3 reasons I love being a designer
5:35
I am an imposter
6:09
Жыл бұрын
About my healthcare passion project
8:49
ditch your design process
9:54
2 жыл бұрын
Пікірлер
@hciperson
@hciperson 29 күн бұрын
Another success rule I have used if they want a problem solved or a task completed. If you mention brainstorming and they are in a task frame of mine, then you will have conflict but if you know that task mode, then you know things go more successfully.
@bernardog7242
@bernardog7242 Ай бұрын
Perfect
@koto22
@koto22 Ай бұрын
Could I ask what you used to create the calendar? Greta content!
@alisikandar1502
@alisikandar1502 Ай бұрын
this approach feels similar to Information Architecture where we use grouping principles to combine and structure information. The addition of highlight what actions the user will take in the hierarchy just becomes mini task / user flows.
@jeffantwi
@jeffantwi Ай бұрын
This is exactly why we need to bring back Framer Classic. As a Senior Product Designer looking to make the leap to Design Engineer I am strongly thinking about rebuilding it for our community. The current prototyping tools right now are too complicated or take too much time to create a simple prototype. More importantly customers don't get the real experience since they are just clicking around. Great examples as always!
@michellewren_
@michellewren_ 2 ай бұрын
Woahhh it’s so cool to see you’ve been building this in code! I’m a designer as well but I really want to expand my technical knowledge and would one day love to build at least pieces of my designs in code. How did you start learning? Any recommendations of where to start and/or resources?
@rbrtflyd
@rbrtflyd 2 ай бұрын
Hey Michelle! Hope you're doing well! I started with Codecademy maybe 7 or 8 years ago (well actually Dreamweaver more like 10+ years ago but that's beside the point). I learned HTML/CSS and some JS. The deep, deep intricacies of JS still elude me but I've learned more while using Vue and more recently React over the last 4-5 years. I don't know of a great place to start besides picking up HTML/CSS and starting to build things you want to try to build. It also depends heavily on your learning style. I'm happy to do courses/articles but can't stand tutorials or "code a task app with me to learn React" type content. So I think knowing how you learn and finding ways to embrace that is best. For me, learning to build the various iterations of Clinic has worked well since I have such a high motivation to just figure it out. I do use a lot of AI tools as well but I wouldn't recommend a beginner try them out. Once you have some experience it's a huge help to do the mundane, repetitive, and somewhat esoteric stuff, but if you don't understand the language/syntax then it isn't going to be a great way to learn. However, it will definitely help you accelerate once you know the basics - I rebuilt the entire Vue app in React in about 3 weeks using AI (mind blowing). The resources I'd recommend: www.codecademy.com/ - For the basics designcode.io/ - Designer-focused (I did this one too many moons ago) If you get into it and are a bit lost or need guidance feel free to hit me up on LinkedIn. Always happy to offer more specific guidance if you need it.
@rbrtflyd
@rbrtflyd 2 ай бұрын
Oh also, I'd recommend trying to build things in a tool like Webflow. Since it's a visual builder you'll have an interface that will be familiar but you'll get to know the underlying mechanics of how the web works with regards to HTML/CSS/JS. In the past, I've skipped prototyping in Figma and just prototype in Webflow instead.
@michellewren_
@michellewren_ Ай бұрын
@@rbrtflyd thank you for sharing those resources and offering to help with more specific guidance! That's super super kind of you. I know some HTML/CSS already but I'm definitely still pretty new to it so I'll keep digging in there. I built my portfolio in Webflow! I've built a couple versions actually 😅but this is great advice, I agree that building in Webflow has helped me understand much more than simply designing things in Figma has. I also just finished a course on Maven called UI Engineering 101. They use Tailwind CSS in that (which I'm not familiar with) but it was a fun way to learn some foundations of basic component building.
@maukku
@maukku 2 ай бұрын
Hi, whats the icon library you are using? thank you!
@rbrtflyd
@rbrtflyd 2 ай бұрын
Thanks for watching! I use a combination of Font Awesome and Heroicons!
@oamarkanji3153
@oamarkanji3153 2 ай бұрын
Wow. Thank you for putting the time into this! It's so valuable to up and coming devs. Much appreciated.
@rbrtflyd
@rbrtflyd 2 ай бұрын
I really appreciate you watching, it means a lot! However, I am not an engineer so I can't promise any of these things are best practice or industry standard. There are many more knowledgable people around here than I if you need that level of expertise. Best of luck to you!
@hello19286
@hello19286 2 ай бұрын
I had a very similar stack when starting a project for my company. The one thing that I messed up on was not building a separate backend from the start. I still use Next for the SSR, routing, and caching but I had to move all the API routes to a separate backend because I needed things like queues, cron jobs, lifecycle hooks, better telemetry, etc... Next does not have a clean and scalable way to add these features like full fledged backends. But this might not be a problem for you if you utilize Supabase to the fullest. ElectricSQL is something that you might be interested in. It's an up and coming sync engine, uses PGLite (WASM based in-memory Postgres) in the browser which automatically syncs with your hosted database (unsure how smooth the integration with Medplum would be though). Building a sync engine yourself is going to be very intensive once you get deeper into it. I am a staff level engineer and this is not even something I would even be comfortable building by my self. Lastly, if you stick with Vercel for hosting in production, they are going to eat your lunch. HIPPA and SOC2 compliance from them will most likely cost you 10k+ per month just to host your next app. On the bright side, self-hosting Next on AWS with a docker image is actually fairly easy.
@UmarHamza
@UmarHamza 2 ай бұрын
Thanks for the in depth explaination. I think in browser design is great!
@rbrtflyd
@rbrtflyd 2 ай бұрын
Thanks for watching! In all honesty, I'm trying to find the balance between it and lower fidelity design methods. Loving the journey so far!
@marcialabrahantes3369
@marcialabrahantes3369 2 ай бұрын
React is a Footgun unless you're paying 150k+ devs . Check how Svelte competes to simplify the dev experience
@rbrtflyd
@rbrtflyd 2 ай бұрын
Thanks for watching! So far I'm pretty happy with React! I think it'll prove to be quite powerful over the long term and I'm looking forward to the day I can collaborate with people far more talented and knowledgeable than I on this front.
@hello19286
@hello19286 2 ай бұрын
That does not even make sense, how does something become a foot gun unless you have a large amount of devs? React is a lot more popular than svelte for a reason.
@furycorp
@furycorp 2 ай бұрын
I clicked through your video and your site and I don't see a single mention of any of the health data formats like HL-7 or FHIR. How are you going to integrate with billing, insurance, prescriptions? I also don't see anything mentioned on compliance such as HIPAA (US) or PIPEDA (Canada) and SOC-II pretty popular -- is that a factor in the system design or architecture? There are a lot of appointment making react CRUD portfolio apps on GitHub and while they may not be as pretty I think its things like these aforementioned items that differentiate real industry EMR's from a portfolio demo.
@SrirachaSamson
@SrirachaSamson 2 ай бұрын
Loving this Robert, miss ya man!
@rbrtflyd
@rbrtflyd 2 ай бұрын
Miss you too! Thanks for watching!
@20irshadm48
@20irshadm48 2 ай бұрын
new text layer ?
@falkfrentzen4120
@falkfrentzen4120 2 ай бұрын
Very interesting video - great job! I am especially intrigued by your data querying process, as performant handling of complex datamodel and fast UI updates is a problem relevant to most enterprise software written using web technologies. Would you mind going into detail of your Sync Engine? You mentioned you would initialize the IndexedDB with a customer's/practice's Postgres Data - wouldn't that lead to huge amounts of data being queried up front? Anything other than that would lead to you having to build your own caching system (if not used on single entities but on a query Tanstack Query could handle that already), tracking what data has been synced and either creating your own Database abstraction to query both IndexedDB and Postgres simultaneously or having to implement each query in two ways to both handle the local data as well as an endpoint on the server to handle remote data. All three of these options seem either very tedious, not very scalable or bad for UX.
@rbrtflyd
@rbrtflyd 2 ай бұрын
Hey there! Thanks for watching and for the kind words! Your question is a wonderful one and echoes a lot of the thoughts I've had as well. The Sync Engine as it stands is really just a file that queries supabase for the data that I need to populate the calendar view (since that is the "first" page anyone lands on). My goal is to expand it in the future to be a bit smarter about fetching the right data initially and then performing other async fetches to populate the rest of the data. It's also only one directional so I need to figure that out as well. However, this is all speculation and it's still very much something I'm trying to explore and learn more about.
@falkfrentzen4120
@falkfrentzen4120 2 ай бұрын
@@rbrtflyd thanks for your detailed answer! I think this is a good approach for views that need pretty much all the data up front, like the appointments/calendar view you mentioned. I guess for anything else it might be either one of these two scenarios: you don‘t have much data, which leads to a fast initial load, but because it‘s not much data, loading data in general should be fast, so it‘s probably not worth the effort to implement a sync engine; when there is a lot of data where a sync engine would make sense, loading all the data up front would take too much time. I think a good approach would be to write a frontend caching middleware that intercepts all server requests and responses and saves all individual entries by their uuid. However this method would require all responses to share the same general schema and each get request to be split in two: one for getting all required entity IDs and another one to get the actual data. From the response of the first request, the middleware would be able to determine if these entities already exist in the cache and if their stale time has been exceeded.
@ben-warr
@ben-warr 2 ай бұрын
Looks amazing Robert. Love that you're both designing and building the prototype in code.
@rbrtflyd
@rbrtflyd 2 ай бұрын
Thanks Ben! It's been fun working through both.
@broli720
@broli720 2 ай бұрын
Love your videos and have been following your journey from earlier this year. I actually built an EMR myself to my parent's non profit. From there I pivoted to offering it at cost/subsidized cost to physician groups and healthcare clinics in emerging markets. Would love to exchange ideas and compare notes
@_andrewpeacock
@_andrewpeacock 2 ай бұрын
Love it! Curious - Why did you choose something like TipTap over EditorJS? Not a fan of block editors?
@rbrtflyd
@rbrtflyd 2 ай бұрын
Thanks for watching! I've been using TipTap since they were a very small team so I suppose there is a bit of loyalty there. I've learned their API enough to where I feel I can handle most challenges. TipTap is a block based editor too just a bit less showy about it I think.
@hakanaki
@hakanaki 2 ай бұрын
If you're hiring, feel free to hit me up.
@rbrtflyd
@rbrtflyd 2 ай бұрын
Not right now but I appreciate the excitement!
@hakanaki
@hakanaki 2 ай бұрын
Hi 👋🏽👋🏽 it's really good to see you again. I enjoy seeing what you're working on. I thought you used Vue for the product, is there a reason you switched?
@rbrtflyd
@rbrtflyd 2 ай бұрын
The "Why I chose React" section in the video could be easily relabeled to "Why I migrated from Vue." I do think that Vue is a much better devex and easier to pick up. But I felt that if I wanted to be competitive with hiring at some point in the future, having the codebase be in React/Next would be the best/safest route. Also using shadcn/radix and some other libraries in React has been a gamechanger.
@kschweikert
@kschweikert 2 ай бұрын
What tech are you using for the Appointment/Calendar view?
@rbrtflyd
@rbrtflyd 2 ай бұрын
Thanks for watching! It's all home grown! I tried most of the major React calendar/scheduling libraries and felt none of them had the behavior/styling I wanted, so I hand rolled my own.
@tomaszhofman7745
@tomaszhofman7745 2 ай бұрын
@@rbrtflyd It would be a great idea to release it as open source! The design is impressive, and I think you'll attract a lot of stars and potentially earn sponsorship revenue. Alternatively, you could consider making it a paid product.
@rbrtflyd
@rbrtflyd 2 ай бұрын
@tomaszhofman7745 Now that is an idea! It would be quite a lot of fun! Although I don’t know if I’m ready for another project to maintain when I haven’t even launched this one yet! But I love the thought.
@aayush_dutt
@aayush_dutt 2 ай бұрын
1. How does the data updates work? 2. Is the sync engine bidirectional? 3. How does the sync engine work? 4. How are you planning to handle data schema migrations for stale IndexedDB data - if there is a schema that you want updated in the db? 5. Which library are you using for the calendar component?
@rbrtflyd
@rbrtflyd 2 ай бұрын
All very good questions! 1. CUD functionality is actually next up so I'll let ya know how that goes. 2. Sync engine is currently single direction and I plan to add bi-directional support at some point in the future. 3. That is probably worth it's own video once I get it a bit more refined. But currently the best way to describe it is as a wrapper for a few queries that generalize fetching a particular resource from a table. 4. I am gonna learn about that more as I do it more! No specific plan right now! 5. The calendar is all hand-rolled!
@pdevito
@pdevito 2 ай бұрын
fun watch, thanks for sharing! if you haven't seen it, linear has a couple great talks on how they built their sync engine kzbin.info/www/bejne/jaCVnmaglq-crrcsi=PHDapChd-v-TWZSX love the idea but probably pretty tricky to get all the edge cases right. also guessing the switch from supabase to medplumb won't be as seamless as you're hoping but hopefully i'm wrong. regardless, fun watch and appreciate the share!
@rbrtflyd
@rbrtflyd 2 ай бұрын
I am certain it won't be that seamless. But that's a problem for future Robert! Thanks for sharing that link. I've watched it a bit but need to dig in deeper.
@aghileslounis
@aghileslounis 2 ай бұрын
This is real design! Well done! Do you think the app will be released before GTA6? 😁
@rbrtflyd
@rbrtflyd 2 ай бұрын
I've got plans to release it in some form Soon™ but won't share much more at the moment. I guess at this point it'll be a race between me and Rockstar 😉
@aghileslounis
@aghileslounis 2 ай бұрын
@@rbrtflyd ahah nice!
@ctukel59
@ctukel59 2 ай бұрын
Loving this series! And as physician, I can tell you, your commitment to the “user discovery” and your consideration of the nuances of our workflow is refreshing and has been very much on point!! 🙏🙏🙏
@rbrtflyd
@rbrtflyd 2 ай бұрын
I appreciate you watching and your encouragement! If you'd ever like to give feedback/thoughts live, I'd love to chat with you!
@rbrtflyd
@rbrtflyd 2 ай бұрын
Hey ya'll, small correction: When discussing using IndexedDB I mention it is a PostgreSQL db in your browser. That is not true. IndexedDB is a NoSQL data store using key-value pairs. Otherwise, my use is fairly similar to most relational databases. It contains tables with unique keys that match to keys in other tables. Because it's in your browser it allows for offline support and as I mention much faster data querying times. Thanks for watching!
@bolora78261
@bolora78261 2 ай бұрын
Really awesome video. I sent you a connect request on LinkedIn
@benji-prorata
@benji-prorata 2 ай бұрын
Great typeface indeed. They just released a semi-bold weight that makes it perfect for any scale of utility.
@codeaperture
@codeaperture 3 ай бұрын
Your take on someone specializing in Healthcare as a developer 😅?
@rbrtflyd
@rbrtflyd 3 ай бұрын
Thanks for watching! A couple thoughts: "Specializing" isn't a one and done thing. I think everyone needs to adapt and change as the market changes. I know engineers who were super specialized in different subjects and went on to start companies in completely different areas. Just because you are interested in healthcare, that doesn't mean you have to only do healthcare. Healthcare is a meaty, complex, mind-boggling space to work in for everyone. Engineers who work in the space need to be ready to understand HIPAA, FHIR, and many outdated and difficult to understand data standards that they need to integrate. Interoperability is the name of the game pretty much anywhere in clinical healthcare tech. If you're interested in the space check out Brendan Keeler on LinkedIn/Twitter and follow his blog Health API Guy: healthapiguy.substack.com/ - I don't think anyone knows more about this stuff than he does. He's also a very kind human. Healthcare moves very slowly. I don't think traditional models of product building apply as well in healthcare. Move fast and break things is not a good model when people's lives are on the line. Buying cycles are very long in healthcare (often 2-3 years). It's extremely difficult to sell into enterprise healthcare organizations (big hospitals or insurance companies). So for a lot of people, it's not as easy as "I have a great idea and the ability to build it." There has to be a high level of clinical acumen involved in developing the solution. This isn't a bad thing! But it requires a lot of intricate human-level work that some engineers, product people, or even designers may not be interested in doing. As an example, I give many of the docs I work with my phone number so they can text me and I can send them thoughts. It keeps the feedback cycle shorter and gets me closer to the "right" solution. I also think patience is the name of the game. There are very few, if any, over night successes in healthtech. Last thought: "Healthtech" went through a boom and bust cycle between 2020 and 2022. ZIRP and Covid played together to make it really really attractive for companies to raise money. However, very few of those companies could make money and many of them closed between 2022-2023. That's not me trying to slam the founders or people who worked there, it's just an observation that for a time it was relatively easy. Anyone wanting to get into health-tech needs to carefully evaluate and vet the companies they talk to to understand not just the product but also the business and how they make money. I hope this helps!
@reddixskrull2451
@reddixskrull2451 3 ай бұрын
Hi, Great Video. What did you use to design the pages? It didn’t look like figma which is the only tool I really know, your design look really good!
@rbrtflyd
@rbrtflyd 3 ай бұрын
Thanks for watching and for the kind words! I use Figma to do the designs but tend to copy them over to FigJam to present them as it's a bit easier to organize things one-off for specific videos.
@starnine-b6b
@starnine-b6b 3 ай бұрын
In my opinion, UX is one of the most important key to a product's succession. UX made Apple, the Apple.
@Divyv520
@Divyv520 3 ай бұрын
Hey Robert , very good video ! I was wondering if I can help you with more Quality Editing in your videos and make Highly Engaging Thumbnails which will help your videos to get more views and engagement . Please let me know what do you think ?
@reddixskrull2451
@reddixskrull2451 3 ай бұрын
I like his videos and his thumbnails are great, why should he change them?
@rbrtflyd
@rbrtflyd 3 ай бұрын
Hi there! Thanks for commenting. I'm not interested. I quite enjoy where things are right now. Best of luck to you!
@ZockaRocka
@ZockaRocka 3 ай бұрын
Hey, i really love this 😊 Can i ask you what tool you used to present the wireframe of the new design? Thx. Keep it up ✌️
@rbrtflyd
@rbrtflyd 3 ай бұрын
Thanks for watching! I use www.screen.studio/
@efkastner
@efkastner 3 ай бұрын
I like your thinking and description of your thinking. A couple of things came to mind while watching - this isn’t to say “such and such did it before”, it’s just to mention connections that popped in to my head. For some reason I thought of HyperCard. I never actually used it, but hearing _about_ it reminds me of some of what you’re going for here. Another thing that came to mind was Notion’s “Block” concept. They’ve talked about it extensively in their documentation and blog (I think) and it’s a nice conceptual framework. Keep up the good work!
@dalrymplej
@dalrymplej 3 ай бұрын
Thoughts - The tab design (details, contact, search) look too similar to the button design. Though they are both technically clickable, they are distinctly different from a UX perspective. Also, are the recent events (Lipid Panel etc), clickable? Due to their design, they look like buttons compared to other list items seen in services and procedure in the example screen for example. Overall looks good! Very interested in following your progress, its a neat concept!
@rbrtflyd
@rbrtflyd 3 ай бұрын
Thanks for the thoughts and for watching! Definitely some good thoughts on UI improvements! So far those things haven't caused any issues with users but it's good to keep an eye on it!
@kayodedesign
@kayodedesign 3 ай бұрын
Hi Robert, Do you think it's a good idea for a Product Designer to specialize in designing only health & wellness related products? Also, what's it like working in healthcare as a Designer?
@rbrtflyd
@rbrtflyd 3 ай бұрын
I think we definitely need more product designers specializing in health and wellness products! Whether that is the only thing that a designer specializes in is up to them and their passion. Many of the things I've learned while designing in healthcare have been applicable to other industries as well. Your second question is a bit more than I can answer in a comment but I quite enjoy designing in healthcare. Since I'm also building my own product, I get the opportunity to engage directly with clinicians of all types and from all different areas of the care spectrum. It's a lot of fun and I always feel energized after talking with them and learning a bit more. I find that clinicians are discerning people and have high standards for their tooling. It's a fun challenge to meet :)
@JohnAmao-k3f
@JohnAmao-k3f 3 ай бұрын
I think clinic is amazing, and I would like to see it irl.. do you intend to ever ship it as a product ?
@rbrtflyd
@rbrtflyd 3 ай бұрын
Just a prototype at the moment: demo.alloy.health/ But yes I do intend to ship it as a product some day. Either in this form or in another :) Thanks for watching!
@JohnAmao-k3f
@JohnAmao-k3f 3 ай бұрын
When will Clinic ship?
@davetaylor7664
@davetaylor7664 3 ай бұрын
Sruggling to get my head around how this applies to what I'm working on right now, but convinced it could be beneficial. Time to dig into the articles!
@rbrtflyd
@rbrtflyd 2 ай бұрын
If you're a course-taker, I can't recommend Sophia's Udemy course enough!
@fiftyseventh
@fiftyseventh 5 ай бұрын
do you work alone? is the SAAS live now?
@henrythomas7112
@henrythomas7112 5 ай бұрын
Thank you so much for this video. Super helpful and well-presented. Your time and effort is most appreciated!
@MarkGuillDesigns
@MarkGuillDesigns 6 ай бұрын
I really want to get this but it isn't happening. Maybe I need to reverse engineer it.
@chrschoeni
@chrschoeni 7 ай бұрын
Amazong Videos and amazing UI. Pleace male more from your YT Videos ❤
@MohamedElguarir
@MohamedElguarir 7 ай бұрын
Amazing content man, Thank you!
@sergeyverevkin1967
@sergeyverevkin1967 7 ай бұрын
Absolutely stunning and clean design. I am especially grateful for the detailed product planning and explanation that you cover in your videos. Well done!
@johnlin6121
@johnlin6121 7 ай бұрын
Awesome stuff! Thanks for re-uploading. Any chance you could explain what the n:m string in each relationship means? It seems like a mapping, but not exactly clear to me. For example, what does 0:1 Patients in the Patient row/Message column cell mean?
@milkydropz
@milkydropz 7 ай бұрын
The n (n:n) notation is used to describe the relationship between two objects in object-oriented UX (OOUX). In this context, n specifies how many instances of one object can be associated with instances of another object. For example, in the 0:1 relationship between Patients and Messages, means that a Message can be related to no (0) or one (1) Patient. This notation helps in understanding how different objects in a system can interact with each other. If you're interested in learning more about this concept, you might want to look into Object-Oriented UX (OOUX). I work in healthcare UX and its really helpful to think this way when you're designing!
@johnlin6121
@johnlin6121 7 ай бұрын
@@milkydropz Thank you so much for the excellent explanation and reference to Object-Oriented UX!
@hapaise2924
@hapaise2924 7 ай бұрын
looks nice! but when u say cretae, update, delete n forget the read for CRUD, i go brrrrrr
@rbrtflyd
@rbrtflyd 7 ай бұрын
I will update the square to say CUD! Just for you!
@JuanMoisesTorrijos
@JuanMoisesTorrijos 7 ай бұрын
Thank you for sharing.
@edhahaz
@edhahaz 7 ай бұрын
amazing
@tunahan.k-wg2ym
@tunahan.k-wg2ym 7 ай бұрын
wow! i'm early! i really love this application. how did you get into the health care niche?