Clover.ai

I designed a health assistant AI app that simplified American Healthcare for users.
1st place

UXTerps Design Hackathon, 2023

Project Overview

What - A health assistant app using AI to answer health queries.

Why - To save users time figuring out the complicated and large number of information surrounding healthcare and insurance.

How - I interviewed users of varying demographics about their experiences and current problems with healthcare to come up with solutions.

Result - An app with AI health assistance, medicine calendar, document storage an emergency assist features.
Client
CommunicateHealth Inc.
Role
Product Designer
Team Size
2 members
Project Year
2023
Duration
24 hrs

Research Methods

Literature Review
Interviews
Affinity Diagram

Design Tools

Figma
Illustrator
Shotcut

The Design Challenge

Health literacy refers to an individual's ability to obtain, understand and use any healthcare information to make appropriate health related decisions.
"Simplify Health Literacy for users through the use of AI"
I was allowed to design any creative solution that fit this constraint. The catch? I had to study health literacy, do user research, come up with solutions and a high fidelity design in 24 hours.

Investigating Health Literacy

I spent the first 6-7 hours studying about health literacy, and talking to relevant people of various demographics and technological competency. My teammate and I wanted our solutions to be backed by real research data.
Screenshot of a research paper about health literacy

Literature Review

I studied research papers and academic journals to understand health literacy and its relationship with AI.
Screenshot from a video call of an interview with anonymous users

User Interviews

I interviewed people with varying demographics and technical knowledge about healthcare.
Collection of some of the sticky notes with data from the user interviews

Affinity Diagram

Using the data from the interviews, we created an affinity diagram to interpret the broader themes.

Our Observations

Simplicity

A small sapling
Healthcare information is usually confusing and overwhelming

Trust

Two hands shaking
Healthcare information being reliable is very important

Single Source

Multiple books stacked on top of each other
It is a hassle to gather healthcare information from multiple places

Solution 1: Building Trust

"Trust is very important in healthcare"

A gentle onboarding with our friendly AI assistant, Clover. I drew him using Adobe Illustrator, drawing inspiration from pop culture robots to make him as friendly and trustworthy as possible.

Design Decisions

  • A monochromatic warm green color scheme to represent the client brand and invoke trust
  • Optional accessible settings within onboarding itself to make the overall experience more inclusive
  • WCAG 2.0 color contrast and accessibility standards
  • Light color scheme to appear friendly and wholesome through visuals
Clover app's onboarding screens in motion

Solution 2: Simplifying Health Insurance

Screens showcasing the features to add documents and then find information from them using the Clover assistant
"Insurance is quite confusing, especially as someone new to the country"

I designed the AI assistant to retrieve information from uploaded medical documents to answer any relevant questions.

Design Decisions

  • Since this can have big privacy concerns, the feature is optional
  • Researched other AI assistants and messaging softwares to design it like a text chat with Clover
  • Voice commands like Alexa/Google Assistant to make it a familiar and quicker experience
  • Prompt recommendations before and after results to guide users

Solution 3: Centralized Information

"I want an online service which clarifies my medical questions in one place"

Clover can answer general health queries, personal health questions if information is provided, and centralize all your healthcare needs in a single place.

Design Decisions

  • Source information and privacy transparency included to build trust with the users
  • Clover's face and reactions included during questions and results to create a sense of physical presence
  • Voice recognition similar to popular apps with voice features like Whatsapp and Google assistant, to create familiarity
Screens showing Clover app's voice assistant features

Solution 4: Medicine and Emergency

Screens showing the medicine tracker and emergency features of the app
"It takes effort to keep up with medicine and I just proceed with the best way I know"

The calendar feature keeps track of medicines and sends reminders, while the emergency features can be accessed outside of the app through macro commands as well.

Design Decisions

  • Customizable single action SOS feature to notify 911 and family to make users feel safe
  • Colors outside design system (red and black) used to signify emergency and the seriousness of the feature

Design Process

Sticky notes from the research's affinity diagram
1. Research
Sketches of the initial concepts of the Clover app
2. Ideation
Low level designs of the clover app's layout
3. Lo-fi
Hi-level design of the clover's home screen
4. Hi-fi
High level design with improved visuals and UI from Clover's redesign
5. Redesign

Reflections

  • Making sure all design decisions are research backed despite the time constraints was challenging.
  • I understood the importance of prioritizing key tasks and features in situations where you can't have everything.
  • My teammate and I worked on many tasks together. Working asynchronously on separate tasks would have been more time efficient.
  • I would also conduct more usability tests post design if I could.

What's Next?

  • CommunicateHealth Inc can use this prototype to get a direction for the development of their AI assistant.
  • Big developments in AI technology could have a significant impact on developments of projects like these.

Other Projects

Want to work together?

Let's connect!
Mail logoLinkedin logo