1. The document outlines the user interface and flow for a texting-based game. It describes elements like the home screen, tutorial screens, gameplay screens for single-player and head-to-head modes, and achievement tracking screens.
2. The single player mode involves progressing through levels by typing words and sentences on screen. Users can view their stats, leaderboards and connect to Facebook.
3. Additional modes include head-to-head challenges against friends or real-time duels. The game is sponsored by Fifth Third Bank and encourages linking a bank account.
This project has been funded with support from the European Commission.
This publication reflects the views only of the author, and the
Commission cannot be held responsible for any use which may be made of the information contained therein.
This project has been funded with support from the European Commission.
This publication reflects the views only of the author, and the
Commission cannot be held responsible for any use which may be made of the information contained therein.
Published on May 11, 2015
There are lots of suggestions about how to make a game fun. Best practices are everywhere, but you can't just follow them blindly. To create a fun game, you have to figure out how best practices integrate into your specific game. Come see what we did wrong, and what we learned along the way.
Showcase of My Research on Games & AI "till the end of Oct. 2014"Mohammad Shaker
A presentation showcasing my research on Games and Artificial Intelligence (till the end of Oct. 2014) at IT University of Copenhagen, Copenhagen, Denmark.
Publishing digital micro-content of Bible stories, from conception to delivery, is now available to just about anyone. These lessons show you how with the Story Producer app
A lecture I gave at Casual Connect TLV 2015. Discussing the process of starting level design, how to plan out your levels, and how to create your level editors
NOTE: This is an updated and improved version of my previous upload. It may repeat itself slightly if you saw the last one.
The project that we have undertaken aims to develop a 2D Adventures game. The
project “Game Development (Platformer Game Development)” includes the following
functionalities:
Realistic Experience
2D view
Good Graphics
Faster performance
Offline Game
No need for the Internet
DevLearn 2017 Play to Learn workshop slidesSharon Boller
Slides from 2017 DevLearn "Play to Learn" workshop that teaches learning game design to corporate instructional designers and training professionals. Presented by Sharon Boller, president of Bottom-Line Performance, in Las Vegas, NV on October 24, 2017. Includes a series of slides that feature a variety of game development tools, such as Construct2, Unity, Unreal, Game Salad, and Knowledge Guru.
UX: Oscars Information Architecture Survey ResultsDarren Lou
Survey of 28 participants for The Oscars which was used to improve navigation, information hierarchy and labeling, and test cases. Visualizations all generated by Optimal Workshop then placed into an OmniGraffle deck for exporting to PDF.
Published on May 11, 2015
There are lots of suggestions about how to make a game fun. Best practices are everywhere, but you can't just follow them blindly. To create a fun game, you have to figure out how best practices integrate into your specific game. Come see what we did wrong, and what we learned along the way.
Showcase of My Research on Games & AI "till the end of Oct. 2014"Mohammad Shaker
A presentation showcasing my research on Games and Artificial Intelligence (till the end of Oct. 2014) at IT University of Copenhagen, Copenhagen, Denmark.
Publishing digital micro-content of Bible stories, from conception to delivery, is now available to just about anyone. These lessons show you how with the Story Producer app
A lecture I gave at Casual Connect TLV 2015. Discussing the process of starting level design, how to plan out your levels, and how to create your level editors
NOTE: This is an updated and improved version of my previous upload. It may repeat itself slightly if you saw the last one.
The project that we have undertaken aims to develop a 2D Adventures game. The
project “Game Development (Platformer Game Development)” includes the following
functionalities:
Realistic Experience
2D view
Good Graphics
Faster performance
Offline Game
No need for the Internet
DevLearn 2017 Play to Learn workshop slidesSharon Boller
Slides from 2017 DevLearn "Play to Learn" workshop that teaches learning game design to corporate instructional designers and training professionals. Presented by Sharon Boller, president of Bottom-Line Performance, in Las Vegas, NV on October 24, 2017. Includes a series of slides that feature a variety of game development tools, such as Construct2, Unity, Unreal, Game Salad, and Knowledge Guru.
UX: Oscars Information Architecture Survey ResultsDarren Lou
Survey of 28 participants for The Oscars which was used to improve navigation, information hierarchy and labeling, and test cases. Visualizations all generated by Optimal Workshop then placed into an OmniGraffle deck for exporting to PDF.
BLT Communications designed and implemented a carousel feature for South Park Studios in order adapt their UI to accommodate the increasing demand for online content streaming
Can AI do good? at 'offtheCanvas' India HCI preludeAlan Dix
Invited talk at 'offtheCanvas' IndiaHCI prelude, 29th June 2024.
https://www.alandix.com/academic/talks/offtheCanvas-IndiaHCI2024/
The world is being changed fundamentally by AI and we are constantly faced with newspaper headlines about its harmful effects. However, there is also the potential to both ameliorate theses harms and use the new abilities of AI to transform society for the good. Can you make the difference?
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...Mansi Shah
This study examines cattle rearing in urban and rural settings, focusing on milk production and consumption. By exploring a case in Ahmedabad, it highlights the challenges and processes in dairy farming across different environments, emphasising the need for sustainable practices and the essential role of milk in daily consumption.
Decormart Studio is widely recognized as one of the best interior designers in Bangalore, known for their exceptional design expertise and ability to create stunning, functional spaces. With a strong focus on client preferences and timely project delivery, Decormart Studio has built a solid reputation for their innovative and personalized approach to interior design.
Visual Style and Aesthetics: Basics of Visual Design
Visual Design for Enterprise Applications
Range of Visual Styles.
Mobile Interfaces:
Challenges and Opportunities of Mobile Design
Approach to Mobile Design
Patterns
Connect Conference 2022: Passive House - Economic and Environmental Solution...TE Studio
Passive House: The Economic and Environmental Solution for Sustainable Real Estate. Lecture by Tim Eian of TE Studio Passive House Design in November 2022 in Minneapolis.
- The Built Environment
- Let's imagine the perfect building
- The Passive House standard
- Why Passive House targets
- Clean Energy Plans?!
- How does Passive House compare and fit in?
- The business case for Passive House real estate
- Tools to quantify the value of Passive House
- What can I do?
- Resources
White wonder, Work developed by Eva TschoppMansi Shah
White Wonder by Eva Tschopp
A tale about our culture around the use of fertilizers and pesticides visiting small farms around Ahmedabad in Matar and Shilaj.
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 specific 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 specific 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 specific 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 (first 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
Benefit copy lorem
ipsum Benefit 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 finished
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 find 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 fluid.
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 first 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
Benefit copy lorem
ipsum Benefit 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 find 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 Offer page where they can
earn $200.
3. Download Banking App - External link for users to download the Fifth Third
Bank official 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 final 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 specific 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
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 specific 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 specific 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 finishes 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 finishes 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 finishes their turn for this round
My Challenges
New Game
Friends (43) Random
Player 2 finishes 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 find 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 differentiated 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 find
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 first in the first
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 first 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 first 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