How to design a SLICK AI chat interface ( ft. Dr. Gupta) | UX/UI Speed Design

Subscribe for more! → bit.ly/2UGi9YR
Want a custom design for your business? → marcmcdougall.com
Watch the full playlist here → bit.ly/2UqOzBH
Here's the Figma file for this project → bit.ly/3PRp778
In the 70th episode of Demystifying Design, I'll be redesigning Dr. Gupta, an AI tool that acts as your primary care provider.
The goals of this redesign were to make it easier for users to:
1. Ask questions about my health to get insights about my symptoms.
2. Keep track of insights that the doctor has made so far.
3. Get article recommendations based on my symptoms.
4. Know how many more free messages I have.
5. Toggle between algorithms.
6. Swap between Dr. Gupta and Dr. McGrath
7. Access and edit my account settings.
This entire redesign took me about 3 hours to complete (over 1 day). Hope you enjoy!
Important timestamps:
0:00 Introduction
1:15 Style guide and user stories
1:45 Redesign begins!
2:50 Chat UI
3:35 Doctor's notes
4:30 Exam room list
5:50 Brand navigation links
6:40 Chat message box
7:06 Messages remaining notification
7:40 Final result!
Music licensed by Epidemic Sound:
new growth, by Sarah, the Instrumentalist
Empower, by Osoku
In Tough Love, by Lupus Nocte
Salamanca, by Sarah The Instrumentalist
All content in this video is intended to be purely transformational in nature.
#webdesign #redesign #design #designer #designchallenge #speeddesign #appdesign #designchallenge #webdesign #learndesign #ai #health