mobile games ux: ftue (tutorial) design

23
Tatiana Aulachynskaya 2014 GameFounders Mobile Games: ID, UI, UX Part 1: FTUE

Upload: tatiana-aulachynskaya

Post on 15-Jan-2015

397 views

Category:

Design


1 download

DESCRIPTION

Patterns for mobile games FTUE (tutorial).

TRANSCRIPT

Page 1: Mobile games UX: FTUE (tutorial) design

Tatiana Aulachynskaya2014GameFounders

Mobile Games: ID, UI, UXPart 1: FTUE

Page 2: Mobile games UX: FTUE (tutorial) design

Про меня

• Product manager• Mobile games (>15 published)• Interested in UX

About me

Page 3: Mobile games UX: FTUE (tutorial) design

Три святых слова

•Acquisition

•Retention

•Monetization

3 key metrics

Page 4: Mobile games UX: FTUE (tutorial) design

Использование перслнажей

UX guidelines: Character

Page 5: Mobile games UX: FTUE (tutorial) design

Использование перслнажей

UX guidelines: Character

Page 6: Mobile games UX: FTUE (tutorial) design

UX guidelines: Character

Page 7: Mobile games UX: FTUE (tutorial) design

Использование перслнажей

UX guidelines: Character

Page 8: Mobile games UX: FTUE (tutorial) design

Много анимаций и партиклов

UX guidelines: Particles & animation

Page 9: Mobile games UX: FTUE (tutorial) design

Много анимаций и партиклов

Particles, particles

Page 10: Mobile games UX: FTUE (tutorial) design

UX Guidelines: Story

Page 11: Mobile games UX: FTUE (tutorial) design

Все очень яркое

UX guidelines: bright colors

Page 12: Mobile games UX: FTUE (tutorial) design

UX guidelines: Real-life setting

Page 13: Mobile games UX: FTUE (tutorial) design

UI design: FTUE

Page 14: Mobile games UX: FTUE (tutorial) design

Designing: FTUE (first-time user experience)

Page 15: Mobile games UX: FTUE (tutorial) design

Designing: FTUE (first-time user experience)

Page 16: Mobile games UX: FTUE (tutorial) design

Designing: FTUE (first-time user experience)

Page 17: Mobile games UX: FTUE (tutorial) design

Designing: FTUE (first-time user experience)

Page 18: Mobile games UX: FTUE (tutorial) design

Designing: hints on loading screens

Page 19: Mobile games UX: FTUE (tutorial) design

FTUE: analytics

Page 20: Mobile games UX: FTUE (tutorial) design

FTUE: analytics

Page 21: Mobile games UX: FTUE (tutorial) design

• 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

Page 22: Mobile games UX: FTUE (tutorial) design

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

Page 23: Mobile games UX: FTUE (tutorial) design

• Tatiana Aulachynskaya• @trinya• S: trinushka• [email protected]

Questions?