IDEATION & EVALUATION
BRAINSTORMING
The brain-storming was based on previous research and interview results, as well as reference to other food-related apps in market.
Then I evaluated the ideas by their importance and difficulty, and decided the four key functions of the app: food plan, emotion control, background knowledge and supervision function.
Take a test to know the diet type.
Follow the Meal Plan to get the right food.
Take emotion-control course to ease from eating impulse.
Record and get analysis of daily meal.
INFORMATION ARCHITECTURE
Based on the result of brain-storiming, features to achieve are basically confirmed. Then those features were put into different catogories, organized as an Infomation Architecture that would be served as the app’s future frame of functions.
PROTOTYPE
LOW-FI TESTING
The paper-cut protoypes were tested by 6 participants. Then their feedbacks were collected for the fist-time iteration.
WIREFRAME
After first iteration, I began to flesh out wireframes for the main task flows.
Once the user flow and basic wireframes were clear, usability testing was conducted. 5 participants were asked to conduct several tasks that achieve the main function. Questions about user flow and prototypes were asked, and feedbacks were evaluted and used for iteration.
USER FLOW - TAKE TESTS
USER FLOW - CHECK MEAL PLAN & GET RECOMMENDED FOOD
USER FLOW - ADD RECORD
DESIGN SYSTEM