Seven Meal&Workout Plan

Personal Project

SEVEN Diet & Workout Plan App

A one-person Design Sprint exercise

Why I started this

One purpose of the app is to practice Design Sprint process

I heard about the Design Sprint in a Meetup hold by the Sketch DC team. Speakers talked about their experiences in using Design Sprint to redesign projects within 4 to 7-day frames. Such rapid design cycle is challenging but also a great practice when time is tight, and when team can work the most efficiently. While Design Sprint is mainly for design teams, I wanted to try practicing this method as an individual.

Another purpose is to create an app that isn't available in the App store

Trying to loss weight and maintain healthy lifestyle is a long-lasting topic. With so many temptations around, having a plan for the meal and exercise is crucial for those who want to reach a goal of losing weight.

I started to design this app mainly because there's no such an app now that allows users to plan ahead of time of what they want to eat or want workout they plan to do. Many apps support diet-tracking with popular recipes or workout plan provided; however, for someone (like me) who want some flexibility and nothing more than a meal/workout schedule, what available in the app store is not satisfying.

So YES, I made this app (mainly) for myself, with a hope that it can be implemented someday

(Examples of myself and also of others planning for meals and workouts, in different ways)

The Basics

Client

Me (and those who want a meal plan app)

Time

08/2019 - 08/2019

My role

UX Researcher, UX Designer

Tool

Sketch, Marvel app

High-fidelity Prototype

https://marvelapp.com/9b70cgd

Design Sprint -- What is it?

"a five-day process for answering critical business questions through design, prototyping, and testing ideas with customers" --- GV

Based on GV, Design Sprint is to build and test a prototype in Five days, different from the traditional long-term mode.

I added one extra day for Prototyping in addition to the traditional cycle for the DS process, to work better for a one-person team.
        Day 1 -- map: goals, challenges, target problems, HMW, end results and risks
        Day 2 -- sketch: solutions, ideas
        Day 3 -- decide
        Day 4 -- prototype: wireframes and interactions
        Day 5 -- test

Day 1: Map

The final Goal

Target users are people aiming to have customizable planned meals and exercise

Goal is to offer the app allowing users to create plans with intuitive UI and enough flexibility

Marketing research

1. Scientific research

I referred to a Nutritional Report from PubMed, which talks about the connection between meal planning and diet quality and body weight.

The study shows meal planning is helpful for having balanced diets, and weight control

Here are some findings:
1. Women, older, physically active, with a higher income, with children in the household are more likely to plan meals
2. Those who planned their meals were more likely to have a higher adherence to nutritional guidelines
3. They also have higher overall food variety
4. Meal planning was associated with lower odds of being overweight and obese
5. It might encourage the preparation of healthier and more varied home meals

2. Competitive analysis

Then I analyzed some available meal plan and workout plan apps.

Most available apps offer common workout and meal options, but not support easy-entry of customized plan items

Persona

User journey map

See detailed report on Scientific research, competitive analysis and HMW -Map research

Day 2: Sketch

Sketches of screens

I used Sketch to create some possible ideas of the screens, based on benchmarking and research result. Admittedly, a team of one is limited in ideas.

Day 3: Decide & Prototype

Brand

Defining the brand is not included in the Design Sprint book of GV. However, since this process is usually run for an existing product, I decided to create a quick brand with logo being created.

The number "7" here represents one cycle of a week, and the line in the center represents cross-off the item listed in the plan

Mid-fi wireframes

Hi-fi wireframes

Daily, Weekly & Annual view

Color code for different types of the meal or workout. After finishing, cross-off the item.

Add a new item & Item detail page

Auto-suggestion item based on user entry; will fill-in preset nutritional information.

Users can also add photos and links to external recipes for food items.

Post-meal notes can also be added.

Grocery shopping list

Weekly grocery shopping list will generate automatically based on food item entry.
Users can also add items by searching or typing names.

Weekly report

Weekly report on users' behavioral trend is available. Data include weight trend, goal achieving list, calories intake and workout expense.

Hidden tips

If users drag from the plan page from the bottom, there will be a random quote or tips about nutrition or workout. Surprise!

Long-press to add

Users can add food/workout/weight logs from the tab on the bottom navigation. Long press the adding CTA to show adding options, and then drag to the CTA of what want to be added.

Food/weight logs can also be added through the floating CTA on plan page.

↑