top of page

Mapdicine

It aims to help users maintain physical and mental health through online and offline medical support.

It encourages users to visit care offices offline through easy-to-understand navigation services.

Project Overview

Goal

To combine two existing apps to create an experience that promotes a new behavior.

Tools

Adobe XD, Adobe Photoshop, Adobe Premiere Pro

Skills

Sketching, wireframing, UI design, prototyping, video editing, personas, FTUE design

Course & Instructor

Behavior
Michael Chaonver

Timeline

7 weeks
Fall 2020

Problem Statement

The requirements of this project gave me plenty of space to develop in the direction I like. I was eager to design products that can solve the troubles in life, so I selected some applications that deserve improvement from my own experience.

How might we encourage more users to consider offline care practices?

All Videos

Watch Now

Ideation

Interviews & Personas

At this stage of thinking, I asked ten people who do not go to health care often.

Seven of them have never been to a nearby health center. Through interviews, I found that people are more inclined to repeat operations in the past, including going to the health center they have been to. Once they visit a health center, they would become more likely to visit again in the future.

Those who have never been to a health center or nursing office need to be guided by a safe and easy-to-understand navigation service.

Personas

I interviewed five additional people who have experience using One Medical. Combining the ten people I interviewed before, I confirmed three personas. These would be my three types of target users.

Persona1.png

Persona2.png

Persona3.png

Persona1.png

The Mash-Up

kisspng-one-medical-medicine-health-care

One Medical

As an application provided by the primary care practice, One Medical provides users online and offline health care through the application. Users can as making an appointment for same-day remote care or going to an offline medical center.

Online care experience is the first choice of many people. However, the fact is that the quality of nearby offline care is more beneficial to patients.

Google Maps

Google Maps is one of the most popular navigation applications. People use it for surrounding search, address storage, and route planning.

The live-view navigation service in Google Maps helps users follow the path planning easily.

It is right the feature Mapdicine needs!

Process

Sketches & Wireframes

Sketches

Personas had set a clear direction. I focused on two features:

Searching local health offices
Guiding users to use the live-view navigation to get there

In the entire experience, I added designs for first-time users such as landing screens, login screens, and first-time authorization requests. It would give users who have never been to a nearby health center more sense of security, making them more willing to start a journey.

Sketches

Wireframes

During the production phase of wireframes, I mixed and matched screenshots of the two applications. This app retained most of the main functions in One Medical.

WX20210415-215739%25402x_edited_edited.jpg

WX20210415-215739%402x_edited.jpg

Iterations

Testings & Revisions

I purposefully followed the theme color of One Medical and optimized its visual design with new motions and graphics.

First Version - 1.png

First Version - 2.png

I contacted my classmates and friends to test my prototype and collected some feedback.

Generalized Feedback

Strengths

The visual style is unified and continuous.
Clearly and effectively guide first-time users.
Features can improve the existing navigation experience

Weaknesses

The functional experience story is not complete. It lacks feedback from the app when arriving at the destination
The map effect in the demo is slightly simple

Based on the suggestions I got, I re-modified the visual design of part of the screen.

I added a hint at the end when the user arrives at the destination after navigation.

Final Designs

Reflection

This project had tempered my basic skills in interaction design. More importantly, it taught me a lesson on hierarchies in the presentation and comprehensive generalizations.

When I initially chose to merge the two applications, I envisioned many other functions based on the original application. However, it is impractical to show all the features in one video demonstration that is time-limited. Not wanting to confuse the audience, I omitted to demonstrate those features on the homepage list other than navigation in the final video. Unfortunately, the decision led to the failure of fully expressing the purpose of using Mapdicine. Although the user’s navigation experience has improved, it has not significantly encouraged users to participate more actively in local medical care. I should have added a rewarding system and further explained how users get rewards through experiencing the navigation. This app will do a better job in problem-solving if I strengthen its rewarding system.

The assignment deliverable requirements limited my thoughts. I paid much more attention to demonstrate the pivotal navigation system. However, I neglected to summarize the purpose of the entire application in the video.

Although I regret this failure, I think it can provide a powerful experience for my future design. Before considering the project submissions, I should first consider making it understood by target users as a complete and valuable product.

This project will not stay at the stage when I submitted it. In the future, I will take this project forward and further improve its level of perfection.

bottom of page