top of page

Starting and sticking to a healthy weight loss plan can sometimes seem impossible.

Often, people simply lack the motivation to get started or lose their motivation to keep going.

In this world of weight loss gimmicks and Photoshop, View2Lose is the only patented, data-based technology that accurately predicts and shows a visual of how you will look at a healthier weight so that you have realistic expectations.

Phone11-pro-back.png

Overview

View2Lose is an AI-based mobile application specialised in health training and reducing the weight based on the target set.

View 2 Lose uses Artificial Intelligence to predict what users will look like in the future and the revolutionary in app chatbot provides training and dietary tips to accomplish weight loss goals.

App is driven based on the database visualizations of all human types to understand and create human weight lose with the predictions of 6 weeks goal initially.

Role & Duration

User Research, Research Analysis,  Prototyping and testing, Visual Design

Team of 3 designers,1 project manager and 1 project sponsor

Feb 2020 - Aug 2020

Challenge

The challenge was redesigning existing View2Lose mobile application.

The goals were

  • Increase the visual appeal

  • Improve User Experience of photo taking process

  • Improve the app usability & accessibility to retain user engagement

  • Adding chatbot feature

Process

  • User Research

  • User Testing

  • Sketching

  • User Flow

  • Features

  • Usability testing

  • Define the problem

Define

Ideate

Prototype

Test

Empathise

  • Personas

  • Affinity Mapping

  • Wireframes

  • Prototypes

User Research

Screen Shot 2020-08-17 at 5.24.56 pm.png

User Research & User Testing with the current app 

We conducted user research and user testing with two different groups of people.

The goals of conducting the proposed user research and testing were the followings:

  • Identify the strengths and weaknesses of the current user experience of View2Lose

  • Identify what can be improved in the app from the users’ perspectives

 to implement a new design that drives conversions and increases user engagement

Interview Part 1:

We started the interview by asking both groups about their health/fitness goals, their current ways of keeping fit, the tools are they using and its pain points, user expectations and how it can be done better.

 

Interview Part 2:

Group 1: We asked them to download the current View2Lose and ask more questions to study the first impression of the app.

Group 2: We asked more questions regarding their current experience with View2Lose in order to determine what keeps them from using or not using the app.

User Research Interview

We conducted user research interviews with 6 participants who haven't heard of View2Lose app before. We provided 13 questions that were clear, open-ended and focused on the topics we were investigating.

User Research Questions

1. How old are you?

2. What's your gender?

3. How often do you train in a week?

4. Have you tried a diet plan?

5. What nutrition info do you need to help you stay healthy?

6. Could you tell about the difficulties you face now or faced earlier in your training or diet plan?

7. How do you get the information regarding the right nutrition?

8. Do you use any apps or websites that help you with training and diet plan?

9. What do you like about these apps? (e.g. what features do you like the most? Why? How does that help your fitness journey better?)

11. What do you dislike about these apps? Why? What can be improved to make it better?

12. If you had the opportunity to create an app what would you do or add to help to achieve your fitness goal?

13. What makes you feel motivated to use the app consistently?

Competitive Analysis

To highlight strengths and weaknesses of products in order to make more informed decisions about our product strategy.

User Research insights

Personas

Screen Shot 2020-08-12 at 4.51.13 pm.png
Screen Shot 2020-08-12 at 4.48.24 pm.png

User Testing with the current app

Methodology

We conducted user testing interviews on fresh users with the old version of View2Lose. We had 8 participants that went through the process and provided us with key pain point insights. With us the designers as the facilitators, users were asked to go through the whole end-to-end app process.

User Insights
We consolidated the interview results and sorted the user pain points by 4 main processes of using View2Lose.

Screen Shot 2020-06-24 at 9.48.13 am.png

User Pain Points

After reviewing the User Pain Points, the technique of Affinity Diagramming was used to help map out and categorise the overarching pain points. The results were divided into two areas Technical Issues and Content Issues, where 6 outstanding pain points were discovered based on the pain point findings. The pain points were then given a rating level on their level of priority, in order of what had to be fixed.

Screen Shot 2020-06-24 at 9.47.55 am.png

Changes — Priority level

Key Insights

  1. The process is too long

  2. Difficult to understand

  3. Difficult UX issues

  4. Content is not engaging

  5. Functionality changes

  6. Design

  • Disliked the long onboarding process

  • Did not understand the term “navel” & body types

  • Majority of users did not know there was an audio instruction Tutorial video is too long and not engaging

  • Users wanted more overall features

  • Users wanted more interactivity

  • Users disliked the purple them

MVP Matrix

High Value

Customised diet plan

Activity & meal Logging

Customised workout plan

Community-based aspect

Hard

Step tracker

Exercise tracker

Calculate BMI

Personalised recommandation

Body measurement

Chatbot

Image processing 

Easy

Calorie counting

Water trackers

Low Value

In the ideation phase, I sketched all the features that I had in my mind for my product and I extracted three value propositions for the product :

  • The users can set a weight goal.

  • The users will be able to see what they look like after losing weight.

  • The users will be able to see their body measurements and BMI every 6 weeks.

  • The users will be able to have a chat with the chatbot and get some customised recommendations on how to lose weight. 

User Flow

Screen Shot 2020-08-14 at 10.17.57 am.pn

Content Site Map

Screen Shot 2020-08-17 at 8.47.57 pm.png
Screen Shot 2020-08-14 at 10.15.42 am.pn

Wireframes

Sign Up-V1.png
Onboarding1.png
Onboarding - Activity Level.png
Onboarding - Body Type.png
Onboarding - Goals 10.png

User Testing

We conducted User Testing interviews with the existing version of View2lose app for testing tutorial screens on the same users that have been our participants for user testing the old version of View2lose. We had 5 participants that went through the process.

Findings:

 

The instructions are clear but the flow and the presentation needs improvement.

 

User pain points:


Presentation

 

  • Test the colour contrast.

  • Rearrange the number of instruction text.

  • The silhouette and body outline should fit in each other.

  • The retake button is too small/not consistent with other buttons.

  • The instruction text should not be on top of the hand cursor on the body points entry screen.

  • Suggests sliding cards instead of screens.

  • Suggests more motion than static screens that presents too much info to look at.

  • Skip and retake button sizing.

  • Retake button has to be redesigned.

  • Use more native iOS component.

 

 

Flow

 

  • Prefer to see all the tutorials before taking action.

  • there should be a confirmation/photo preview screen before proceeding to the next steps.

  • The app should explain why the user needs to take photo rather than focusing too much on the tutorial.

  •  the instruction to take side photo and the side body entry point is unnecessary.

  • There should be a photo review and confirmation page before proceeding to the next steps.

  • Needs a confirmation screen to preview the photo before entering body points.

  • Design style should be consistent - On boarding design and photo capture process design are styled differently, the use of dark overlay makes the vibe looks daunting.

  • have the body outline change colours.

  • Change the order top to bottom.

Challenge

One of the main challenges we recognised after doing usability testing was how users are going to change their fitness goal and what would be the flow after that.

Screen Shot 2020-08-14 at 10.09.26 am.pn

Tutorial

New Tutorial1.png
New Tutorial2.png
New Tutorial3.png

Photo taking

Take your photo - Front.png
Take your photo  - Side.png
Body Confirmation - Side.png
Body Confirmation - Front.png

Body measurement

Body Measurement - Side.png
Body Measurement - Front.png

Update my view

Uploading to server

Wrap module

Uploading to server

No wrap-seperate module

Update new goal.png
History_Stats.png
Enter weight.png
Screen Shot 2020-08-28 at 4.23.04 pm.png
My View - Home - v1.png
Update option - native dialog UI from AP
Dashboard - Weight - v1.png
Dashboard - BMI - v1.png
Dashboard - Waist -v1.png

So we designed four new screens based on the updated user flow.

History_Stats.png
Update option - native dialog UI from AP
Update new goal.png
Enter weight.png

Prototype

Expanding The Product

For future iterations, we're planning to make it more personalised for people in terms of having personalised recommendations via chatbot to

motivate users with not only after photo images but also with some personalised recommendations to improve their eating habits and lose weight faster.

We've done a survey to understand what are the most common questions people may have regarding diet plan and exercise plan and we're planning to create multi-turn conversations through QnA Maker.

PREVIOUS: Charity Website

NEXT: DreamLife

bottom of page