Presentation is loading. Please wait.

Presentation is loading. Please wait.

Wireframes Mobile App. in Game flows LSTK Ltd. – November 2014.

Similar presentations


Presentation on theme: "Wireframes Mobile App. in Game flows LSTK Ltd. – November 2014."— Presentation transcript:

1 Wireframes Mobile App. in Game flows LSTK Ltd. – November 2014

2 User Journeys click on “play” Game preferences Players Games Status (waiting) Games Status (idel) select Player rate Challenge play Challenge assess Challenge when Player is “playing” when Player is “assessing”

3 Overview User Journey – initiate a Game User Journey – play a Game

4 User Journey – initiate a Game

5 Wireframe – Game Preferences game title some preferencevalue lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sit amet iaculis orci. some preferencevalue lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sit amet iaculis orci. 1.preferences a)same logic as App preferences, but only showing preferences specific to this Game 2.invite buddies a)“invite buddies” goes the invited Players screen <game preferences invite buddies value 1value 2 value 2 icon 2 1

6 Wireframe – Invited Players game title player nickname add more buddies 1.player’s highlight a)avatar b)nickname 2.remove Player 3.add Player a)goes to the Players Selection screen 4.selection completed a)“start game” goes to the Game Status screen (state will be “waiting”) b)button is greyed out until the required number of Players have been added to the game <buddies playing icon 2 start game 4  player avatar player avatar player avatar 1 3

7 Wireframe – Players Selection player nickname, ## ## games played together player nickname, ## ## games played together player nickname, ## ## games played together 1.players filters a)my buddies (depending on App capabilities, also other sections) 2.player’s highlight a)avatar b)medal c)nickname d)age e)number of games played together 3.invitation selector 4.selection completed a)“done” goes back to the Invited Players screen <buddies icon my buddieshave a lookall 1 player avatar player avatar player avatar 2 3 done 4

8 Wireframe – Game Status player nickname We’re now waiting for your buddies to join… The Game will start right after the first buddy has joined, get ready! 1.Players overview a)avatar b)nickname c)role (assessor, playing, idle…) 2.info message 3.advertizing area <game status icon game title idle waiting… 1c player avatar 1 advertizing area 4 2 player avatar player avatar

9 Overview User Journey – 1st time User Journey – buy & start a game User Journey – messages, preferences & profile User Journey – scores, buddies & chat REST Mappings

10 User Journey – in-Game

11 Wireframe – Game Status player nickname challenge title Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean quis pretium… player nickname 1.Players overview a)avatar b)nickname c)role (assessor, playing, idle…) d)time left 2.Challenge overview a)avatar enhanced with Challenge image b)title c)short description 3.go to Challenge details 4.advertizing area <game status icon game title assessor playing 1h 30min left idle 1c challenge image player avatar player avatar player avatar 1 advertizing area 4 3 2 2a

12 Wireframe – Challenge Details challenge title 1h 30min left for completion description Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sit amet iaculis orci. Fusce vulputate vehicula ultricies. challenge proofs your privacy is essential, proofs are only shown to the assessor and nothing is stored on our server attach a photo video attached Monday 24 th, November at 14:52 challenge image <your challenge 1 photo icon thum bnail 2 4b icon 3 4 1.Challenge image 2.Challenge overview a)title b)time left to complete the challenge 3.Description a)long description for this challenge 4.Challenge required proofs a)privacy notice b)proofs not attached i.add icon (photo, video, audio, location) ii.action description c)proofs attached i.thumbnail with icon to view/play ii.date proof attached iii.checkmark 4c

13 Wireframe – Challenge Details (cont’d) challenge proofs your privacy is essential, proofs are only shown to the assessor; nothing is stored on our server attach a photo video attached Monday 24 th, November at 14:52 attach an audio file record your location comment for the assessor 4.proofs 5.comment 6.fail (“Can’t do it”) a)shows Challenge Rating screen 7.completed a)shows Challenge Rating screen <your challenge photo icon thum bnail 4 icon audio icon locatio n icon completedcan’t do it… 67 anything to say to the assessor?

14 Wireframe – Challenge Rating challenge proofs your privacy is essential, proofs are only shown to the assessor; nothing is stored on our server attach a photo video attached Monday 24 th, November at 14:52 attach an audio file record your location comment for the assessor <your challenge photo icon thum bnail icon audio icon locatio n icon completedcan’t do it… anything to say to the assessor? How much fun was this challenge report this challenge as offending complete crap not my cup of tea ok cool totally awesome 1 2 1.Challenge rating a)5 options possible b)goes back to Game Status screen 2.abuse / offending flag

15 Wireframe – Challenge Assessment challenge title played by nickname on 24/11 at 14:52 30min left for assessment description Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sit amet iaculis orci. Fusce vulputate vehicula ultricies. proofs of completion comment from player Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore <your challenge photo thumbn ail 2 icon 3 4 1.Challenge image 2.Challenge overview a)title b)player nickname c)date & time of completion d)time left to assess the challenge 3.Description a)long description for this challenge 4.Challenge proofs a)proofs attached i.thumbnail ii.date proof attached iii.checkmark 5.comment from player 6.reject a)goes back to Game Status screen 7.accept a)goes back to Game Status screen video thumbn ail audio icon locatio n icon game image acceptreject 67 challenge image 1 5

16 REST Mapping

17 Overview User Journey – 1st time User Journey – buy & start a game User Journey – messages, preferences & profile User Journey – scores, buddies & chat REST Mappings


Download ppt "Wireframes Mobile App. in Game flows LSTK Ltd. – November 2014."

Similar presentations


Ads by Google