Design First #3: Mark Baxter

Mark Baxter shares his Design considerations for the Watch experience at #3 Design First.

Rosetta Stone, Fit Brains Sr. Director of Product / Product Design

Transcript

1. © 2014 Rosetta Stone. No reproduction of any contents without explicit written permission from Rosetta Stone, Inc. Fit Brains for Apple Watch May 7, 2015
2. © 2014 Rosetta Stone. No reproduction of any contents without explicit written permission from Rosetta Stone, Inc. About Me Current role: •  Sr. Director of Product / Product Design Past experience: •  Graphic Designer •  Psychology •  Founder of Gnosis Games •  Game Producer/Designer (Mobile, Social, Casual, AAA Console) 2
3. © 2014 Rosetta Stone. No reproduction of any contents without explicit written permission from Rosetta Stone, Inc. Bringing Fit Brains to Apple Watch Design considerations for the watch experience: •  watch apps generally focus on presentation of data –  time, date, notifications, etc. •  small, bite-sized interactions Fit Brains for Apple Watch: •  GOAL: help people integrate healthy brain activity into their everyday lives •  Offers suite of brain performance tracking tools •  3 "warm-up" brain games (Speed, Memory and Focus) –  20-30 second brain games –  designed to provide short breaks from long periods of repetitious activity –  refocus the mind and improve overall mental productivity 3
4. © 2014 Rosetta Stone. No reproduction of any contents without explicit written permission from Rosetta Stone, Inc. DESIGN: Wireframe + Flowchart 4 BRAIN GAMES Reaction Speed Multi-tasking Sustained Focus Green Light Number Sort Flip Cards Brain Boosts 6:35 Press the “GO” button as soon as the tra c light turns green. 6:35 Start Challenge Level How to Play beginner + Even Odd 8 4 9 2 7 4 6 2 1 1 8 3 1 3 5 6 7 9 _ GO Animated Achievements (e.g. Personal Best!) 6:35 Play Again 2215 pts 1. 3110pts 2. 2215pts 3. 1975pts 1.16s 86.2% Reaction Time Score Accuracy My Top Scores View Performance Exit Results M T W T Weekly Brain Training 2 of 4 days trained F S S FIT BRAINS It’s time to train your brain! Your suggested area for today’s training is Problem Solving. 8:01 Start Training HOME SCREEN GLANCE NOTIFICATION App Icon Selected Screen Touched Button Touched Game Chosen Start Touched Display animated achievement/badge if criteria met. Play Again Selected Select New Game Chosen HOME SCREEN (default) Game Completed M T W T Weekly Training Goal: 2 of 4 days trained F S S FIT BRAINS It’s time to train your brain! Your suggested area for today’s training is Problem Solving. 8:01 Start Training Reaction Speed Multi-tasking Sustained Focus Green Light Number Sort Flip Cards Brain Boosts 6:35 Press the “GO” button as soon as a tra c light turns green. 6:35 Start Challenge Level < Brain Boosts beginner GO < Exit 1 of 5 Reaction Speed Multi-tasking Sustained Focus Green Light Number Sort Flip Cards < Home 6:35 Press the “GO” button as soon as a tra c light turns green. 6:35 Start Challenge Level < Brain Games beginner < Home 6:35 Fit Brains Index 424 2000 POINTS TODAY: +424 102/200 51/200 116/200 97/200 VISUAL 89/200 SPEED 31/200 FOCUS MEMORY LANGUAGE LOGIC Even Odd 8 4 9 2 7 4 6 2 1 1 8 3 1 3 5 6 7 9 _ Exit 7.1s + and - buttons increase/decrease game skill level. < Home 6:35 FOCUS MEMORY LANGUAGE LOGIC VISUAL SPEED 61% 42% 67% 56% 55% 34% How you compare with 30-40 year old females: < Home 6:35 M T W T 2 of 4 days trained F S S Set Training Reminder Weekly Goal 12:00pm Short games to warm-up your brain and re-focus your mind. Brain Games A variety of tools and charts to help maximize your brain training. Performance Tools Home 6:35 < Home 6:35 M T W T 2 of 4 days trained F S S Set Training Reminder Weekly Goal 12:00pm View detailed feedback on your brain progress. Track Performance View detailed feedback on your brain training. Track View weekly progress and set a daily reminder. Weekly Goal View detailed feedback on your brain progress. See how you compare with others like you. Compare < Home 6:35 TRAINING TOOLS Exit button displays H[LWFRQÀUPDWLRQ before returning to the previous screen. Brain Games Selected Performance Tools Selected Return Home Selected GO Exit 1 of 5 Exit 16.3s Weekly Goal Selected Compare Selected Track Selected Instructions correspond with chosen game. < Tools 6:35 FOCUS MEMORY LANGUAGE LOGIC VISUAL SPEED 61% 42% 67% 56% 55% 34% How you compare with 30-40 year old females: < Tools 6:35 Fit Brains Index 424 2000 POINTS TODAY: +424 102/200 51/200 116/200 97/200 VISUAL 89/200 SPEED 31/200 FOCUS MEMORY LANGUAGE LOGIC < Tools 6:35 M T W T 2 of 4 days trained F S S Set Training Reminder Weekly Goal 12:00pm Even Odd 8 4 9 2 7 4 6 2 1 1 8 3 1 3 5 6 7 9 _ Exit 7.1s GO Exit 1 of 5 Exit 16.3s BRAIN GAME OVERVIEW Sequence Squares: DURATION: 20 seconds Green Light: 2QHWRIRXUWUDIÀFOLJKWVDUH displayed. The lights begin on red, and randomly move to yellow, then green. When the light hits green, the user must press the “GO” button as quickly as possible. Their reaction time is displayed on the screen. DURATION: Until 5 questions are answered (approx. 20 sec) Flip Cards: The user is instructed to touch a shape (e.g. 5-point Star), each time they see it. A grid of cards (buttons) is displayed with different shapes on the buttons. Each time the target shape is displayed, it must be selected as quickly as possible or it will disappear and be replaced with another shape. DURATION: 20 seconds 6:35 Play Again 2215 pts 1. 3110pts 2. 2215pts 3. 1975pts 1.16s 86.2% Reaction Time Score Accuracy My Top Scores Select New Game Return Home Results FIT BRAINS for Apple Watch Storyboard v1 to re-focus your mind Brain Games to maximize your brain Training Tools Home 6:35 This is the default screen when app is launched. Reaction Speed Multi-tasking Sustained Focus Green Light Number Sort Flip Cards < Home 6:35 Multi-tasking Number Sort Reaction Speed Green Light Sustained Focus Flip Cards View detailed feedback on your brain progress. Track Performance brain training progress Track set a training reminder Weekly Goals View detailed feedback on your brain progress. with others like you Compare < Home 6:35 Exit 16.3s -4 -6 3-2 16 3 0 1+1 7 11 The game is a sequencing game where the user must touch the numbers from lowest value to highest value; the screenshot below shows a harder level with negative numbers and math operations, a simpler version would just display numbers 1-6.
5. © 2014 Rosetta Stone. No reproduction of any contents without explicit written permission from Rosetta Stone, Inc. DESIGN: Flowchart + Visual Mockups 5 BRAIN GAMES Reaction Speed Multi-tasking Sustained Focus Green Light Number Sort Flip Cards Brain Boosts 6:35 Press the “GO” button as soon as the traffic light turns green. 6:35 Start Challenge Level How to Play beginner + Animated Achievements (e.g. Personal Best!) M T W T Weekly Brain Training 2 of 4 days trained F S S FIT BRAINS It’s time to train your brain! Your suggested area for today’s training is Problem Solving. 8:01 Start Training HOME SCREEN GLANCE NOTIFICATION App Icon Selected Screen Touched Button Touched Game Selected HOME SCREEN (default) M T W T Weekly Training Goal: 2 of 4 days trained F S S FIT BRAINS It’s time to train your brain! Your suggested area for today’s training is Problem Solving. 8:01 Start Training Reaction Speed Multi-tasking Sustained Focus Green Light Number Sort Flip Cards Brain Boosts 6:35 Reaction Speed Multi-tasking Sustained Focus Green Light Number Sort Flip Cards < Home 6:35 Press the “GO” button as soon as a traffic light turns green. 6:35 Start Challenge Level < Brain Games beginner < Home 6:35 Fit Brains Index 424 2000 POINTS TODAY: +424 102/200 51/200 116/200 97/200 VISUAL 89/200 SPEED 31/200 FOCUS MEMORY LANGUAGE LOGIC < Home 6:35 FOCUS MEMORY LANGUAGE LOGIC VISUAL SPEED 61% 42% 67% 56% 55% 34% How you compare with 30-40 year old females: < Home 6:35 M T W T 2 of 4 days trained F S S Set Training Reminder Weekly Goal 12:00pm Short games to warm-up your brain and re-focus your mind. Brain Games A variety of tools and charts to help maximize your brain training. Performance Tools Home 6:35 < Home 6:35 M T W T 2 of 4 days trained F S S Set Training Reminder Weekly Goal 12:00pm View detailed feedback on your brain progress. Track Performance View detailed feedback on your brain training. Track View weekly progress and set a daily reminder. Weekly Goal View detailed feedback on your brain progress. See how you compare with others like you. Compare < Home 6:35 PERFORMANCE TOOLS Brain Games Selected Performance Tools Selected Weekly Goal Selected Compare Selected Track Selected < Tools 6:35 M T W T 2 of 4 days trained F S S Set Training Reminder Weekly Goal 12:00pm FIT BRAINS for Apple Watch Storyboard v2 to re-focus your mind Brain Games to maximize training Performance Tools Home 6:35 Reaction Speed Multi-tasking Sustained Focus Green Light Number Sort Flip Cards < Home 6:35 Multi-tasking Number Sort Reaction speed Green Light Sustained Focus Flip Cards View detailed feedback on your brain progress. Track Performance brain training progress Track and training reminders Weekly Goals View detailed feedback on your brain progress. with others like you Compare < Home 6:35 Game Screen Start Training Touched Exit Selected Exit button displays exit confirmation before quitting game and returning to the previous screen. Home Selected Games Selected MODAL VIEW: Display animated achievement/ badge if criteria met, automatically disappears after ~2 seconds (or “Skip” option exits modal view immediately).. This is the default screen when app is launched. + and - buttons increase/decrease game skill level. Instructions correspond with chosen game. Play Again Selected Animated Achievement Will most likely remove this “Games” button as it is redundant with “<Games” button in top left of screen. Game Complete Pre/Post Game OVERVIEW Fit Brains for Apple Watch is designed to help people more effectively integrate healthy brain activity into their everyday lives, with 3 "warm-up" brain games - Speed, Memory and Focus - and a suite of brain performance tracking tools, like Weekly Goal Setting, and Performance Comparisons with users in a similar demographic. The light, 20-30 second brain games are designed to provide short breaks from long periods of repetitious activity, in order to refocus the mind and improve overall mental productivity.
6. © 2014 Rosetta Stone. No reproduction of any contents without explicit written permission from Rosetta Stone, Inc. Early Game Prototypes vs. Final Games 6
7. © 2014 Rosetta Stone. No reproduction of any contents without explicit written permission from Rosetta Stone, Inc. Final Version Screen Shots 7
8. © 2014 Rosetta Stone. No reproduction of any contents without explicit written permission from Rosetta Stone, Inc. Q & A Questions? You can reach me at: mbaxter@rosettastone.com 8