Mobile games UX: FTUE (tutorial) design
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Mobile games UX: FTUE (tutorial) design

on

  • 407 views

Patterns for mobile games FTUE (tutorial).

Patterns for mobile games FTUE (tutorial).

Statistics

Views

Total Views
407
Views on SlideShare
381
Embed Views
26

Actions

Likes
1
Downloads
9
Comments
0

2 Embeds 26

http://www.slideee.com 17
https://twitter.com 9

Accessibility

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • Управляю разработкой UI
  • Интерфейс влияет на retentionИ на монетизацию- чтобы пользователь заплатил- чтобы пользователь играл долго- чтобы пользователь зашел еще разЗачастую это делает игровой продюсер или гейм дизайнерСпециалисты по UX занимаются исследованием и тестированием предложенных концептов
  • Использование персонажей – retention
  • Персонаж радуется
  • И печалится вместе с вами
  • Если хотите чтобы пользователь смотрел на что-то – подвигайте/подсветите это+ звукиVisual and sound confirmation of action performedNot only buttons – but collecting coins, etc.If two similar events do different things, make it clear. For example, if taking a gold coin is preferable to taking a silver coin, make the visual effect of taking a gold coin prettier.
  • Люди читают тексты+ про погружение+ narration
  • Все очень яркое
  • Все очень яркое
  • Игра:Candy Blast ManiaI. New User Flow: The game must hook a new player within 30 seconds. That means a simplified tutorial with 70% completion rate. New players should begin experiencing the game as quickly as possible.Важная часть геймплеяШаг продолжается когда пользователь сделал то что нужноExpose Cool Features Early
  • Игра:Candy Blast ManiaI. New User Flow: The game must hook a new player within 30 seconds. That means a simplified tutorial with 70% completion rate. New players should begin experiencing the game as quickly as possible.Важная часть геймплеяШаг продолжается когда пользователь сделал то что нужноExpose Cool Features Early
  • Игра:Candy Blast ManiaI. New User Flow: The game must hook a new player within 30 seconds. That means a simplified tutorial with 70% completion rate. New players should begin experiencing the game as quickly as possible.Важная часть геймплеяШаг продолжается когда пользователь сделал то что нужноExpose Cool Features Early
  • Игра:Candy Blast ManiaI. New User Flow: The game must hook a new player within 30 seconds. That means a simplified tutorial with 70% completion rate. New players should begin experiencing the game as quickly as possible.Важная часть геймплеяШаг продолжается когда пользователь сделал то что нужноExpose Cool Features Early
  • Подсказки – отличный способ провести время ожидая загрузкуИгра MegaRun
  • Игра:Candy Blast ManiaI. New User Flow: The game must hook a new player within 30 seconds. That means a simplified tutorial with 70% completion rate. New players should begin experiencing the game as quickly as possible.Важная часть геймплеяШаг продолжается когда пользователь сделал то что нужноExpose Cool Features Early
  • Игра:Candy Blast ManiaI. New User Flow: The game must hook a new player within 30 seconds. That means a simplified tutorial with 70% completion rate. New players should begin experiencing the game as quickly as possible.Важная часть геймплеяШаг продолжается когда пользователь сделал то что нужноExpose Cool Features Early
  • A good tutorial should try not to pause the game, and be integrated into the gameplay. This is not an easy thing to do, but it is worth taking the time and thinking about it. When you want to explain a series of actions, it may be simpler to simply freeze the game and show a small series of images explaining the process, but most of the time, an in-gameplay tutorial is best. Try not to pause. Unless absolutely necessary, try not to pause the game for a tutorial. This is not always possible, but do try.  ?Don't teach the obvious. If there is a button that says "Jump" on screen, it is obvious what it does. On the other hand, if the game has a "Double Jump" feature, you should teach that.  ?Do Remember to make buttons appear with some kind of animation when the gameplay starts, or at least enter the screen with a moving animation, so that it catches the player's eye and makes the player try it. You need to remember that a lot of players do not play your game for long. So you may have the coolest power-ups ever implemented in any game ever, but if they are only revealed in level 10 (for example), the majority of players will never know about them, because they won't reach that level. Here is a list of things you'd want to give the players or let them know about early on in your game:  ?Power-Ups: You don't have to expose ALL of you power-ups early, but at least a few of the coolest ones, to get the players to enjoy your game.  ?Game Store: Tell the player about the store early in the game, but do so according to the explanations in the Let the Player Know section.  ?Score Bonuses: A good score bonus should have some nice visual effects to accompany it, and that makes players happy.  ?Special Abilities: Some games have special abilities or special weapons that can be unlocked by game progression or through the game store. Try to unlock at least one special ability/weapon pretty early on in the game.
  • A good tutorial should try not to pause the game, and be integrated into the gameplay. This is not an easy thing to do, but it is worth taking the time and thinking about it. When you want to explain a series of actions, it may be simpler to simply freeze the game and show a small series of images explaining the process, but most of the time, an in-gameplay tutorial is best. Try not to pause. Unless absolutely necessary, try not to pause the game for a tutorial. This is not always possible, but do try.  ?Don't teach the obvious. If there is a button that says "Jump" on screen, it is obvious what it does. On the other hand, if the game has a "Double Jump" feature, you should teach that.  ?Do Remember to make buttons appear with some kind of animation when the gameplay starts, or at least enter the screen with a moving animation, so that it catches the player's eye and makes the player try it. You need to remember that a lot of players do not play your game for long. So you may have the coolest power-ups ever implemented in any game ever, but if they are only revealed in level 10 (for example), the majority of players will never know about them, because they won't reach that level. Here is a list of things you'd want to give the players or let them know about early on in your game:  ?Power-Ups: You don't have to expose ALL of you power-ups early, but at least a few of the coolest ones, to get the players to enjoy your game.  ?Game Store: Tell the player about the store early in the game, but do so according to the explanations in the Let the Player Know section.  ?Score Bonuses: A good score bonus should have some nice visual effects to accompany it, and that makes players happy.  ?Special Abilities: Some games have special abilities or special weapons that can be unlocked by game progression or through the game store. Try to unlock at least one special ability/weapon pretty early on in the game.

Mobile games UX: FTUE (tutorial) design Presentation Transcript

  • 1. Tatiana Aulachynskaya 2014 GameFounders Mobile Games: ID, UI, UX Part 1: FTUE
  • 2. Про меня • Product manager • Mobile games (>15 published) • Interested in UX About me
  • 3. Три святых слова •Acquisition •Retention •Monetization 3 key metrics
  • 4. Использование перслнажей UX guidelines: Character
  • 5. Использование перслнажей UX guidelines: Character
  • 6. UX guidelines: Character
  • 7. Использование перслнажей UX guidelines: Character
  • 8. Много анимаций и партиклов UX guidelines: Particles & animation
  • 9. Много анимаций и партиклов Particles, particles
  • 10. UX Guidelines: Story
  • 11. Все очень яркое UX guidelines: bright colors
  • 12. UX guidelines: Real-life setting
  • 13. UI design: FTUE
  • 14. Designing: FTUE (first-time user experience)
  • 15. Designing: FTUE (first-time user experience)
  • 16. Designing: FTUE (first-time user experience)
  • 17. Designing: FTUE (first-time user experience)
  • 18. Designing: hints on loading screens
  • 19. FTUE: analytics
  • 20. FTUE: analytics
  • 21. • Does not pause gameplay • 30 seconds hooked • Tunnel: step continues when user did what you need • Expose Cool Features Early • Make buy in the shop / make spend hard currency / make invite friends FTUE checklist
  • 22. FTUE Checklist… continued • Character helps • Better to show than write • Can add narration • If you want someone to look at something, make it move. • Make sure they get it. • No need to show all features (hints) + don’t teach the obvious • Cover all steps with analytics FTUE checklist… continued
  • 23. • Tatiana Aulachynskaya • @trinya • S: trinushka • trinushka@gmail.com Questions?