health seeker mobile wireframes v1.6

HealthSeeker iPhoneWireframe for iPhoneVersion 1.6February 24, 2011

Document not indicative of final design or copy | Confidential and Proprietary of 20

Revision History

Version 1.0 January 31, 2011

Initial Version

Version 1.2 February 13, 2011

Active Missions Update - Dependencies include:• Mission Details• Edit Actions• Remove Mission• More Actions Active Missions Update• Social Media Interaction• Camera feature interaction identifed


Rearrangetheflowofinteractioninthefollowingorder:• Daily Quote• WelcometoHealthSeekerwithActionButton• HealthSeeker Disclaimer• Connect to Facebook• HomepagewithimmediateCalltoAction• Execute on Action Item

Redesign • Twitterlogin• Homepage• Mission Details• Action Details• Action Complete Feature• Calendar feature• Remove “NO” from Action Complete feature• Modify Social Media Interaction Page

• Camera positioning• Challenge friend removed

• ModifyNavBaron“MyAchievements”page,replacing“Close”buttonwith“Back”button


Redesign • CombineCalltoactiononhomepagewithLifestyle

goals• Insert HealthSeeker Disclaimer popup prior to

Facebook posting of completed action• IncorporateMyAchievementswithprofile


• Highlighted all buttons in red text for Creative.• NotedintheinterfacetoaddAcknowledgements


• Identify all Disclaimers• InsertAcknowledgementpages• Change Friends to Kudos

Document not indicative of final design or copy | Confidential and Proprietary of 20

Table of Contents

HealthSeeker Framework

Daily Quote Preload 4

Acknowledgement 4

Sign Up 4

HealthSeeker Disclaimer #1 5

Connect to Facebook 6

Facebook Login 6

Home Page - New User 7

Home Page - Existing User 7

Active Missions Update 8

Edit Actions 8

Remove Mission 9

Mission Details 9

Action Details 10

Mission Complete Date 10

Social Media Interaction 11

Posting to Facebook 12

HealthSeeker Disclaimer 2 12

Twitter Login 13

Twitter Post 13

Completed Missions 14

Completed Actions 14

All Missions 15

View Mission Description 15

Select Mission Actions 16

Mission Summary 15

HealthSeeker Disclaimer 2 16

Mission Summary 17

My Achievements 11

Collective Achievements 18

Collective Achievement Facebook Posting 18

Lifestyle Goals 19

Push Notifcations 20

Use Case

of 20Document not indicative of final design or copy | Confidential and Proprietary

Gestures / Transitions

Use Case


1 GAME ICON: Player selects HealthSeeker game icon from iPhone homepage.

DAILYQUOTEGOES HERE

HealthSeeker - Daily Quote Preload

1

1

DAILY QUOTE: HealthSeeker daily quotes and Preloader appears on the screen.

Assumption is that the user has has installed the HealthSeeker application on their iPhone.

• OVERLAY PANEL: Opaque black paneltransitionsupfromthebottomofthescreenwithdaily quote overlayed on top

22 HealthSeeker logo and acknowledgements (DHF, Joslin, BIPI) logos in this space:

Show acknowledgements screen for 3-6 seconds followed by the “quote of the day” screen for 3-6 more seconds. User is then taken to the Homepage

HealthSeeker - Acknowledgement

2

2

WELCOME MESSAGE: HealthSeeker branding.

2 GET STARTED

Use Case



Use Case


HealthSeeker - Sign Up

1

1

Assumption is that the user has has an existing Facebookaccount,buthasnotsignupfortheHealthSeeker game from the Facebook version.

WELCOME MESSAGE: HealthSeeker branding.

2 SIGN IN BUTTON: User selects “Get Started” to activate the Disclaimer and Facebook sign up dialog box.

2 GET STARTED

WELCOMETO

MOBILE

HealthSeeker - HealthSeeker Disclaimer 1

1

1

Assumption is that the user has an existing Facebookaccount,buthasnotsignedupfortheHealthSeeker game from the Facebook version.

iPHONE DIALOG BOX: Displays the HealthSeekerDisclaimer(TBD:confirmwithcustomerifDisclaimerisrequiredforexisting players)

2 I ACCEPT: User selects “I ACCEPT” to accept Disclaimer and activate Facebook sign up.

GET STARTED

WELCOME TO

HealthSeekerDISCLAIMERGOES HERE

I ACCEPT2

Use Case



Use Case


1

HealthSeeker - Facebook Login

KEYBOARD: User taps on text entry box and Keyboard transitions up from the bottom for typing in credentials. User selects “Done’ or “Go” to initiate login.

1

Assumption is that the user has already started the HealthSeeker game on Facebook.

FACEBOOK LOGIN: User logs in withtheirFacebookEmail/PhoneandPassword.

1

HealthSeeker - Connect to Facebook

Assumption is that the user has a Facebook accountwithaemail/phoneandpassword.

1

2

FACEBOOK SIGNUP: If user does not haveanFacebookaccount,theywillbeable to Sign Up from here.

TBD:alternativescreensrequiredtoletuserknowthatHealthSeekerisaFacebook game and requires registration withFacebooktoplay.

2


Use Case


Use Case


MAIN NAVIGATION: Main navigation to consist of:• Home• Missions• Achievements• Friends• More

HealthSeeker - Home Page - New User (Dashboard)

Assumption is that player has successfully login to HealthSeeker mobile using their Facebook ID andcurrentlyhavenoMissionsselected.Thefirstscreenisthe“HomePage”withthefollowingcallto action features.

11 USER’S STATUS UPDATE: Player’s

status updates• Total Missions remaining• Total Actions remaining

2 CALL TO ACTION: Buttontakestheuserto the functional mission selection page to choose their missions

3Select your Missions!

Let’sgetStarted!

Youhave:

0 Missions0 Actions

to complete...

2

3MAIN NAVIGATION: Main navigation to consist of:• Home• Missions• Achievements• Friends• More

HealthSeeker - Home Page - Existing User (Dashboard)

Assumption is that player has successfully login to HealthSeeker mobile using their Facebook IDandhaveexistingMissionstofulfill.Thefirstscreenisthe“HomePage”withthefollowingcallto action features.

1 USER’S STATUS UPDATE: Player’s status updates• Levelachievement• Total Experience Points• Total Missions remaining• Total Actions remaining

2 CALL TO ACTION: Buttontakestheuserto the functional summary page to update their status

3

What did you do today?

1 ExplorerLevelExperience Pts:

343/375

Youhave:

3 Missions9 Actions

2

4

E

D

W

H

17% 19%

22% 33%

Stage 1 Stage 1

Stage 1Stage 1

3

4

USER’S LIFE STYLE GOALS: Visual displayofUser’sLifeStyleGoalsstatus

3LIFE STYLE GOALS• The“MORE”buttonwilltaketheusertothedetailsoftheLifestyleGoalspage.

More...

Home Missions Achievements Kudos More Home Missions Achievements Kudos More


Use Case


Use Case


Remove Mission

1 SUB NAVIGATION: Transitions to “CANCEL” and “ACCEPT” for user to choose from after they have updated theirActions.“CANCEL”takesthemback to the “ACTIVE MISSIONS UPDATE”

HealthSeeker - Edit Actions

Chill Out!

Assumption is that player has selected the “EDIT ACTIONS” button

1

2

Did you do this?Yes

Eat a bowl of bran cereal for breakfast.

(1/3 times)

Be adventurous and try quinoa . . .

Edit Actions

Did you do this?Yes

(1/2 times)


YesDid you do this?

EDIT ACTIONS: • Userclicksonthe“EDITACTION”button,allactionsforeachmissiontransitionsto

therightwith“CHECKBOX”appearingtotheleftandexpanddownwarddisplayingtheremainingactionsrelatedtotheMission.UsercanscrolldownthislisttoupdatetheirActionselectionfromthisview.

• User clicks on the “ACCEPT” button to accept changes to the updated Actions. The viewtransitionsandreturnstothe“ACTIVEMISSIONSUPDATE”view.

Cancel Accept

2 EDIT ACTIONS: AllowstheusertoEdit their existing Actions

2

3 SELECT ACTIONS: AllowstheusertotogglebetweentheirActionselections

4

3

4 ACCEPT: Allowstheusertoacceptand update their Actions for this mission

4

1 SUB NAVIGATION: Allowsfortheusertoselectfrom3categoriesofmissions,theyare:• All Missions• Active Missions• Completed Missions

HealthSeeker - Active Missions Update

ALL ACTIVECOMPLETED1

Chill Out!

5

Assumption is that player has selected an active mission from the Home Page and navigated to the details of that particular mission. Actions are listed in order of priority by due date.

2

2 MISSION DISPLAY: Displays the name of the mission and functional buttons for:• Edit actions• Remove Mission

3 MISSION DETAILS: (BUTTON) Details of Mission includes:• Mission Icon• Title of the Mission• Levelofdifficulty• Progress of mission• Time remaining to complete mission• Visual display of Health category that

the points are attributed to “E.W.D.H”• Option to Remove the Mission

4 ACTION FUNCTION: User can update theirstatushereusingthefollowing:• Calendar• “YES” to complete action• “ARROW”toviewmoreaboutthis

action

Did you do this?Yes


(1/3 times)


Edit Actions Remove Mission

Did you do this?Yes

(1/2 times)


YesDid you do this?

3

4

5 MAIN NAVIGATION: Missions

2REREFERENCE THE FOLLOW PAGES FOR INTERACTION: • Edit Actions page• Remove Mission page

• Mission Details• Action Details

• Mission Complete Date• Social Media Interacation

• BLUEHIGHLIGHTEDASSETSAREFUNCTIONALBUTTONS

3

4



Use Case


Use Case

Gestures / Transitions1 REMOVE MISSION:

• Userclicksonthe“REMOVEMISSION”button,theiPhonedialogboxappearsoverthescreenwiththefollowinginformation“Areyousureyouwanttoremovethismission?”Youwillloseallyourexistingprogresstowardsthismission”withtwobuttonoptions“Cancel”and“OK”.If“OK”isselected,theMissionisdeletedandthenextMissiononthelistappearsinplaceofthedeletedMission.Ifallmissionsareremoved,thenuserisredirectedbackto the “Active Missions” page,andinformedthattheycurrentlyhavenomissionsselected(dialog box) and prompt to select “Cancel” or “OK” to return to the “Active Missions“ page.

1 REMOVE MISSION: Allowsfortheuser to remove the current Mission and all actions related to this Mission.

HealthSeeker - Remove Mission

ALL ACTIVECOMPLETED

Chill Out!

Assumption is that player has selected the “REMOVE MISSION” button

Did you do this?Yes


(1/3 times)


Edit Actions Remove Mission

Did you do this?Yes

(1/2 times)


YesDid you do this?

1 Are you sure you want to remove this

mission?

You will lose all your existing progress

towards this mission.

Cancel OK

You currently have no Missions selected?

Select new Missions.

Cancel OK

IfallMIssionshavebeenremoved,the user is taken back to the Active Missionspagetoselectnewmissions.

HealthSeeker - Mission Details

1

Assumption is that player has clicked on the “MISSIONDETAILS”(arrow)fromtheActiveMissions Update page.

1

1 MISSION DISPLAY: • Usercanscrolldowntoreadthedetailsofthismission

Chill Out! The Anti-stress Mission Level10%Progress 6 days left to complete mission

D H

MISSION DISPLAY: Provides a detail summary of the user’s mission. The information provided for the user are:• Mission Icon• Title of the Mission• Briefdescription(optional)• Levelofdifficulty• Progress of mission• Time remaining to complete mission• Visual display of Health category that

the points are attributed to “E.W.D.H”• DetailsofthisMission(scrollablefield)

Back

Theoldsayinggoes,“Thetwoconstantsinlifearedeathandtaxes.”Well,we’readdingathird:stress. Stress is a part of everyone’s lives.Whenyouhavediabetes,stresscanaffectyourdiabetesmanagementaswellasyourabilitytomanageyourdiabetes.Forexample,feelingstressedcanmakeitdifficulttofindtimetobeactiveorremembertotakeyourmedications,orcan make it less likely that you’ll choose healthy foods(behonest-howmanyofyoureachforthericecakeswhenyou’refeelingfrazzled?)In


health seeker mobile wireframes v1.6

Documents