UI/UX
ios
Android

2020/07~2020/09

Health habit Keep your health

Time

2 Month

Player

Product Designer

Responsibility

UX、UI

Tools

Sketch、AI、Zepline、principle

Project overview

01 | Project Objective

Set up health goals, dietary recommendations, regular reminders, achievement mechanisms, etc., hoping to help users develop good health habits.

02 | Role & Deliverables

Cooperate with 1 PM and 6 engineers in the project to plan the complete process and design, conduct internal testing, provide design and development documents, and confirm that the development process is correct.

03 | challenges

Assist users in establishing habits, decide to use gamification methods, have many plans when setting up mechanisms, and finally build products with stakeholders.

04 | Outcomes & Impact

Discuss with stakeholders about the interaction of medals, community sharing, and the medal mechanism for accumulating habits. During the process, I help unify opinions from all parties to form an executable design and become a product.

Background

The company sells health check programs from major hospitals and observes that existing users are health-conscious groups, so it develops habit-building services. The difference from other competing products is that we preset 6 items, namely diet, lifestyle, water intake, sleep, exercise, others, and hope to help users maintain health.

Competitive Analysis

Observing the processes and mechanisms of other products, we converge on the demand to move towards a healthy direction. Most of the presets are healthy habits, but if users have other needs, they can also establish various habits by themselves to help life.

Product target

After receiving the product outline given by the PM, for product planning and implementation, four main directions have been set: nutrition advice, preset system habits, community sharing, learning process, and other habits can be customized. The remote goal is to be able to See community friends and play ranked matches.

User story & Persona

Developing a user profile helps us establish initial requirements:

1. Have used similar apps

2. Want to create a daily itinerary and reminders

3. Begin to value your health and lifestyle

4. Love the sense of accomplishment

5. Like to share their life on the community.

Function map

Function maps are described as follows:

1. Habit status: You can view the punch-in status of your daily habit.

2. Habit achievements: the longest number of days, the total number of medals, the number of ongoing habits, and the design and interactive screen of each medal.

3. Personal record: Check the daily check-in status, start date, maximum number of days, and the number of times you are used to winning prizes through the calendar.

4. Settings: reminder function, adding habits, editing habits, modifying health goals, and user feedback.

User flow

The first time you use it, you will ask about health goals, including disease control and health promotion. The results will give nutrition advice and set up three recommended healthy habits.

Sketch & Wireframe

Planning the process and layout may produce multiple layouts or solutions at the same time. The following is the final sketch presentation:

Use coffee time to find technical units for functional discussions, confirm the feasibility of different ideas, and increase product consensus between the two parties. In addition, listening to engineers' ideas will also bring a better experience to the product.

Design system

Prototype

01 Pre-use quiz

Whether disease control or health management is required, it can help the system to tailor habit recommendations for users.

You can tick to confirm when you have done things every day. If you haven’t ticked in the past, you can’t tick again. I hope to help users record the process of forming a habit.

02 Complete the habit every day and punch in!

According to the pre-test meeting, three different types of habits are suggested, and the quantity and content can also be adjusted. If the check is completed on the day, the check-in cannot be made in the past. In order to encourage users to complete the habits and accumulate achievements, the rewards in the gamification mechanism are used. Different levels and medals are designed.

03 Management habits

Check the current habit to know the start time, set a reminder, turn it on or off, if it is turned off, it will appear in the past habit, and the sign-in page will not be displayed. By sorting, you can adjust the customary order of the check-in page. There will be six preset types of new habits, and there are health items recommended by the system. Press the plus button to join the sign-in page, and set the details of the personalization mode through customization.

There are a total of seven types of medals, the number of days of persistence, a few consecutive days a week, once a month, the number of habits, the type of habits, the share of vinegar, and congratulations on the first use.

UI/UX

Find the best solution through discussion and cooperation.

ULANI APP

E-Ink table calendar

MobiScribe

eReader Device Design

ULANI

Brand Web

Telephone Consultation

Mobile App Design

Health habit

Mobile App Design

Record diet App

Mobile App Design