Role
UX/UI Designer
PROJECT TYPE
Academic
Dates
Mar 2023
Tools
Figma
ProtoPie
Teammates
Seyeon Jo
Yerim Lim
Responsibilities
UX/UI Design
Mock-up Design
Wireframing
UserTesting
Prototyping
Graphic Design
Ideation
Storyboard
final mock-up
Contact Doctor
This feature allows users to easily search for and connect with doctors from the comfort of their homes. They can schedule appointments or receive real-time assistance, making it especially helpful for seniors with physical limitations who need prompt medical support.
Make Appointment
User can schedule appointments for regular tests relatively easily through the app’s display of available business hours, dates, and times.
If users need to visit clinic, users can click to find the loaction of nearest hospital or medical laboratory.
Record Glucose
This feature automatically records glucose levels from the user's device, providing a comprehensive history for easy tracking. Users can monitor their blood sugar trends over time, helping them manage their condition effectively and make informed dietary adjustments.
Diabetic Info
This feature offers valuable information for diabetics, including diet tips, exercise recommendations, and insightful articles. Users can easily search for food, nutrition, and lifestyle advice directly within the app, without needing to browse online.
Account
The profile feature allows users to manage and access their medical information, past appointments, family details, personal data, and home address. For added security, CareMe includes a login and logout feature, ensuring data protection. This enhances the app's reliability and streamlines the appointment process for a seamless user experience.
ui storyboard
Contact Doctor
Make Appointment
Record Glucose
Diabetic Info
Major Changes After Storyboard
We recognized that the homepage was overly cluttered, which could overwhelm seniors unfamiliar with app usage. To align with our goal of providing the simplest app experience,we simplified the design, divided features into distinct sections, and introduced clear, accessible buttons. The bottom navigation was streamlined to just a home and back button, reducing confusion and minimizing errors.
Style guide
Typefaces
Both “Lato” and “Helvetica” are one of the most easily read fonts according to The Next Web.
Color Palettes
The colours are representative of the diabetes awareness symbol. The high contrast between the background and text makes it easier to read.
Layouts
The colours are representative of the diabetes awareness symbol. The high contrast between the background and text makes it easier to read.
Interactions
Most interactions are “tap” to provide less complex navigation and not make users confused.
User Testing
Usability Testing
We observed six intended users go through a set of tasks provided one by one and interviewed them about the process and interactions of the task after.
Identifying any issues users may have that could hinder their ability to navigate the app and any areas that may be confusing or difficult to the user were the main goals for this user testing.
Interview Questions
We interviewed six users about the process and interactions of the task after to gain more insight into their thoughts behind their actions.
We had interviews to identify any issues users may have that could hinder their ability to navigate the app and identify any areas that may be confusing or difficult for the user and identify whether the app meets the intended user’s needs and wants.
What We Got/ Solution
Map
Problem
It is unable to enlarge the map on an appointment page. If the user doesn’t know the detailed location of the hospital, it will cause confusion in the user experience if it doesn’t work when they try to zoom in on it.
Solution
Adding zoom in and out on the map, the user will be able to find the location easily.
Enter Button
Problem
There is no enter button to find a hospital and send a message.The lack of an enter button for users to type and send is confusing.
Solution
Adding an enter button to type and send messages and words
Visual Hierarchy
Problem
Placement of buttons interrupt flow of interaction. Users can become confused if a button is not where they expect it to be. It can cause frustration to the user if they struggle to find what they are looking for.
Solution
Improve placement of buttons to be in their expected positions in a page.
Terminology
Problem
The lack of clear wording of the main homepage categories to reflect its actual function.The user can be confused when the labels do not reflect the function and their purpose. It becomes difficult to find what they are looking for.
Solution
Use proper and clear terminology that will not create any confusion