Recommended
More Related Content
Similar to TXTvsTXT UX Documentation
Similar to TXTvsTXT UX Documentation (20)
More from Darren Lou
More from Darren Lou (20)
Recently uploaded
Recently uploaded (20)
TXTvsTXT UX Documentation
- 1. 34 33 32 31 30 29 28 27 26 25 24 23 22 21 20 19 18 17 16 15 14 13 12 11 10 9 8 7 6 5 4 3 2 1 UX Documentation TXTvsTXT Wed Dec 09 2015 TABLE OF CONTENTS SINGLE PLAYER MODE Flow: Single Player Mode Pre-load Animation Tutorial 1 of 4 Tutorial 2 of 4 Tutorial 3 of 4 Tutorial 4 of 4 Facebook Connect Opportunity Home Screen Fifth Third Bank Tout Page Achievements Leaderboard Facebook Connect Overlay Single Player âș Level Selection Single Player âș Level Selection Cont'd Single Player âș Gameplay âș Loading Interstitial Single Player âș Gameplay 1 of 4 Single Player âș Gameplay 2 of 4 Single Player âș Gameplay 3 of 4 Single Player âș Gameplay 4 of 4 Single Player âș Gameplay âș Achievements Single Player âș Gameplay âș Level Summary âș Your Stats Single Player âș Gameplay âș Level Summary âș Leaderboard Flow: Desktop & Tablet Redirect HEAD TO HEAD MODE Flow: Head-to-Head Mode H2H âș My Challenges H2H âș My Challenges âș New Game H2H Mode âș My Challenges âș FB Friends H2H Mode âș Gameplay âș Round Intro H2H Mode âș Gameplay âș Round # âș Turn Results H2H Mode âș Gameplay âș Round # âș Summary H2H Mode âș Gameplay âș Game Over
- 3. 3 Pre-load Animation Home Screen Fifth Third Bank Tout Page Leaderboard Achievements Facebook Connect Overlay Single Player âș Level Selection Single Player âș Level Selection Contâd Single Player âș Gameplay Single Player âș Gameplay âș Quit Overlay Single Player âș Gameplay âș Achievements Single Player âș Gameplay âș Level Summary âș Your Stats Single Player âș Gameplay âș Level Summary âș Leaderboard Tap Arcade Mode Tap selected level to begin Tap âLevel Summaryââ buttonLevel completed Q W E R T Y U I O P A S D F G H J K L Z X C V B N M space123 return Tutorial copy lorem ipsum Level speciïŹc animation Skip âșâș FB Connect Authentication FPO APP ICON [APPNAME] FPO FPO FPO 10.54 s 37 wpm Q W E R T Y U I O P A S D F G H J K L Z X C V B N M space123 return Level 1 Complete! Level 1 FB Share Share copy lorem ipsum dolor sit Share copy lorem ipsum dolor sit Share copy lorem ipsum dolor sit txtvstxt.com FPO Level 5 Sloth lorem ipsum Tap to begin Presented By Fifth Third Bank 27% TXTvsTXT Logo Level 1 10.54 s 37wpm When the molasses truck ov Level speciïŹc animation Are you sure you want to quit this level? YesNo Level 1 Summary Replay Next Level LeaderboardYour Stats Your Time 10.54 s Avg. Time 11.25 s Best TIme 7.4 s Rank 5,538th Challenge Friends Lightening Fingers 37 wpm Textpert 94.6% accuracy Personal Best 9.2 s Achievement/ Badge Title Level 1 Toaster lorem ipsum Tap to begin Level 1 Summary Replay Next Level LeaderboardYour Stats Your Time 10.54 s Avg. Time 11.25 s Best TIme 7.4 s Rank 5,538th Share results on Facebook Challenge Friends Lightening Fingers 37 wpm Textpert 94.6% accuracy Personal Best 9.2 s Connect to Facebook No, Thanks. Challenge friends lorem ipsum Share your achievements and scores Unlock Real-Time Duel mode Connect Achievement / Badge Name Achievement / Badge explanation lorem ipsum dolor sit Achievements Leaderboard Single Player Username lorem100th Username lorem99th Username lorem ipâŠ98th 76th Me 9.2 s94.6% 7.4 s99% 8.3 s98% 9.0 s98.5% NamePercentile TimeAccuracy Username lorem ipâŠ97th 9.1 s98.5% Level 1 Username lorem100th Username lorem99th Username lorem ipâŠ98th 98th Me 9.2 s97.6% 7.4 s99% 8.3 s98% 9.0 s98.5% NamePercentile TimeAccuracy Username lorem ipâŠ97th 9.1 s98.5% Level 2 Real-Time Duel Head 2 Head Arcade TXTvsTXT Logo Achievements Connect Presented By Fifth Third Bank 2 1 3 Leaderboard Get $200 Download Banking App Bank as quick as you text with our faster app. How to Play 0.0 s 0 wpm Q W E R T Y U I O P A S D F G H J K L Z X C V B N M space123 return Pablo was an extremely fast w 3âŠ2âŠ1 Go! Level 1 10.54 s 37 wpm Q W E R T Y U I O P A S D F G H J K L Z X C V B N M space123 return Pablo was an extremely fast w Level speciïŹc animation Level 1 Replay Next Level LeaderboardYour Stats 66th Me 9.2 s94.6% Username lorem100th 7.4 s99% Username lorem99th 8.3 s98% Username lorem ipâŠ98th 9.0 s98.5% Lightening Fingers 37 wpm Textpert 94.6% accuracy Achievement/ Badge Title Level 1 Summary NamePercentile TimeAccuracy Username lorem ipâŠ97th 9.1 s98.5% Achievement / Badge Name Achievement / Badge explanation lorem ipsum dolor sit UNLOCKED! Level Summary Share on Facebook Share on Facebook Tutorial (ïŹrst time users only) Q W E R T Y U I O P A S D F G H J K L Z X C V B N M space123 return Tutorial copy lorem ipsum Text the words as you see them below Skip âșâș TUTORIAL Q W E R T Y U I O P A S D F G H J K L Z X C V B N M space123 return Tutorial lorem ipsum dolor sit lorem ipsum dolor sit. Pre-Load Complete Tutorial Completed OR Tutorial Skipped Q W E R T Y U I O P A S D F G H J K L Z X C V B N M space123 return Level 1 Pablo was an extremely fast walker, which allowed him to arrive early at the turtle races. 10.54 s 37 wpm Connect your Facebook BeneïŹt copy lorem ipsum BeneïŹt copy lorem ipsum Skip Connect Connect before you begin playing lorem ipsum dolor sit Q W E R T Y U I O P A S D F G H J K L Z X C V B N M space123 return GREAT JOB! Youâre ready to play lorem ipsum dolor sit Connect your Facebook Connect with Facebook to save your scores and achievements lorem ipsum dolor sit Skip Connect Connect before you begin playing lorem ipsum dolor sit Single Player âș Gameplay âș Loading Interstitial Loading⊠27% TXTvsTXT Logo Youâre pretty fast. But our new banking app is even faster. Learn more Loading ïŹnished Connect to Share Real-Time Duel Head 2 Head Single Player TXTvsTXT Logo Achievements 2 1 3 Leaderboard How fast can you text? Play and ïŹnd out. Menu Connect! My Challenges icon Flow: Single Player Mode
- 4. loremipsumdolor.com Presented By Fifth Third Bank 27% TXTvsTXT Logo Pre-load Animation 4 1. Pre-load Animation - The web game will need to pre-load assets onto the device before gameplay can begin. This will reduce any loading time during gameplay so that that the experience feels seamless and ïŹuid. 1
- 5. loremipsumdolor.com Q W E R T Y U I O P A S D F G H J K L Z X C V B N M space123 return Tutorial copy lorem ipsum Text the words as you see them below Skip âșâș TUTORIAL Tutorial 1 of 4 5 1. Tutorial - A tutorial message will be shown to ïŹrst time users. This tutorial will mimic the texting gameplay 2. Skip - Users will have the option to skip this tutorial. It may be replayed by tapping the âHow to Playâ button on the Fifth Third Bank Tout page. 2 1
- 6. loremipsumdolor.com Q W E R T Y U I O P A S D F G H J K L Z X C V B N M space123 return Tutorial copy lorem ipsum Skip âșâș Tutorial 2 of 4 6 1. Active Type Area - As the user types a word successfully, the word will animate out and the next word that needs to be typed will shift over and take its place in the active type area. 1
- 7. loremipsumdolor.com Q W E R T Y U I O P A S D F G H J K L Z X C V B N M space123 return Tutorial copy lorem ipsum dolor sit lorem ipsum dolor sit. Tutorial 3 of 4 7 1. Text Bubble Animation - Once a sentence is complete, the text will animate into a text bubble in the middle of the screen 1
- 8. loremipsumdolor.com Q W E R T Y U I O P A S D F G H J K L Z X C V B N M space123 return GREAT JOB! Youâre ready to play lorem ipsum dolor sit Tutorial 4 of 4 8 1. Tutorial Complete - A congratulatory message will signal the end of the tutorial and the user will be presented with the Home Screen 1
- 9. loremipsumdolor.com Connect your Facebook BeneïŹt copy lorem ipsum BeneïŹt copy lorem ipsum Skip Connect Connect before you begin playing lorem ipsum dolor sit Facebook Connect Opportunity 9 1. Facebook Connect Opportunity - Throughout the game, there will be points of contact for the user to connect with Facebook: - Immediately after the tutorial - After level 1 is completed - Home Screen tout / indicator Users may either connect or skip connecting. 1
- 10. loremipsumdolor.com Real-Time Duel Head 2 Head Single Player TXTvsTXT Logo Achievements 2 1 3 Leaderboard How fast can you text? Play and ïŹnd out. Menu Connect! My Challenges icon Home Screen 10 1. Hamburger Menu - Users may access more information about Fifth Third Bank by tapping on the hamburger menu button. Tapping on the menu button will take the user to the Fifth Third Bank Tout page. 2. Game Modes - Users may tap on a game mode button to enter that game mode and begin gameplay. There will be three game modes available to users: - Single Player - Head 2 Head - Real-time Duel 3. Achievements - Users may tap this button to go to the Achievements page to view and track their unlocked achievements 4. Leaderboard - Users may tap this button to go to the Leaderboard page to view the top players in the TXTvsTXT game 5. My Challenges - Users may tap this button to view their My Challenges page 6. Connect to Facebook - Users may tap this button to go to the Facebook Connect Overlay where they will have the ability to connect their Facebook account. 1 2 3 4 5 6
- 11. loremipsumdolor.com Real-Time Duel Head 2 Head Arcade TXTvsTXT Logo Achievements Connect Presented By Fifth Third Bank 2 1 3 Leaderboard Get $200 Download Banking App Bank as quick as you text with our faster app. How to Play Fifth Third Bank Tout Page 11 1. How to Play - Takes the user to the game tutorial. 2. Get $200 - External link for users to visit a Special OïŹer page where they can earn $200. 3. Download Banking App - External link for users to download the Fifth Third Bank oïŹcial app. 4. Close - Users may close this overlay and return to the Home Screen by tapping the close âXâ button in the top left corner. 3 1 2 4
- 12. loremipsumdolor.com Achievement / Badge Name Achievement / Badge explanation lorem ipsum dolor sit Achievements Share on Facebook Achievements 12 1. Achievements Carousel - Users will be able to carousel through the various achievements they have an have not unlocked. When an achievement is selected in the carousel, the achievement name and description will display below the icon. Locked achievements will be clearly marked with a lock icon. 2. Share - Users may share their achievement by sharing on Facebook. 3. Back- Users may go back to the Home Screen by tapping this button. 1 3 2
- 13. loremipsumdolor.com Leaderboard Single Player Username lorem100th Username lorem99th Username lorem ipâŠ98th 96th Me 9.2 s94.6% 7.4 s99% 8.3 s98% 9.0 s98.5% NamePercentile TimeAccuracy Username lorem ipâŠ97th 9.1 s98.5% Level 1 Username lorem100th Username lorem99th Username lorem ipâŠ98th 98th Me 9.2 s97.6% 7.4 s99% 8.3 s98% 9.0 s98.5% NamePercentile TimeAccuracy Username lorem ipâŠ97th 9.1 s98.5% Level 2 Leaderboard 13 1. Leaderboard - Users may view leaderboards only for Single Player. Scroll down the page to view more individual level rankings. 1
- 14. loremipsumdolor.com Level 1 Summary Replay Next Level LeaderboardYour Stats Your Time 10.54 s Avg. Time 11.25 s Best TIme 7.4 s Rank 5,538th Share results on Facebook Challenge Friends Lightening Fingers 37 wpm Textpert 94.6% accuracy Personal Best 9.2 s Connect to Facebook No, Thanks. Challenge friends lorem ipsum Share your achievements and scores Unlock Real-Time Duel mode Connect Facebook Connect Overlay 14 1. Facebook Connect - Users may connect their Facebook account to invite/ challenge friends to head to head or real-time game modes, share the game via a post to their Facebook wall, or share in-game achievements and scores. 2. Opt-out - Users may choose not to connect their Facebook account with the app. Tapping this will return the user to the Home Screen. 2 1
- 15. loremipsumdolor.com Level 1 Toaster lorem ipsum Tap to begin Single Player âș Level Selection 15 1. Level Carousel - Users will be able to carousel through the Single Player levels. Levels will need to be completed in order to reach the ïŹnal level. Users must tap anywhere on the screen to begin playing the selected level. 2. Home - Users may exit the Level Selection page and return to the Home Screen by tapping this button in the top left corner 2 1
- 16. loremipsumdolor.com Level 5 Sloth lorem ipsum Tap to begin Single Player âș Level Selection Cont'd 16 An example view of the Level Selection carousel on Level 5 rather than level 1
- 17. loremipsumdolor.com Loading⊠27% TXTvsTXT Logo Youâre pretty fast. But our new banking app is even faster. Learn more Single Player âș Gameplay âș Loading Interstitial 17 Interstitial loading screens will remind the users to check out the app before the level begins.
- 18. loremipsumdolor.com 0.0 s 0 wpm Q W E R T Y U I O P A S D F G H J K L Z X C V B N M space123 return Pablo was an extremely fast 3âŠ2âŠ1 Go! Level 1 Single Player âș Gameplay 1 of 4 18 1. Level Indicator - Indicates to users which level is currently being played. 2. Game Countdown - Before the start of each level, there will be a countdown to prepare the user for gameplay. 3. Timer - The bottom left corner of the game HUD area will have a timer that starts at the end of the Game Countdown and stops once the level is completed. 4. Words Per Minute - The WPM indicator is a fun feature for users to use for gauging the rate at which they are typing. The WPM indicator combined with the Timer indicator encourage competitive gameplay for the title of âfastest texter.â 5. Active Type Area - Users will need to type out the words as they appear in this area. As the user types, the letters of each word will change color to indicate which characters have been typed and which character(s) need to be typed next 6. Device Keyboard - During gameplay, the keyboard will be locked to show until the level is complete. 7. Back - Users may quit their current game and go back to the level selection screen. 1 2 4 3 5 6 7
- 19. loremipsumdolor.com 10.54 s 37 wpm Q W E R T Y U I O P A S D F G H J K L Z X C V B N M space123 return Pablo was an extremely fast w Level speciïŹc animation Level 1 Single Player âș Gameplay 2 of 4 19 1. Active Type Area - As the user types a word successfully, the word will animate out and the next word that needs to be typed will shift over and take its place in the active type area. 1
- 20. loremipsumdolor.com Q W E R T Y U I O P A S D F G H J K L Z X C V B N M space123 return Level 1 Pablo was an extremely fast walker, which allowed him to arrive early at the turtle races. 10.54 s 37 wpm Single Player âș Gameplay 3 of 4 20 1. Text Bubble Animation - Once a sentence is complete, the text will animate into a text bubble in the middle of the screen 1
- 21. loremipsumdolor.com 10.54 s 37 wpm Q W E R T Y U I O P A S D F G H J K L Z X C V B N M space123 return Level 1 Complete! Level 1 Single Player âș Gameplay 4 of 4 21 1. Level Complete - When the user types the last word of the level, a message will display in the animation area signaling the that the level is complete. 1
- 22. loremipsumdolor.com Achievement / Badge Name Achievement / Badge explanation lorem ipsum dolor sit UNLOCKED! Level Summary Share on Facebook Single Player âș Gameplay âș Achievements 22 1. Unlocked Achievements - Achievements that have just been unlocked will be presented in a carousel fashion which can be swiped or dragged to reveal multiple achievements if needed. 2. Share - Users will have the ability to share this new achievement to Facebook. 3. Level Summary - If a user chooses not to review their achievements, they may tap the âLevel Summaryâ button to skip to the Level Summary page. 2 3 1
- 23. loremipsumdolor.com Level 1 Summary Replay Next Level LeaderboardYour Stats Your Time 10.54 s Avg. Time 11.25 s Best TIme 7.4 s Rank 5,538th Challenge Friends Lightening Fingers 37 wpm Textpert 94.6% accuracy Personal Best 9.2 s Achievement/ Badge Title Connect to Share Single Player âș Gameplay âș Level Summary âș Your Stats 23 1. Level Summary Cards - These cards will summarize key performance stats from the game such as words per minute, character accuracy, earned achievements, etc. 2. Your Stats Tab - Stats from the level that was just completed will be displayed in this area 3. Challenge Friends - Users may challenge their friends to beat their score/ stats 4. Connect to Share - Users will be encouraged to connect their Facebook account to the game. Once connected, they will be allowed to share their results to Facebook. 5. Leaderboard Tab - Users may view the global leaderboard for this level 6. Next Level- Users may continue to the next level by tapping this button. 7. Replay - Users can replay this level by tapping this button. 1 2 3 4 7 6 5
- 24. loremipsumdolor.com Replay Next Level LeaderboardYour Stats Username lorem100th Username lorem99th Username lorem ipâŠ98th Username lorem65th 66th Me 9.2 s94.6% 7.4 s99% 8.3 s98% 9.0 s98.5% 9.4 s91.5% Lightening Fingers 37 wpm Textpert 94.6% accuracy Achievement/ Badge Title Level 1 Summary NamePercentile TimeAccuracy Username lorem ipâŠ97th 9.1 s98.5% Single Player âș Gameplay âș Level Summary âș Leaderboard 24 1. Leaderboard Tab - The leaderboard will show how the user ranks against other players using a percentile ranking system 1
- 25. 25 X TXTvsTXT Logo Presented By Fifth Third Bank (123) 456 - 7890 Send Link Send a game link via text message lorem ipsum dolor sit⊠Get $200 Download Banking App url TXTvsTXT Logo Presented By Fifth Third Bank (123) 456 - 7890 Send Link Send a game link via text message lorem ipsum dolor sit⊠Get $200 Download Banking App loremipsumdolor.com Presented By Fifth Third Bank 27% TXTvsTXT Logo loremipsumdolor.com http://goog.gl/I6MS FIFTH THIRD BANK - TXT vs TXT EXPERIENCE FLOW Fifth Third Social Media DRIVERS Organic Social Media Search Sponsor/partnership offline media Congratulations lightening fingers! Next level (user advances to next level) Game Mechanics: ⹠Game consists of a pool (X number) of sentences with varying levels of difficulty Results with friends, continue playing Automatically sends you to see the results Best time: x.x How to Play See how fast you can text. You will be timed as you type. When you are finished see how you compare to the rest of the players. The game has 7 levels of difficultly, 1 sentence per level. Level 1 is the easiest and level 7 is the most difficult. Play level 1 How to play Game level Lorem ipsum dolor sit amet consectetur adipiscing elit. RestartTime: x.x TXTvsTXT How fast a texter are you? Get started Home page Presented by Fifth Third Bank Level 1Presented by Fifth Third Bank Lorem Signed into Facebook? Yes Replay level Replay game Visit on Mobile Device Visit on Desktop Visit on Tablet Send link via text message Send link via text message Open link on Mobile Device DRIVERS Desktop Redirect Page Tablet Redirect Page Mobile Text Messages Game Pre-Load Flow: Desktop & Tablet Redirect
- 26. 26 HEAD TO HEAD MODE
- 27. 27 Home Screen H2H Mode âș My Challenges H2H Mode âș Gameplay âș Round 1 H2H Mode âș Gameplay âș Leave Overlay Tap Head to Head Mode Level 1 10.54 s 37wpm When the molasses truck ov Level speciïŹc animation Are you sure you want to leave the current game? You will forfeit this round and end the game with your current score. YesNo 10.54 s 37 wpm Q W E R T Y U I O P A S D F G H J K L Z X C V B N M space123 return Pablo was an extremely fast w Level speciïŹc animation Round 1 Facebook Connect Overlay Level 1 Summary Replay Next Level LeaderboardYour Stats Your Time 10.54 s Avg. Time 11.25 s Best TIme 7.4 s Rank 5,538th Share results on Facebook Challenge Friends Lightening Fingers 37 wpm Textpert 94.6% accuracy Personal Best 9.2 s Connect to Facebook No, Thanks. Challenge friends lorem ipsum Share your achievements and scores Unlock Real-Time Duel mode Connect Q W E R T Y U I O P A S D F G H J K L Z X C V B N M space123 return Round 1 Pablo was an extremely fast walker, which allowed him to arrive early at the turtle races. 10.54 s 37 wpm H2H Mode âș My Challenges âș FB Friends Facebook Friends Username Lorem @username Find Users Username Lorem @username Username Lorem @username Username Lorem @username Username Lorem @username Username Lorem @username Q W E R T Y U I O P A S D F G H J K L Z X C V B N M space123 return Round 1 Round 1 Player 2You VS H2H Mode âș Gameplay âș Round 1 âș Turn Results H2H Mode âș Gameplay âș Round 1 âș Turn Results Tap New Game Player 1 ïŹnishes their turn for this round Player 2 Words Per Minute â37 Accuracy â85.5% You VS Head to Head Round 1 0 - 0 Back to My Challenges Time â10.54 s H2H Mode âș My Challenges âș New Game H2H Mode âș Gameplay âș Game Over (Won) H2H Mode âș Gameplay âș Round 1 âș Summary H2H Mode âș Gameplay âș Round 2 âș Summary H2H Mode âș Gameplay âș Game Over (Tie) Game Over Player 2You VS 1 - 1 You TIED Player 2 initiates Round 2 0.0 s 0 wpm Q W E R T Y U I O P A S D F G H J K L Z X C V B N M space123 return Pablo was an extremely fast w 3âŠ2âŠ1 Go! Round 1 Your Turn H2H Mode âș Gameplay âș Round 1 âș Summary Player 1You VS Head to Head 0 - 0 Words Per Minute 37â Accuracy 85.5%â Round 1 Time 10.54 sâ Back to My Challenges PLAY H2H Mode âș Gameplay âș Round 1 Tap Random H2H Mode âș Gameplay âș Turn Results H2H Mode âș Gameplay âș Round 2 H2H Mode âș Gameplay âș Round 2 âș Turn Results Player 2 Words Per Minute â50 Accuracy â94% You VS Head to Head Round 2 0 - 1 Waiting for Opponent Back to My Challenges Time â8.54 s H2H Mode âș Gameplay Player 2You VS Head to Head 1 - 0 Back to My Challenges Words Per Minute 50â Accuracy 94%â Round 2 Time 8.54 sâ PLAY Tap âNext Roundâ Q W E R T Y U I O P A S D F G H J K L Z X C V B N M space123 return Round 1 Round 1 Player 1You VS Q W E R T Y U I O P A S D F G H J K L Z X C V B N M space123 return Round 2 Round 2 Player 1You VS Q W E R T Y U I O P A S D F G H J K L Z X C V B N M space123 return Round 2 Round 2 Player 2You VS Words Per Minute 3537 Accuracy 83%85.5% Round 1 Player 1You VS Head to Head 0 - 1 Time11.31 s 10.54 s Back to My Challenges WINNER! Forfeit H2H Mode âș Gameplay âș Round 1 âș Summary Words Per Minute 3537 Accuracy 83%85.5% Round 1 Player 2You VS Head to Head 1 - 0 Time 11.31 s10.54 s Back to My Challenges WINNER! Words Per Minute 3537 Accuracy 83%85.5% Round 1 Player 2You VS Head to Head 1 - 0 Time 11.31 s10.54 s Back to My Challenges WINNER! Next: Round 2 Tap âPlay Nowâ Player 1 ïŹnishes their turn for this round Player 2You VS Head to Head 1 - 1 Words Per Minute 5047 Accuracy 94%90% Round 2 Time9.52 s 8.54 s Back to My Challenges WINNER! Tap Random PLAYER2FLOW PLAYER1FLOW Player 2 ïŹnishes their turn for this round My Challenges New Game Friends (43) Random Player 2 ïŹnishes their turn for this round FB Connect Authentication FPO APP ICON [APPNAME] FPO FPO FPO Username Lorem @username Username Lorem @username Start Game Waiting for Opponent Share on Facebook Share on Facebook Share on Facebook PLAY Round 2 Forfeit PLAY Round 3 Share on Facebook My Challenges New Game Their Turn 0 - 1 1 - 1 1 - 0 Username Lorem Username Lorem Username Lorem Round # Round # Round # Waiting⊠Waiting⊠Waiting⊠02:14:30:22 02:14:30:22 02:14:30:22 Your Turn Round 1 Round 2 0 - 1 Challenge! Username Lorem Username Lorem Round # Round # 0 - 0 New Round! 07:00:00:00 02:14:30:22 Finished Games 1 - 2 Username Lorem Username Lorem LOST Rematch 1 - 2LOST Rematch Recently Ended Games Round 1 Round 2 0 - 3 Won Username Lorem Username Lorem 2 - 1 Lost Game Over Player2You VS 2 - 1 You WON! Share on Facebook Back to My Challenges Rematch Their Turn 0 - 1 1 - 1 1 - 0 Username Lorem Username Lorem Username Lorem Round # Round # Round # Waiting⊠Waiting⊠Waiting⊠02:14:30:22 02:14:30:22 02:14:30:22 Your Turn Round 1 Round 2 0 - 1 Challenge! Username Lorem Username Lorem Round # Round # 0 - 0 New Round! 07:00:00:00 02:14:30:22 Finished Games 1 - 2 Username Lorem Username Lorem LOST Rematch 1 - 2LOST Rematch Recently Ended Games Round 1 Round 2 0 - 3 Won Username Lorem Username Lorem 2 - 1 Lost Share on Facebook Back to My Challenges Rematch Real-Time Duel Head 2 Head Single Player TXTvsTXT Logo Achievements 2 1 3 Leaderboard How fast can you text? Play and ïŹnd out. Menu Connect! My Challenges icon Waiting for Opponent Flow: Head-to-Head Mode
- 28. loremipsumdolor.com loremipsumdolor.com My Challenges New Game Their Turn 0 - 1 1 - 1 1 - 0 Username Lorem Username Lorem Username Lorem Round # Round # Round # Waiting⊠Waiting⊠Waiting⊠02:14:30:22 02:14:30:22 02:14:30:22 Your Turn Round 1 Round 2 0 - 1 Challenge! Username Lorem Username Lorem Round # Round # 0 - 0 New Round! 07:00:00:00 02:14:30:22 Finished Games Recently Ended Games Round 1 Round 2 0 - 3 Won Username Lorem Username Lorem 2 - 1 Lost Their Turn 0 - 1 1 - 1 1 - 0 Username Lorem Username Lorem Username Lorem Round # Round # Round # Waiting⊠Waiting⊠Waiting⊠02:14:30:22 02:14:30:22 02:14:30:22 Your Turn Round 1 Round 2 0 - 1 Challenge! Username Lorem Username Lorem Round # Round # 0 - 0 New Round! 07:00:00:00 02:14:30:22 Finished Games 1 - 2 Username Lorem Username Lorem LOST Rematch 1 - 2LOST Rematch Recently Ended Games Round 1 Round 2 0 - 3 Won Username Lorem Username Lorem 2 - 1 Lost H2H âș My Challenges 28 1. New Game - Users may start a new game by tapping this button. When tapped, the button will reveal two options: - New Game w/ FB Friend - New Game w/ Random Opponent 2. Recently Ended Games - Returning users will be shown games that have recently ended in this section. If there are no games that have ended while the user was gone from the app, this section will be hidden. Once the user has seen the Game Over screen for a Recently Ended Game, the game tile will move from the Recently Ended Games section to the Finished Games section. 3. Your Turn - Users will be presented with active games that require their attention under this heading. Game tiles will have badge icons on them indicating whether they are a Challenge from another player or a New Round from an ongoing round battle. 4. Their Turn - Users will be able to view a list of all the games that they are currently participating in and are pending action from the opponent. These will be diïŹerentiated from other game tiles with a âWaitingâ label 5. Finished Games - These are the games that have been over for a longer period of time. These will display a Won, Lost or Tied label to indicate the end result of the game. Users will still have the ability to challenge these old opponents to a rematch. 6. Back - Users may tap this button to go to back to the Home Screen. 1 2 3 4 5 6
- 29. loremipsumdolor.com My Challenges New Game Friends (43) Random Their Turn 0 - 1 1 - 1 Username Lorem Username Lorem Round # Round # Waiting⊠Waiting⊠02:14:30:22 02:14:30:22 Your Turn Round 1 Round 2 0 - 1 Challenge! Username Lorem Username Lorem Round # Round # 0 - 0 New Round! 07:00:00:00 02:14:30:22 Recently Ended Games Round 1 Round 2 0 - 3 Won Username Lorem Username Lorem 2 - 1 Lost H2H âș My Challenges âș New Game 29 1. Facebook Friends - Users may challenge their Facebook Friends to a new game. If the user has not already authenticated and connected with Facebook, they will be presented with the Facebook Connect Overlay explaining why the user should connect. Once connected, this button will indicate the number of friends that have also connected to play the game. 2. Random - This is the userâs way of getting a quick match without having to connect with Facebook. The user will be randomly matched with another random player and immediately start gameplay. 3. Close - Users may tap the New Game button a second time to hide the options. Users must choose one of the two options in order to create a new game. 1 2 3
- 30. loremipsumdolor.com Facebook Friends Username Lorem @username Find Users Username Lorem @username Username Lorem @username Username Lorem @username Username Lorem @username Username Lorem @username Username Lorem @username Username Lorem @username Start Game H2H Mode âș My Challenges âș FB Friends 30 1. Find - Once connected with Facebook, users will have the ability to ïŹnd Facebook friends that also play TXTvsTXT by typing their name/username. 2. Friend User - Users may tap on a friend to create a new game with them. The user that initiates the game will have the honor of going ïŹrst in the ïŹrst round. 3. Start Game - This button will not be activated until a friend has been selected. 4. Back - Users may tap the Back button to go back to the My Challenges page.1 2 3 4
- 31. loremipsumdolor.com loremipsumdolor.com Q W E R T Y U I O P A S D F G H J K L Z X C V B N M space123 return Round 1 Round 1 Player 2You VS 0.0 s 0 wpm Q W E R T Y U I O P A S D F G H J K L Z X C V B N M space123 return Pablo was an extremely fast w 3âŠ2âŠ1 Go! Round 1 Your Turn H2H Mode âș Gameplay âș Round Intro 31 1. H2H Gameplay Intro - Before each round of head to head play, the round # and participating users must be shown. 2. Back - At this point in the gameplay it is OK for the user to back out of the game and return to play the round at a later time. However, once the countdown expires and the userâs turn begins, they will not be allowed to back out without acknowledging an âAre you sure?â pop-up message informing them that they will forfeit the round. 1 2
- 32. loremipsumdolor.com loremipsumdolor.com Player 2 Words Per Minute â37 Accuracy â85.5% You VS Head to Head Round 1 0 - 0 Back to My Challenges Time â10.54 s Waiting for Opponent Player 1You VS Head to Head 0 - 0 Words Per Minute 37â Accuracy 85.5%â Round 1 Time 10.54 sâ Back to My Challenges PLAY H2H Mode âș Gameplay âș Round # âș Turn Results 32 1. Waiting for Opponent - The player who takes the ïŹrst turn in a round will need to wait for their opponent to complete their turn. 2. Play - The user must tap the âPlayâ button to start playing their turn. 1 2 PLAYER 1 aka Challenger (ROUND 1) PLAYER 2 aka Opponent (ROUND 1)
- 33. loremipsumdolor.com loremipsumdolor.com PLAYER 1 aka Challenger (ROUND 1) PLAYER 2 aka Opponent (ROUND 1) Words Per Minute 3537 Accuracy 83%85.5% Round 1 Player 2You VS Head to Head 1 - 0 Time 11.31 s10.54 s Back to My Challenges WINNER! Waiting for Opponent Share on Facebook Words Per Minute 3537 Accuracy 83%85.5% Round 1 Player 1You VS Head to Head 0 - 1 Time11.31 s 10.54 s Back to My Challenges WINNER! Forfeit Share on Facebook PLAY Round 2 H2H Mode âș Gameplay âș Round # âș Summary 33 1. Share on Facebook - Users will have the ability to share the results of each game to Facebook 2. Play - Tap âPlayâ button to start the next round (Round 2) 3. Forfeit - Tap âForfeitâ button to forfeit the next round and end the game now 1 2 3
- 34. loremipsumdolor.com loremipsumdolor.com OK Game Over Player 1You VS 0 - 1 You LOST! Share on Facebook Back to My Challenges Rematch Game Over Player2You VS 2 - 1 You WON! Share on Facebook Back to My Challenges Rematch H2H Mode âș Gameplay âș Game Over 34 Game Over Screen - These screens will be shown when the user taps on a Recently Ended Game tile. Once the user has seen this screen for an ended game, the game tile will move from the Recently Ended Games section to the Finished Games section. 1. Rematch - This will start a new game between the same two opponents. The player who initiates the rematch will take the ïŹrst turn. 2. Share on Facebook - Users will have the ability to share the results of each game to Facebook 1 2 Game Over Player 2You VS 1 - 1 You TIED Share on Facebook Back to My Challenges Rematch