Health Seeker Mobile Wireframes v1.6

HealthSeeker iPhone
Wireframe for iPhone
Version 1.6
February 24, 2011

Document not indicative of final design or copy | Confidential and Proprietary Page 2 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
Rearrange the flow of interaction in the following order:
• Daily Quote
• Welcome to HealthSeeker with Action Button
• HealthSeeker Disclaimer
• Connect to Facebook
• Homepage with immediate Call to Action
• Execute on Action Item
Redesign
• Twitter login
• 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
• Modify Nav Bar on “My Achievements” page,
replacing “Close” button with “Back” button
Redesign
• Combine Call to action on homepage with Lifestyle
goals
• Insert HealthSeeker Disclaimer popup prior to
Facebook posting of completed action
• Incorporate My Achievements with profile
• Highlighted all buttons in red text for Creative.
• Noted in the interface to add Acknowledgements
• Identify all Disclaimers
• Insert Acknowledgement pages
• Change Friends to Kudos

Document not indicative of final design or copy | Confidential and Proprietary Page 3 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
Page 4 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.
DAILY QUOTE
GOES 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 panel transitions up from the bottom of the screen with
daily 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
Facebook account, but has not sign up for the
HealthSeeker 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
WELCOME
TO
MOBILE
HealthSeeker - HealthSeeker Disclaimer 1
1
1
Assumption is that the user has an existing
Facebook account, but has not signed up for the
HealthSeeker game from the Facebook version.
iPHONE DIALOG BOX: Displays the
HealthSeeker Disclaimer (TBD: confirm
with customer if Disclaimer is required for
existing players)
2 I ACCEPT: User selects “I ACCEPT” to
accept Disclaimer and activate Facebook
sign up.
GET STARTED
WELCOME
TO
HealthSeeker
DISCLAIMER
GOES 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
with their Facebook Email/Phone and
Password.
1
HealthSeeker - Connect to Facebook
Assumption is that the user has a Facebook
account with a email/phone and password.
1
2
FACEBOOK SIGNUP: If user does not
have an Facebook account, they will be
able to Sign Up from here.
TBD: alternative screens required to
let user know that HealthSeeker is a
Facebook game and requires registration
with Facebook to play.
2

of 20Document not indicative of final design or copy | Confidential and Proprietary
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
and currently have no Missions selected. The first
screen is the “Home Page” with the following call
to action features.
1
1 USER’S STATUS UPDATE: Player’s
status updates
• Total Missions remaining
• Total Actions remaining
2 CALL TO ACTION: Button takes the user
to the functional mission selection page to
choose their missions
3Select your Missions!
Let’s get Started!
You have:
0 Missions
0 Actions
to complete...
2
3
MAIN 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
ID and have existing Missions to fulfill. The first
screen is the “Home Page” with the following call
to action features.
1 USER’S STATUS UPDATE: Player’s
status updates
• Level achievement
• Total Experience Points
• Total Missions remaining
• Total Actions remaining
2 CALL TO ACTION: Button takes the user
to the functional summary page to update
their status
3
What did you do today?
1 Explorer Level
Experience Pts:
343/375
You have:
3 Missions
9 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
display of User’s Life Style Goals status
3
LIFE STYLE GOALS
• The “MORE” button will take the user to the details of the Lifestyle Goals page.
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
their Actions. “CANCEL” takes them
back 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)
Yes
Did you do this?
EDIT ACTIONS:
• User clicks on the “EDIT ACTION” button, all actions for each mission transitions to
the right with “CHECKBOX” appearing to the left and expand downward displaying the
remaining actions related to the Mission. User can scroll down this list to update their
Action selection from this view.
• User clicks on the “ACCEPT” button to accept changes to the updated Actions. The
view transitions and returns to the “ACTIVE MISSIONS UPDATE” view.
Cancel Accept
2 EDIT ACTIONS: Allows the user to
Edit their existing Actions
2
3 SELECT ACTIONS: Allows the user to
toggle between their Action selections
4
3
4 ACCEPT: Allows the user to accept
and update their Actions for this
mission
4
1 SUB NAVIGATION: Allows for the user to
select from 3 categories of missions, they
are:
• All Missions
• Active Missions
• Completed Missions
HealthSeeker - Active Missions Update
ALL ACTIVE COMPLETED1
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
• Level of difficulty
• 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
their status here using the following:
• Calendar
• “YES” to complete action
• “ARROW” to view more about this
action
Did you do this?
Yes
(1/3 times)
Edit Actions Remove Mission
Did you do this?
Yes
(1/2 times)
Yes
Did you do this?
3
4
5 MAIN NAVIGATION: Missions
2
REREFERENCE THE FOLLOW PAGES FOR INTERACTION:
• Edit Actions page
• Remove Mission page
• Mission Details
• Action Details
• Mission Complete Date
• Social Media Interacation
• BLUE HIGHLIGHTED ASSETS ARE FUNCTIONAL BUTTONS
3
4

Use Case
Use Case
1 REMOVE MISSION:
• User clicks on the “REMOVE MISSION” button, the iPhone dialog box appears over the
screen with the following information “Are you sure you want to remove this mission?” You
will lose all your existing progress towards this mission” with two button options “Cancel”
and “OK”. If “OK” is selected, the Mission is deleted and the next Mission on the list appears
in place of the deleted Mission. If all missions are removed, then user is redirected back
to the “Active Missions” page, and informed that they currently have no missions selected
(dialog box) and prompt to select “Cancel” or “OK” to return to the “Active Missions“ page.
1 REMOVE MISSION: Allows for the
user to remove the current Mission and
all actions related to this Mission.
HealthSeeker - Remove Mission
ALL ACTIVE COMPLETED
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)
Yes
Did 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
If all MIssions have been removed,
the user is taken back to the Active
Missions page to select new missions.
HealthSeeker - Mission Details
1
Assumption is that player has clicked on the
“MISSION DETAILS” (arrow) from the Active
Missions Update page.
1
1 MISSION DISPLAY:
• User can scroll down to read the details of this mission
Chill Out!
The Anti-stress Mission
Level 1 0% 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
• Brief description (optional)
• Level of difficulty
• Progress of mission
• Time remaining to complete mission
• Visual display of Health category that
the points are attributed to “E.W.D.H”
• Details of this Mission (scrollable field)
Back
The old saying goes, “The two constants in life
are death and taxes.” Well, we’re adding a third:
stress. Stress is a part of everyone’s lives.
When you have diabetes, stress can affect your
diabetes management as well as your ability
to manage your diabetes. For example, feeling
stressed can make it difficult to find time to be
active or remember to take your medications, or
can make it less likely that you’ll choose healthy
foods (be honest - how many of you reach for
the rice cakes when you’re feeling frazzled?) In

Health Seeker Mobile Wireframes v1.6

Recommended

Recommended

More Related Content

Similar to Health Seeker Mobile Wireframes v1.6

Similar to Health Seeker Mobile Wireframes v1.6 (14)

Health Seeker Mobile Wireframes v1.6