UI/UX

CONCERN CARL

The Goal

ConcernCarl App strives to provide a tranquil, uplifting, and accommodating experience, offering seamless convenience, ensuring that tracking your health information is a stress-free journey.

Keeping up with appointments, prescriptions, symptoms, previous treatments and all of the other medical information is overwhelming.

The Problem

With a simple and effective organizational system, users would feel more in control of their health having easy access to everything they need to know to feel their best.

Project Objective

As a group, we identified the UX features we wanted for a solution to our problem. We found several existing companies targeting certain aspects, but nothing solved the problem. Canvas was our analogous competitor, we liked their dashboard, calendar, and resources features. This analysis demonstrated where our gap was to fill.

Comparative Analysis

Design Thinking Process

Emphatize

User Interviews | Thematic Analysis

Through the interviews, we found out the need for a place to document medical information, ability to track health activity, incentives to encourage interaction, practicality and easy app, appointment assistance and time management, and reminders for medication and health checkups.

“Keeping track of medical information is incredibly difficult.”

— Participant 1

“I need reminders related to pills prescription refill and pill taking available in a calendar setting.”

— Participant 2

“We’ve only had one doctor each but I couldn’t imagine keeping up with more than one doctor. I feel like sometimes it’s hard enough to to contact the one doctor you need.”

— Participant 3

Define

Personas

Three persona profiles help understand user diversity, needs, and behaviors, informing app features to ensure usability and appeal across a range of users.

User Journey Map

A user journey map visualizes the user's interactions with an app, highlighting pain points and opportunities for improvement, crucial for creating a seamless user experience. Here, we visualize the process of our three personas trying to attend an appointment, from the pre-appointment preparation to the feedback.

Ideate

Identity Development

MOODBOARD

A moodboard for app design gathers visual elements, color schemes, typography, and imagery to inspire and guide the design direction.

LANGUAGE

Medical information can often be complicated, so it is crucial to use simple and engaging language to allow the user to feel supported in the app.

Creative Matrix

We developed a series of questions to help us focus on what features to develop for our app such as:

How might we streamline how people can keep up their health goals?
How might we make appointments accessible among family?
How might we encourage users to keep up with their annual care?

We each gave our own ideas and using the creative matrix chose what we thought was the best approach for the solution.

Sketches

Initial sketches for app design allow quick exploration of ideas, layout, and functionality, aiding in refining concepts before committing to detailed designs.

Prototype 1

LoFi Wireframes

Low-fidelity prototypes are crucial for a quick exploration of design concepts, gathering feedback, and refining functionality early in the process.

ADD DOCTOR PROFILE SAMPLE

TEST

Cognitive Walkthrough Findings

We used the Cognitive Walkthrough method to evaluate the usability of the app by showing a printed sample of our lo-fi wireframes to users and having them follow a task, such as: Let’s add a doctor profile.

From this, we discovered that we needed a more refined identity and visual language, so we aimed to improve readability and contrast, as well as, dedicating time to redesigning icons for simpler communication.

Prototype 2

Iterations

High-fidelity prototypes are important for simulating the final look and feel of the app, allowing for detailed user testing. While doing a set of iterations we were able to create better decisions for the app to become usable by following feedback.