IOT – Health app redesign

behance

Health App Redesign, 2017

Design Role 

  • UX Design
  • UI Design

Timeline

Jun., 2017~ Sep., 2017

Background

There was an original health app developed by the Health team in the company. However, without well-organized product design, the original app included varied features and visual styles, which was hard to be understood for the target users – elder people. Not only the font size but also the images were too small for the seniors to read when they were measuring blood pressure or checking health status (as below image). Moreover, the app was kept update by different people but without unified language, thus causing obvious inconsistency.

屏幕快照 2017-11-03 下午4.52.11blog

Original Health App Design, 2016 

 

User Experience Design

Relating to the user scenario, the app is an o2o service which combines with 3 devices produced by the company, incl. blood pressure gauge, weight scale, and heart-rate meter. Moreover, it also calculates and records daily calories and steps people exercise. That is to say, the app helps manage people’s health by combining hardware devices with virtual tracker.

User Research & User Journey

To realize users’ needs, we firstly researched competitors and the market trend, as  well as gathering user feedbacks. There are a bunch of useful opinions from the current users. For example, they don’t know why there are so much information on the first screen, while most of them are not created by themselves. Moreover, when starting measuring blood pressure, they have no ideas whether it is connected successfully or not, without clear user flow or notifications. Not only than these, over 70% of current users even don’t know that the app can be synced with other healthcare devices as well as monitoring their sport activities.

The obscure scenario obviously decreased the usage of products and the confidence from users. To clarify users’ pain points, I interviewed with them and illustrated the journey, while producing a series of wireframes and prototypes with user testing during UX iterations (as below). To fix these issues, the major healthcare modules are brought out to the home page to be highlighted, while useless information are deleted to be simplified.

User Journey map

User Journey Map, 2017

Meanwhile, we also kept “one page, one story” rule to enable users to focus on one topic a time. That is, users can track their health status on home page directly after login, incl. blood pressure, weight, heart beats, and exercise. It is also easy to check health trend and suggestions if tapping into the health report. The following sitemap and user flow was developed by continuous UX iteration.

螢幕快照 2017-09-12 下午11.55.24.png

Low-fidelity Wireframes, 2017

 

User Interface Design

Concept – Mood board

Since it is a rebranding project, the design team was required to do brand research and interface moodboard so as to find the most suitable interaction and look and feel. To expand the target audience group and encourage people to do health management, we applied younger and more energetic visual style.

 

UI Design

Meanwhile, we differentiated the four modules with high contrast color but also tried to make them cohesive with consistent UI structure. When users tap into each module, they will first see their update health data and can sync with device immediately with bluetooth open. The bottom navigation is also easy for users  to move around from statistics to secondary information. The followings are the apps main page design, you can also refer to behance for further info.

behance2

Achievement & Reflection 

The working environment is actually new and unfamiliar to me because it is my first time to work in China with both Chinese and Korean colleagues. First of all, it is challenging to understand users’ behaviors in China, because it is somewhat different from western behaviors. Moreover, the communication also takes more time due to cultural bias. Sometimes describing one thing with different English words would cause misunderstanding, causing more time spent on compromising different opinions.

Also, the UX design for Internet of Things is varied from designing for internet only. You have to make sure the connection between software and hardware is smooth and the scenario is reasonable for health management. It takes me a lot of time to optimize the user flow in a short period of time.

I wouldn’t say the product design is perfect for users at this stage, because it still needs many improvement. However, it would be s part of the health management system since those who buy the devices will need to install the app to track their health status. As a result, it is actually a media to increase the stickiness and loyalty for the hardware users. It is crucial to be a considerate service to help users immerse in the product scenario immediately and thus improve the current user experience.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s