Seven Meal&Workout Plan

Personal Project

SEVEN Diet & Workout Plan App

A one-person Design Sprint exercise

  • Background
                • The Basics
                              • Challenges
                                            • Discover
                                                          • Define
                                                                        • Design
                                                                                      • Test
                                                                                                    • Next Step

                                                                                                                  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


                                                                                                                  Me (and those who want a meal plan app)


                                                                                                                  08/2019 - 08/2019

                                                                                                                  My role

                                                                                                                  UX Researcher, UX Designer


                                                                                                                  Sketch, Marvel app

                                                                                                                  High-fidelity Prototype


                                                                                                                  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


                                                                                                                    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


                                                                                                                    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

                                                                                                                    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.

                                                                                                                    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.

                                                                                                                    Day 4: Prototype - continued

                                                                                                                    Hi-fi user flows

                                                                                                                    Day 5: Test

                                                                                                                    Testing tasks

                                                                                                                    1. Add a new food item
                                                                                                                    2. Cross off an item
                                                                                                                    3. Switch between views
                                                                                                                    4. Go to the next month, and then go back

                                                                                                                    5. Delete an item
                                                                                                                    6. Grocery list -- add an item
                                                                                                                    7. Find and interpret statistics report
                                                                                                                    8. A/B compare quote design

                                                                                                                    Testing takeaways

                                                                                                                    1. Faster way to add/delete items are preferred, such as swiping to add/delete
                                                                                                                    2. Clarification on language
                                                                                                                    3. Color preference
                                                                                                                    4. Gamification

                                                                                                                    Next Step

                                                                                                                    Start a new cycle for improvement

                                                                                                                    Checkout the prototype here: