Doc.ai Mobile App Design
Doc.ai | March 2017 - July 2017
I designed the beta version of Doc.ai's mobile app, which involved redesigning and rebranding the alpha version in an accelerated timeframe of five months. The mobile app is multimodal with both a graphical user interface (GUI) and conversational user interface (CUI).
The chatbot uses natural-language processing to answer questions about blood and genetic test results, and utilizes the user's health data to personalize its responses.
The app is comprised of four key features:
API/patient portal data import.
Computer vision data import.
Text-based interface for the chatbot.
Health profile displaying organized health data.
The app was delivered to Deloitte and presented at their annual sales conference.
CONTRIBUTIONS
Copywriting
Interaction design
Conversational design
Visual design
Usability testing
Project management
QA
Features
API/Patient Portal Data Import
1. Import data search
2. Patient portal login
3. Importing
4. Results confirmation
Computer Vision Data Import
1. Data import via selfie
1. Select import mode
2. Selfie instructions
2. Scan instructions
3. Selfie camera
3. Scan results
4. Selfie results
4. Edit results
Chatbot Interface
1. Import data
2. View data
3. Simple Q&A
4. Personalized Q&A
1. Order lab test.
2. Receive results.
3. Learn about results.
4. Connect with expert.
Health Profile
Medications card
Health problems card
Lab tests card
Genomics card
Rebranding
I updated the mobile app look and feel to better align with current visual design trends, while striving to follow accessibility guidelines. This included selecting a new color palette and components style. I worked with a graphic designer to create a new logo and illustrations, and refine the visual treatment.
Old splash screen and logo
New splash screen and logo
Old chat illustration
New chat illustration
Old menu
New menu
Key Challenges
App complexity. When I started at Doc.ai, the alpha version of the app already contained four complex features and two modalities for interaction (graphical interface and text conversation) with only the happy paths designed. One of my primary tasks for the redesign involved fleshing out all interaction states and flows for both the GUI and CUI.
Resources and time. As the sole full-time product designer working on a broad-scale, complex app, the accelerated timeline and large project scale left little time for user research. I relied primarily on multiple, quick iterations, my subject matter knoweldge, and internal testing to take the app from an alpha to beta version.
Technology-driven. The user experience for importing data via computer vision and interacting with the chatbot were significantly limited by the technology's maturity.