2
wash + dry HABIT MAKER PROJECT PROCESS
MEGAN REILLY VISC 404 Meredith Tack Fall 2016
4
“What we know from lab studies is that it’s never too late to break a habit. Habits are malleable throughout your entire life.”
-Charles Duhigg, author of The Power of Habit
6
project brief
In this project you will design a mobile app that encourages users to make changes in their life. Your app should focus on helping someone make a new habit, or break an unwanted one. Your topic should be one particular habit and not habits in general. Your design decisions should be grounded in empathy, user research, and insights from testing your prototype. The final deliverable will be a video that explains the app.
1. daily notes 2. research 3. concept 4. wireframes 5. storyboard 6. final application pg. 6
pg. 8
pg. 15
pg. 17
pg. 24
pg. 28
1.daily notes DAY BY DAY RECAP
10
y
daily notes
10/19
amples, storyboarding, peer review time
-video should have a good story and show us how to do something in the app -keep it short and simple
IN CLASS: introduction to sketch HOMEWORK: watch Level Up Tutorials and play with Sketch by creating a sitemap for a website
HOMEWORK: refine wireframes, blog post on progress
10/24
11/9
IN CLASS: UI components and libraries and wireframes
-component= the building blocks of an interface -states= variation of components that lets you know what is going on -functions= the job(s) taht the component should do -patterns=reusable components -wireframes= blueprints that map out pages of a system
HOMEWORK: draw wireframes for a UI pattern
10/26
IN CLASS: intro to project and habit discussion, plan class survey -30 day challenges -The Power of Habit
HOMEWORK: distribute survey, list 100 habits, conduct habit research
10/31
IN CLASS: check on surveys, get peer review groups for projects, intro to explainer videos HOMEWORK: project brief, interview notes
11/2
IN CLASS: user stories and “jobs to be done�, examples of wireframes HOMEWORK: write user stories, create wireframes of all app screens
11/7
IN CLASS: explainer video specifics/ex-
IN CLASS: intro to style tiles and styling, templates/plug-ins -style tile= communicate the essence of a visual brand
HOMEWORK: create storyboard, refine app screens and prep for prototyping
11/14
IN CLASS: micro-interactions, creating prototypes with Marvel HOMEWORK: create style tile, start styling app screens, prepare for mid-project critique
11/16
IN CLASS: mid-project critique HOMEWORK: progress (self-driven)
11/21
IN CLASS: peer review time, work time HOMEWORK: progress
11/28
IN CLASS: work time HOMEWORK: progress
11/30
IN CLASS: work time HOMEWORK: finish all pieces of project (sketch file, microinteraction, explainer video, prototype, process book)
12/5 and 12/7 Everything due! final critique
2. research GENERAL AND USER-BASED BACKGROUND INFORMATION
12
h
habit research
WHAT IT IS • Habits are just routines of behavior in people’s lives • Habit is a simple form of learning—a change of behaviour with experience • It is defined as ‘an automatic response to a specific situation, acquired normally as a result of repetition and learning’. • The term habit is strictly applicable only to motor responses, but often applied more widely to habits of thought, perhaps more correctly termed attitudes. • Habits play important role in our daily life. All of us acquire different habits. FACTS • It takes about 66 days to develop a habit • There are bad and good habits • There is a way to get rid of unwanted habits, remove the thing that triggers the habit • Habits can be broken down into three categories; motor habits, intellectual habits and habits of character • Good habits formed at youth make a big difference • Bad habits are often caused by stress and boredom but can also be from deeper issues 7 MOST COMMON HABITS 1. Nail biting 2. Playing with hair 3. Using umm and like frequently in speech 4. Snacking late at night 5. Avoiding eye contact 6. Skipping breakfast 7. Cracking joints
100 habits
1. biting your nails 2. eating healthy 3. following an excercise plan 4. daily journal/sketch 5. drinking coffee 6. picking your nose 7. sucking your thumb 8. playing with your hair 9. using a calendar/planner 10. watching tv/netflix 11. waking up early/going to bed late 12. making your bed 13. cleaning 14. laundry day/grocery day 15. cracking your knuckles 16. swearing 17. drinking 18. social media 19. eating desserts 20. smoking 21. shopping 22. talking to yourself 23. chewing gum 24. biting your pen/pencil 25. lying 26. skipping breakfast 27. snacking 28. taking medicine 29. brushing your teeth/hair 30. saying “yes� 31. complaining 32. repeating yourself 33. gambling 34. picking at zits/scabs 35. not cleaning up after yourself 36. cheek biting 37. shoplifting 38. being late 39. falling asleep in class 40. napping 41. slouching 42. not showering 43. skipping class 44. fidgeting 45. bragging 46. flaking out 47. crying 48. belching 49. farting 50.talking fast/ slow/loud/quiet
14
51. copying 52. leaving the toliet seat up 53. table tapping 54. whistling 55. smiling 56. resting bitch face 57. procrastinating 58. praying 59. not focusing 60. making lists 61. locking things constantly 62. sweating 63. using multiple utinsels 64. losing stuff 65. getting sun-burned 66. not turning off the microwave 67. checking phone 68. telling long, detailed stories 69. interrupting 70. littering 71. making everything into a joke 72. humming 73. chipping off nail polish 74. staring 75. drinking water 76. laughing 77. washing your hands 78. saying thank you 79. saying please 80. spending too much money 81. perfectionism 82. blaming others 83. stressing out 84. gossiping 85. not texting/calling back 86. wastefulness 87. sleeping with makeup 88. unhealthy relationships 89. being hard on yourself 90. taking people for granted 91. listening to music 92. dressing up 93. not sitting still 94. avoiding hard tasks 95. wearing makeup 96. licking lips 97. using big words 98. crossing your arms 99. taking control 100. day dreaming
1.
user survey
What’s your age?
10. How much control do you feel like you have over your habits?
18-24 years old 25-34 years old 35-44 years old 55-64 years old 65+
less control 1 2 3 4 5 more control
11. Would you rather gradually quit a habit or go cold-turkey?
2. What is a habit or habitual behavior to you? 3. List three of your good habits. 4. List three of your bad habits. 5. What is one good habit you wish you had? 6. Would you rather break a habit or start a new one? Break a habit Start a new one
7. How hard would it be to break a habit you do every day? easy 1
2
3
4
5 hard
8. How hard is it to start a new habit? easy 1
2
3
4
5 hard
9. What is hardest about starting a new habit? Lack of motivation Fear of change Fear of failure Other
Gradually quit Go cold-turkey
12. How long do you think it would take to completely quit your habit? 1 week - 1 month 1 month - 6 months 6 months - a year More than one year
13. Do you think your environment affects your habits? yes no maybe
14. Would you use an app to change your habits? yes no maybe
15. Which app features would help to motivate you to change a habit?
Sharing your progress Notifications on your phone Communication w/ people of similar goals Incentives/rewards Deadline (ie. 30 day challenge) Visually charting your progress Other
user survey results
88 RESPONSES • 74.7% were 18-24 years old • Habit was described as a repeated or ritual-like behavior that is often mindless • Main good habits listed included -Shower/Hygiene -Brush Teeth/Floss -Exercise daily -Wearing a seatbelt -Doing Homework/Studying -Getting enough sleep -Following a good diet -Go to church regularly -Tidy lifestyle -Maintaining social life -Having manners -Staying organized -Drink water
• The bad habits listed by the survey takers were all across the board but most were stress related or coping mechanisms • 51.1% would rather start a new habit than break an old one • The results show that it is slightly easier to start a new habit than break an old one
16
• Good habits people mainly wish they had: -exercise more -better eating habits -Daily care (flossing, washing face) -Sleeping habits -Time management • Lack of motivation is the hardest place of starting a new habit according to the results • People would rather go cold turkey as the results show • Environments strongly affect your habits according to the survey results • The results show that people aren’t sure if they would use an app, but are more open to it than opposed • Visually charting your progress was the most important as well as incentives and rewards, deadlines and notifications in motivating a change in habit as the results show
user interview
NICOLE ARMSWOOD Age 20 • Habits she possesses
-Eats a veggie every day -Call mom every day -Brush teeth after every meal -drink coffee -Cheek chewing -Uses a planner for everything -Chapstick every night -Always early -Goes to bed early -Eats healthy -Watches a show before bed -Checks social media before bed -Makes bed every morning -Clean phone everyday -Listens to music -Talks loud when nervous -Can’t have awkward silences -bites nails -Wears black clothing -Being interested in tall guys -No moderation/overdoing everything
• Some habits are hard to break since some are a part of you and make you who you are
• Get habits from people you’re around ex: going to bed early comes from her parents and she was raised eating healthy foods
• She wishes she didn’t have nervous habits like biting nails and cheek chewing • Other people’s habits annoy her • It only takes a couple times to develop a habit • Healthy habits are beneficial • Always fall back into habits when she tries to change • She wishes she didn’t have to overeat or go to bed early • Habits could be a deal breaker
user stories
User StoryFormat: As a, I want to, So that. (User, do this, achieve that) “Jobs To Be Done” Format: When, I want, So that, (Situation, motivation, expected outcome)
• When I’m doing my laundry and start working on something else, I want to be alarmed that my loads are done, so that I don’t forget to come back. • When I’m doing multiple loads, I want to keep track of all the loads start and end time, so that I don’t forget any loads and get it done in an organized fashion.
MY USER STORIES AND “JOBS TO BE DONE” • As a student, I want to keep up with my laundry, so that I don’t run out of clean clothes.
• When I’m sorting my laundry into the washer and dryer, I want to be knowledgeable on how to wash them and what the symbols mean on the labels, so that I don’t ruin any clothes.
• As a roommate, I want to remember my laundry, so that I don’t keep my roommates from doing theirs.
• When my laundry starts getting full, I want to be reminded that it’s time to do laundry, so that I’m motivated and get into the routine of doing it weekly.
• As a home-owner, I want to do my laundry weekly, so that I can keep my space clean and avoid dirty piles of laundry. • As a mom, I want to keep track of all my laundry, so that I can get it done faster. • As a first-time laundry-doer, I want to learn what the washing/drying symbols mean, so that I can clean my clothes correctly. • When I’m washing and drying my clothes, I want to be able to keep track of the time, so that I don’t forget and end up taking twice the time to finish.
18
3. concept OVERARCHING IDEA
20
-
concept
1. What is the intention of this app?
To make laundry more enjoyable and done in an efficient and timely manner.
2. Why did you choose this intention for your app? Because I personally always forget about my loads of laundry, so it takes a long time to get through all of it. This makes doing laundry dreadful and something I need a system down for.
3. Who are you designing for?
Mostly students who are first starting out doing laundry and don’t exactly have a system or know how to do it well.
4. What challenges do your users face?
They face the challenge of keeping track of their laundry and the larger task of actually getting the motivation to go do their laundry.
5. Does this app benefit from social collaboration or sharing? No, I think it is more of a personal app to assist people with a task and create a personalized habit.
6. What is the competitive landscape?
There are apps that have you allows you to scan and identify laundry symbols and then also some laundry timer apps. But none of them make it into an entire laundry day with reminders, alarms and information and tips.
7. What unique features set your app apart from others? -reminders of designated laundry day -allows you to set alarms for washing and drying cycles on one or multiple machines -provides tips and information on washing and drying symbols to assist you while you wash
8. What other solutions exist for the problem you are addressing?
A laundry service app where you don’t even have to think about laundry.
9. How will your app be successful in changing the user's behavior?
It will get them in a well running routine when they can manage their time well and have cleans clothes every week.
10. How often do you expect users to engage with the app in order for it to be successful? Once a week for a long period of time but some people like doing a load a day so it could be once a day.
11. Does your app integrate with other apps or services?
No but maybe eventually it could go with a laundry basket the detects when it’s time to do laundry.
12. What kinds of data will be collected about the user?
I would want to know their laundry habits, what problems they have with it and what would motivate them to do it in a timely fashion.
13. What voice or personality does the app use? It’ll hopefully be fun and simple. It needs to be both engaging and easy to use while making laundry easier to do.
14. What platform are you designing for? IOS
15. List 10 possible names for your app.
Dirty Laundry, Laundry Day, Wash and Dry, Cycles, Wishy Washy, W.D.F. (Wash. Dry. Fold.), The Laundry Room, Suds, Laundry Time, Loads
4.wire frames MAPPING OUT AND STYLING THE APPLICATION SYSTEM
22
intial wireframes
LOGIN
WASHER AND DRYER
HOMESCREEN AND CALENDAR
24
SYMBOLS
intial style tile Helvetica neutra text
<
dry
16: 27 minutes
seconds
set timer
wash + dry start cleaning!
45 min
start 12:30 PM end MESSAGES
now
wash + dry
Your laundry basket is full! Time to start washing and drying! Slide for more
26
1:15 PM
logo/symbol development
w.d.f. wash + dry + fold
30°
40°
95°
50°
wash. dry. fold.
wdf
60°
70° 60°
CL
P
30°
40°
50°
60°
70°
95°
60°
CL
A
P
28
F
W
P
5.story board PLANNING THE COMPONENTS AND SEQUENCE OF THE EXPLAINER VIDEO AND MICROINTERACTIONS
30
y-
storyboard
further planning
32
6. final app FINALIZED STYLE TILE, SCREENS AND VIDEO STILLS
34
l
final style tile neutra text Helvetica
laundry day: sunday P
60°
wash. dry. fold. start cleaning!
laundry today or naked tomorrow
MESSAGES
5 more days
now
wash + dry
Your laundry basket is full! Time to start washing and drying! Slide for more
?
final app screens
36
38
40
42
44
final prototype
LINK: https://marvelapp.com/49ig32j/screen/16759856
final video stills
46
48
50
52