672 Fall 2013 Professor Sung Kang Laura Huisinga
PROBLEM STATEMENT The Assignment Part One
The goal of this assignment is to learn how to design prototypes. The prototypes will be tested/surveyed as the second project. Through the prototype design, students will learn how to organize information, navigation elements, and interfaces to a project. The method involves three phases. The first phase is an analysis, documentation, and research about the given subject. The second phase is creating at least two prototypes based on your research and inclass usability study. The final phase is documentation and final report. In this assignment, creativesolutions are emphasized to create prototypes.
The Problem
There has been a proven medical connection between what food a person eats and their mood. Different food produces different chemicals in our brains that contribute to our moods and emotional health. Food can also play a vital role in not only improving our emotional health but can help alleviate symptoms or effects of various illnesses. Understanding these connections, and tracking these correlations can be very time consuming and confusing. Food Mood attempts to make this complex process less confusing and simpler. This is done though the use of interactive charts, an extensive food nutrition database, and access to information at the tips of your fingers.
Food Mood App from Active Awearness Family
HYPOTHESIS STATEMENTS
Hypothesis: individuals can improve their emotional and mental health by becoming more self aware of their eating habits and how mood is linked to food consumption.
What does the web app do?
A responsive website that can be accessed on a desktop, tablet or mobile device. That logs what you eat on a daily bases, as well as logging your daily mood though out the day. A slider scale will be used to log your mood and you can add up to 8 sliders per day. A section for adding notes with each slider will be available to log out side factors effecting your mood or internal issues like headaches. Over time a user will be able to see a correlation between what they are eating and their mood. Another section will provide information or recommended food to correct different emotional health issues, such as depression, anxiety, or stress. A small recipe section will also be available categorized by mood.
Laura Huisinga Fall 2013
SUMMARY & GOALS OF PRODUCT
Summary of Product
A responsive website that can be accessed on a desktop, tablet or mobile device. That logs what you eat on a daily bases, as well as logging your daily mood though out the day. A slider scales will be used to log your mood before and an hour after a meal. A section for adding notes with each slider will be available to log out side factors effecting your mood or internal issues like headaches. Over time a user will be able to see a correlation between what they are eating and their mood. Another section will provide information or recommended food to correct different emotional health issues, such as depression, anxiety, insomnia or stress. A recipe section will also be available categorized by mood related issues and common illnesses..
Goals of Product
Individuals can improve their emotional and mental health by becoming more self aware of their eating habits and how mood is linked to food consumption. As well as becoming more educated on how to improve eating habits for better emotional health. èèFood tracking (nutrient levels, food groups consumed, time, number of meals/snacks) èèmood tracking (before and after food is consumed) èècharting correlation between food and mood () èèfood manually added or added by scanning a label èèmood input by self evaluation èèquick look guide (feeling --------- try eating -------) èèrecipes for feeling good
Food Mood App from Active Awearness Family
RESEARCH FOR CONCEPT
The science and process of this app was derived mainly from a combination of two books. Elizabeth Somer’s Food and Mood: the complete Guide to Eating Well and Feeling your Best. And Readers Digest Food Cures Recipe Book. “Why do you feel tired after eating a full meal? Why do you have so much trouble concentrating? Why do you crave chocolate? Can diet affect depression? Is there a natural cure for insomnia? Nutrition expert Elizabeth Somer answers all these questions and more in this completely updated and revised second edition to her nutritional guide Food and Mood. The result of research encompassing thousands of the most up-to-date scientific studies, Somer explains how what we eat has a direct influence on how we feel, think, sleep, look, and act. She addresses specific food-related issues including health conditions, food cravings, diet struggles, stress, PMS, winter blues, energy levels, depression, memory, and sleep patterns, as well as tackling the issue of supplements and providing the real story on those you need and those you don’t. Included is Somer’s revolutionary Feeling Good Diet, a program that shows you how to take control of your eating habits to benefit mood and mental functioning now.” (book description for Food & Mood) Huffington Post also ran an article about Food Mood. “What you eat has a profound effect on your mood and thinking today and your risk for depression and dementia down the road. How do I know? I’ve been studying the link between what we eat and how we feel since the early 1990s.” http://www.huffingtonpost. com/elizabeth-somer/food-for-a-good-mood_b_397503.html
There has been extensive studies done into this area but I was unable to find products that were related to helping individuals use this research. That’s where the Active Awearnes Food Mood web app comes in. Some other Research I was able to find included an article on the Mayo clinic site; http://www.mayoclinic.com/health/food-and-mood/my00716. Which talks about the connection between food and mood. An article on Web MD http:// www.webmd.com/food-recipes/features/how-food-affects-your-moods shared more insight on the connection which can be summarized in the following quote from the site. “While certain diets or foods may not ease depression (or put you instantly in a better mood), they may help as part of an overall treatment plan. There’s more and more research indicating that, in some ways, diet may influence mood. We don’t have the whole story yet, but there are some interesting clues. Basically the science of food’s affect on mood is based on this: Dietary changes can bring about changes in our brain structure (chemically and physiologically), which can lead to altered behavior.” I also even found a summary of a survey that was conducted to show the correlation between nutrition and emotional health. “Treatment for emotional and mental health problems mainly involves the use of medication and/or psychotherapy. Despite evidence suggesting that dietary and nutritional interventions can provide symptom relief and benefits to health, these approaches remain ‘alternative’ or ‘complementary’ and are not often used within mainstream medicine.” http://www.comfirst.org.uk/files/food_mood_survey_summary.pdf
“From the Publisher of Food Cures: Draws on current understanding about the connection between health and common “power foods” to counsel readers on how to minimize dependence on medication and restock a pantry, in a reference that provides seventy-five recipes and makes recommendations for treating common ailments. Original. 35,000 first printing.Draws on current understanding about the connection between health and common “power foods” to counsel readers on how to minimize dependence on medication and restock a pantry, in a reference that provides seventy-five recipes and makes recommendations for treating common ailments.” Laura Huisinga Fall 2013
ACTION CYCLE
Gloria Goal = compare mood levels before and after meals
Intention = I have a smart phone I bet there is an app for that planning = I need to search in the app store Executing = I down loaded the app, created an account and opened up mood tab, slide mood sliders, click on camera icon to take picture of face for facial emotion recognition. Feedback = the daily graph of your mood will pop up interperatation = I have only added one mood there isn’t much to see on graph Evaluate = Positive= I see the graph Negitive = I need to add my mood again in an hour so i have to wait to see the comparison
Dick Goal = see his eating patterns
Intention = I have a smart phone I bet there is an app for that planning = I need to search in the app store Executing = I down loaded the app created an account and opened up Food tab, clicked on the scanner icon, scan label of food, repeat for other food items, hit save feed back= Daily food label with percentages pops up Interpretation = I only have one meal so I can’t see a full day yet Evaluate = Positive= I see the chart Negative = I need to add my next meals though out the day to see the full day nutrient percentages
Food Mood App from Active Awearness Family
Marvin Goal= not be depressed anymore
Intention = My therapist told me to use this app Planning = I need to get the app Executing = Download app, create an account, open up help section look up how to use app, Click on recipev tab, select depression, pick a recipe that helps with depression. feedback= I have a full recipe and explanation of how it helps with depression Interpretation= now I can make food that will help with my depression
PERSONAS
Gloria P. Anderson
“I have a very busy life style where I am constantly juggling responsibilities. I frequently feel stressed so I want to see how my diet is effecting my mood.” Gloria is 37yr old female, she is married with 2 children ages 7 (Rebecca) and 5 (Andrew). Her family income is around 100k a year. She lives in Minneapolis MN, and has a masters degree in english. Gloria works at a local high school and teaches AP English and AP British Literature. Her husband works as an accountant at a mid sized business. Gloria has a busy life style while she juggles taking care of her children, working at a local high school and volunteering at a local youth outreach center. Where she works with at risk youth in a creative writing class. Gloria always makes sure her children eat a good breakfast before school and packs their lunch for them but she doesn’t always have time to pack her own lunch or finish eating a healthy breakfast. This means she may have to eat lunch from the school cafeteria or run to Panera for lunch. She occasionally has to grab dinner between picking up Rebecca from dance class and going to her volunteer job that she teaches on Thursday nights. She needs to pick dinner up quickly so it is not always the healthiest options. A family favorite is Kentucky Fried Chicken. Gloria often finds that she is very stressed out and tired. She has also been noticing that when she has to eat lunch from the cafeteria that she is very irritable and quick tempered for the rest of the day. Gloria really wants to improve her mental state she feel her emotional health has declined in the last few years. That is why she is very interested in starting to use this product.
Gloria uses a computer at school for grading, research, and lesson plans. She owns an iPad and has had a smart phone for the let 4 years. èècomfortable with the technology èèbusy lifestyle èèwants to improve her mental health èèwants to stop feeling tired and rundown
Gloria’s goal èèfind recipes that improve energy èècompare mood levels before and after meals
Gloria’s Daily Use
èè- logs her mood prior to eating breakfast (smartphone) èè- loggs her food intake for breakfast and time (smartphone) èè- after arriving at school she logs her mood again (Desktop) èè- logs her mood prior to lunch (smartphone) èè- logs her lunch food intake (smartphone) èè- after 6th period class she logs her mood again (Desktop) èè- if she has time she also looks at the recipe section for ideas of what to make for dinner èè- before she cooks dinner she logs her mood and what she is eating (iPad or smartphone) èè- after dinner while the kids are playing before bed she logs her mood again èè- after the kids have been put to bed she checks her daily graphs
Laura Huisinga Fall 2013
PERSONAS Richard ‘Dick’ W. Hoffansted
“I am currently in graduate school working getting my PHD in Mechanical Engineering I noticed that my waistline has been expanding over the last year. I really want to get back in shape before I graduate.” Dick is a 26 year old graduate student he has a girlfriend named Sarah and no children. He currently lives in Ames IA and attends ISU. He will be graduating in 2 years with his PHD in Mechanical Engineering.
Dick’s Goal èè
- lose weight by making better eating choices
èè
- see his eating patterns
Dick’s Daily Use
èè- logs his food intake for breakfast and time (smartphone) èè- logs mood right after eating èè- logs food snack èè- logs mood before lunch èè- logs food for lunch èè- logs mood 2h after lunch èè- logs dinner
Dick finds that he is often tired despite the fact that he gets 7 hours of sleep every night. He has also noticed that his waistline has been expanding over the last year. Dick wants to try this app because he wants to see if there is a correlation between the type of food he is eating and his chronic fatigue. He also thinks that the ability to track all his daily food intake will help him make healthier eating choices that will result in losing weight. Dick doesn’t think he needs the mood tracking as much as he wants the food tracking abilities of the app. He doesn’t feel that he has any issues with Depression or Anxiety but is concerned that his chronic fatigue could be linked to more then just needing more sleep. He is often under a lot of pressure and frequently feels stressed out but has never had a panic attack before. Dick owns a smart phone and is very comfortable with technology. He frequently uses a computer for school and does research on the web. He also is very comfortable with logging data and recording information as he has had to do this for some of his research. - more interested in the food tracking then mood tracking - comfortable logging information and recording data - can use a smart phone Food Mood App from Active Awearness Family
èè- logs mood after dinner
Marvin B Wallace
“I think this is stupid but my therapist said I needed to try it for a few months.” Marvin is a 19 year old male college student at a community college in Cedar Rapids IA. He is not married and does not have any children. Marvin works at Culvers at the cash register. He works 20h per week on top of taking 4 classes. He only makes about $700 per month, but his parents help him with some of his bills. Marvin has struggled with depression off and on since he was in high school. He is currently seeing a therapist who has recommended that he try to use this web app. Marvin like many college students frequently eats inexpensive food like roman noodles or macaroni and cheese. One week he spent all of his gro-
PERSONAS cery budget on a new video game so he only ate hot dogs, kraft processed cheese slices, roman and of course Natural Light beer for a week because that was what was left in the fridge.
èè- logs food for lunch
Marvin also eats a lot of his meals at Culvers, since he works there he gets an employ discount. That means butter burgers and custard are consumed at least 3 times a week. Marvin see no problem with his diet and has very little ambition to change it. Of course Marvin also has very little ambition to change anything in his life other then improving his score on his favorite video game.
èè- logs dinner
Marvins parents have agreed to buy him an iPhone if he agrees to use this web app for several months and work with his therapist to improve his mental health though his diet. This is a considerable upgrade from Marvin’s current flip phone. so even though he has no desire to use the app he has decided it will be worth it to have access to an iPhone. Marvin has a lap top which he plays games on, watches netflix, surfs the net, listens to music and occasionally does homework for school. He has never had a smart phone before but is competent with most gaming systems.
èè- logs mood 1h after lunch èè- logs mood before dinner èè- logs mood after dinner èè- looks up help section to understand what the graph section means
key features of product èè- tracking food consumption èè- tracking mood levels èè- ability to track mood levels before & after every meal/snack èè- ability to add notes to each mood scale èè- access to information about foods that improve mood
èè- Has no personal desire to use app but is doing so on doctors orders
èè- recipes to improve mood
èè- Has no prior experience with a smart phone but is slightly above moderately tech savy
èè- graph of daily and monthly mood changes
èè- Has not ever monitored food consumption or worried about healthy eating before
èè-scanning bar code of label to import all nutrition info of food
èèphase two features èè- graph that shows daily nutrient intake (which vitamins, omega3s, calories, trans fats, sugars, pro tine… ) compared to mood pulled from sliders.
Marvins Goals èè- not be depressed anymore
Marvin Daily Use
èè- Is confused on how to log information èè- goes to help section to look up mood logging èè- logs mood when he wakes up èè- goes to help section Laura Huisinga Fall 2013
STYLE GUIDE
Food Mood App from Active Awearness Family
COLOR PALLETS
Laura Huisinga Fall 2013
COLOR RESEARCH How Color Relates to the Health Field
Research on Architectural Color from http://continuingeducation.construction.com/crs.php?L=222&C=928 “Applied research and careful study conducted by professionals on the impact of color and design on healthcare settings have changed the design palette used in new healthcare settings. There is a wide consensus that there is no clear evidence suggesting that any one color is effective in achieving a particular healthcare outcome.
But you don’t want to get so cool that it feels cool. So you want to balance those colors with some warmth, as well, using neutrals, beautiful beiges, warm wood tones to go along with those and give you a nice sense of tranquility. “When you get into something that’s more of an assisted-living or retirement-type of facility, you can start using colors that are a little bit richer, a little more traditional, to give you that homier feel that’s more comforting. “But stay away from those highly saturated, vibrant yellows and reds, those types of colors that can certainly make you feel a little bit more anxious.” _____ from http://www.functionalcolor.com/healthcare/ – shows a muted library of paints, sponsored by Glidden. “It is felt color is important to the design process; yet, there is no clear evidence to suggest that any one color is effective in achieving a particular healthcare outcome.”
In fact, the highly subjective nature of color, color combinations as well as cultural associations of color palettes make the selection of effective color for any environment difficult to predict. However, data does suggest that design professionals who understand the elements of color and the introduction of nature into healthcare environments can make an impact on healing. Architects who engage all five senses into the design process can enhance the healing process.” _____
Research on Healthcare Logo Color Pallets I searched Google for several healthcare company logos, combined them into a single image and ran them through a color palette generator (www.cssdrive. com/imagepalette). Combined Healthcare logos:
from http://www.healthcaredesignmagazine.com/article/healing-hues-choosingpaint-colors-healthcare Are there specific colors that are more highly recommended for different healthcare settings? “You want a nice balance of both warm and cool colors. Cool colors tend to be more calming, so things that are in the blues and the blue-greens, those types of colors really put people at ease because they do bring a sense of tranquility. Food Mood App from Active Awearness Family
Averaged Healthcare Palette:
Visually, I think that, in a search of ‘color healthcare logos’ on Google, color similarities of logos overlaps:
COLOR PALLETS Dark Blue Medium Blue Light Blue, Turquoise Medium, Grass Green Orange/Yellow, to represent gold Eggplant Purple Few used red (typically used sparingly) which can be assumed that is due to the color red’s visual relation to blood or injury.
Averaged Insurance Palette: Combined Health App Designs: Averaged Health App Palette: Refined Color Palette for Project: Group Palette Refinement: Color tests at bottom represent group color preference testing results through IntuitionHQ
Combined Insurance logos:
Laura Huisinga Fall 2013
VISUAL RESEARCH
Food Mood App from Active Awearness Family
VISUAL RESEARCH
Laura Huisinga Fall 2013
VISUAL RESEARCH
Food Mood App from Active Awearness Family
VISUAL RESEARCH
Laura Huisinga Fall 2013
ACTION CYCLE Log in (initial screen) 1. Create account 1. enter email 2. enter password 3. verify password 4. gender 5. age 6. select check boxes of mood issues (fat) 2. Log into existing 1. Enter email 2. Enter Password 3. Forgot password 1. Enter email 2. Submit 3. Check email 4. Put in new password Help Section (opens up first time app is used click on question mark in upper left) explain how to use the app Viewing Graphs (opens to this page or by hitting the graph tab) top graph is latest entered data scroll down to view previous graphs - all emotions sliders are charted on one graph with before and after meal moods - user can isolate separate modes by clicking on the key Logging Food intake (food tab) 1.Click on plus sign to add new food 1.click on camera icon to scan bar code or 2. start typing name of food or recipe
Food Mood App from Active Awearness Family
- Select from database 3. hit save success= food label of where your percentages are at that point for the day 2. Click on beverage symbol to add drink - hit save 3. saving a recipe or frequently used meal Hit Recipe card tab Enter all items in recipe for nutrition info or items in meal name meal or recipe Hit save Logging mood (mood tab) Slider one Fatigue level 1-5, 1=very tired 5=not tired at all Slider two Jittery Slider three Alert Sider four Happy Slider five anxiety Click on camera to access face reading soft wear to find which of the 7 basic emotions your face is showing Hit save success= bring up graph of daily mood Pick recipe for certain ailment (Recipe tab) select first letter of ailment (D if searching for depression or M if searching for Migraines) Select Ailment Success = a list of recipes is populated Chose a recipe Click on icon to add to daily food log (only if eating then)
INFORMATION ARCHITECTURE
Laura Huisinga Fall 2013
LOW FIDELITY DESIGNS
Food Mood App from Active Awearness Family
LOW FIDELITY DESIGNS
Laura Huisinga Fall 2013
A B TESTING
Food Mood App from Active Awearness Family
A B TESTING
Laura Huisinga Fall 2013
MED FIDELITY DESIGNS
Food Mood App from Active Awearness Family
MED FIDELITY DESIGNS
Laura Huisinga Fall 2013
INITIAL USER TESTING
Initial in class user testing: During my initial in class testing I used an
agile workflow. After each individual test I made a few small adjustments mostly related to the functionality of the prototype.
Participant one: I learned that there were several missing image maps in
the initial prototype. Participant one found the camera icon overlaid with the persons outline to be confusing. I also realized that the save button for logging ones mood was missing.
Participant two: Had an initial error while creating an account, an attempt was made to directly log in before using the create account button. Seemed to initially be confused by the tabs and navigation system. Also saved the mood profile before adding her photo. The addition of a back button may be needed for testing.
Participant three: Went though all the tasks with ease but was confused on what to search for when asked to find a recipe that would help with migraines. May need to reword task to ask the participant to “search migraines in order to find recipes that would help�
Participant four: successfully went thought the task list with no issues.
Food Mood App from Active Awearness Family
TASK LIST 1. Create account 1. User name: bob27 2. email: bob27@yahoo.com 3. password: bob27 4. gender: Male 5. age: 27 6. Add stress and migraines 2. Scroll though Help section 3. Log a full mood profile 1. 5 sliders 2. use camera to take a facial recognition mood reading 4. Add breakfast foods by scanning label (box with label provided for use) 5. Add another breakfast food manually (banana) 6. look up a recipe for dinner to help with chronic Migraines 7. Go back to graph section and view daily graph
Laura Huisinga Fall 2013