Wireframes Mobile App.
in Game flows
LSTK Ltd. – November 2014
User Journeys
click on
“play”
Game
preferences
Players
select
Player
Games Status
(idel)
when Player is “playing”
play
Challenge
when Player is “assessing”
assess
Challenge
rate
Challenge
Games Status
(waiting)
Overview
User Journey – initiate a Game
User Journey – play a Game
User Journey – initiate a Game
Wireframe – Game Preferences
<
icon
game preferences
1.
preferences
a)
game title
1 some preference
value
lorem ipsum dolor sit amet, consectetur adipiscing elit.
Pellentesque sit amet iaculis orci.
2.
invite buddies
a)
some preference
value
lorem ipsum dolor sit amet, consectetur adipiscing elit.
Pellentesque sit amet iaculis orci.
value 1
value value
2
2
invite buddies
2
same logic as App preferences, but
only showing preferences specific to
this Game
“invite buddies” goes the invited
Players screen
Wireframe – Invited Players
<
icon
buddies playing
1.
a)
b)
game title
1
3
player
avatar
player nickname
player
avatar
player nickname
player
avatar
player nickname
2



player’s highlight
2.
3.
remove Player
add Player
a)
4.
a)
b)
4
goes to the Players Selection screen
selection completed
add more buddies
start game
avatar
nickname
“start game” goes to the Game
Status screen (state will be
“waiting”)
button is greyed out until the
required number of Players have
been added to the game
Wireframe – Players Selection
<
1
2
icon
buddies
my buddies
player
avatar
1.
have a look
player nickname, ##
## games played together
player
avatar
player nickname, ##
player
avatar
player nickname, ##
## games played together
## games played together
all
players filters
a)
3
2.

player’s highlight
a)
b)
c)
d)
e)

3.
4.
4
avatar
medal
nickname
age
number of games played together
invitation selector
selection completed
a)
done
my buddies (depending on App
capabilities, also other sections)
“done” goes back to the Invited
Players screen
Wireframe – Game Status
<
icon
game status
1.
a)
b)
c)
game title
1
2
player
avatar
player nickname
idle
player
avatar
player nickname
waiting…
player
avatar
player nickname
waiting…
We’re now waiting for your buddies to join…
The Game will start right after the first buddy
has joined, get ready!
4
advertizing area
Players overview
1c
2.
3.
avatar
nickname
role (assessor, playing, idle…)
info message
advertizing area
Overview
User Journey – 1st time
User Journey – buy & start a game
User Journey – messages, preferences & profile
User Journey – scores, buddies & chat
REST Mappings
User Journey – in-Game
Wireframe – Game Status
<
icon
game status
1.
a)
b)
c)
d)
game title
1
2a
player
avatar
player nickname
player
avatar
challenge
image
assessor
challenge title
2.
1h 30min left
2
player nickname
b)
c)
idle
3.
4.
4
advertizing area
avatar
nickname
role (assessor, playing, idle…)
time left
Challenge overview
a)
3
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Aenean quis pretium…
player
avatar
1c
playing
player nickname
Players overview
avatar enhanced with Challenge
image
title
short description
go to Challenge details
advertizing area
Wireframe – Challenge Details
<
icon
1.
2.
your challenge
2
1
challenge
image
a)
b)
challenge title
1h 30min left
for completion
Challenge image
Challenge overview
3.
Description
a)
3
description
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Pellentesque sit amet iaculis
orci. Fusce vulputate vehicula ultricies.
4.
title
time left to complete the challenge
long description for this challenge
Challenge required proofs
a)
b)
privacy notice
proofs not attached
i.
4
4b
challenge proofs
your privacy is essential, proofs are only shown to the assessor
and nothing is stored on our server
photo
icon
thum
bnail
ii.
c)
attach a photo
video attached
Monday 24th, November at 14:52
4c
 4c
add icon (photo, video, audio,
location)
action description
proofs attached
i.
ii.
iii.
thumbnail with icon to view/play
date proof attached
checkmark
Wireframe – Challenge Details
(cont’d)
<
icon
your challenge
4.
5.
6.
challenge proofs
your privacy is essential, proofs are only shown to the
assessor; nothing is stored on our server
4
a)
photo
icon
attach a photo
thum
bnail
video attached
audio
icon
attach an audio file
locatio
n icon
record your location
Monday 24th, November at 14:52

comment for the assessor
anything to say to the assessor?
6
can’t do it…
proofs
comment
fail (“Can’t do it”)
completed
7
7.
shows Challenge Rating screen
completed
a)
shows Challenge Rating screen
Wireframe – Challenge Rating
<
icon
your challenge
1.
a)
b)
challenge
proofsfun was this
How much
your privacy is essential, proofs are only shown to the
assessor; nothing is stored on our server
challenge
photo
icon
1
complete crap
video attached
audio
icon
attach an audio file
locatio
n icon
record your location
not my
cup of tea
Monday
24th, November
at 14:52
ok
cool
comment for the
assessor
totally
awesome
anything to say to the assessor?
2
2.
attach a photo
thum
bnail
 report this challenge as offending
can’t do it…
completed
Challenge rating

5 options possible
goes back to Game Status screen
abuse / offending flag
Wireframe – Challenge Assessment
<
icon
your challenge
1
challenge title
played by nickname
on 24/11 at 14:52
30min left
for assessment
challenge
game image
image
3
2
1.
2.
a)
b)
c)
d)
3.
4.
description
video
thumbn
ail
audio
icon
6
5.
6.
locatio
n icon
accept
7.
goes back to Game Status screen
accept
a)
7
thumbnail
date proof attached
checkmark
comment from player
reject
a)
Lorem ipsum dolor sit amet, consectetur adipiscing elit,
sed do eiusmod tempor incididunt ut labore
reject
proofs attached
i.
ii.
iii.
comment from player
5
long description for this challenge
Challenge proofs
a)
proofs of completion
photo
thumbn
ail
title
player nickname
date & time of completion
time left to assess the challenge
Description
a)
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Pellentesque sit amet iaculis
orci. Fusce vulputate vehicula ultricies.
4
Challenge image
Challenge overview
goes back to Game Status screen
REST Mapping
Overview
User Journey – 1st time
User Journey – buy & start a game
User Journey – messages, preferences & profile
User Journey – scores, buddies & chat
REST Mappings