Top Banner
Designing UX in WoT Blitz Olga Kachalina Lead UX designer World of Tanks Blitz
48

Designing UX it WoT Blitz: what got us into Best Appstore Game 2014 - Olga Kachalina, Wargaming

Aug 13, 2015

Download

Technology

Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Designing UX it WoT Blitz: what got us into Best Appstore Game 2014 - Olga Kachalina, Wargaming

Designing UX in WoT Blitz

Olga Kachalina

Lead UX designer

World of Tanks Blitz

Page 2: Designing UX it WoT Blitz: what got us into Best Appstore Game 2014 - Olga Kachalina, Wargaming

- HUD: hand position

- Challenges of making the Lobby

- Lessons learned

Page 3: Designing UX it WoT Blitz: what got us into Best Appstore Game 2014 - Olga Kachalina, Wargaming

The Beginning

Page 4: Designing UX it WoT Blitz: what got us into Best Appstore Game 2014 - Olga Kachalina, Wargaming
Page 5: Designing UX it WoT Blitz: what got us into Best Appstore Game 2014 - Olga Kachalina, Wargaming
Page 6: Designing UX it WoT Blitz: what got us into Best Appstore Game 2014 - Olga Kachalina, Wargaming
Page 7: Designing UX it WoT Blitz: what got us into Best Appstore Game 2014 - Olga Kachalina, Wargaming
Page 8: Designing UX it WoT Blitz: what got us into Best Appstore Game 2014 - Olga Kachalina, Wargaming

Hold the device as it’s shown on the screen.

Page 9: Designing UX it WoT Blitz: what got us into Best Appstore Game 2014 - Olga Kachalina, Wargaming

Now we have a solid start. What’s next?

Page 10: Designing UX it WoT Blitz: what got us into Best Appstore Game 2014 - Olga Kachalina, Wargaming
Page 11: Designing UX it WoT Blitz: what got us into Best Appstore Game 2014 - Olga Kachalina, Wargaming

prototyping

testing / observation

correcting

Page 12: Designing UX it WoT Blitz: what got us into Best Appstore Game 2014 - Olga Kachalina, Wargaming

Best icon is the text

Page 13: Designing UX it WoT Blitz: what got us into Best Appstore Game 2014 - Olga Kachalina, Wargaming

Too much functionality - not enough space

Page 14: Designing UX it WoT Blitz: what got us into Best Appstore Game 2014 - Olga Kachalina, Wargaming

960px

640px

tank tree

Page 15: Designing UX it WoT Blitz: what got us into Best Appstore Game 2014 - Olga Kachalina, Wargaming

960px

640px

player profile

tank tree

Page 16: Designing UX it WoT Blitz: what got us into Best Appstore Game 2014 - Olga Kachalina, Wargaming

960px

640pxnews

notifications

player profile

tank tree

ammunition

Page 17: Designing UX it WoT Blitz: what got us into Best Appstore Game 2014 - Olga Kachalina, Wargaming

960px

640pxnews

notifications

player profile

achievementstank tree

ammunition

Page 18: Designing UX it WoT Blitz: what got us into Best Appstore Game 2014 - Olga Kachalina, Wargaming

960px

640pxnews

notifications

player profile

achievementstank tree

ammunition

Battle!

Page 19: Designing UX it WoT Blitz: what got us into Best Appstore Game 2014 - Olga Kachalina, Wargaming

960px

640pxnews

notifications

player profile

achievementstank tree

ammunition

medals

settings

tank upgrade

chat

platoon mode

consumables

equipment

ammunition

crew masteryshop

premium account

in-app purchases

tank list

region change

Battle!

Page 20: Designing UX it WoT Blitz: what got us into Best Appstore Game 2014 - Olga Kachalina, Wargaming

960px

640px

news

notifications

player profile

achievements

tank tree

ammunition

medals

settings

tank upgrade

chat

platoon mode

consumables

equipment

equipment

crew mastery shop

premium account

in-app purchases

tank list

region changeBattle!

Page 21: Designing UX it WoT Blitz: what got us into Best Appstore Game 2014 - Olga Kachalina, Wargaming

news

notifications

player profile

achievements

tank tree

ammunition

medals

settings

tank upgrade

chat

platoon mode

consumables equipment

crew mastery

shoppremium account

in-app purchases

tank list

region change

Battle!

Page 22: Designing UX it WoT Blitz: what got us into Best Appstore Game 2014 - Olga Kachalina, Wargaming
Page 23: Designing UX it WoT Blitz: what got us into Best Appstore Game 2014 - Olga Kachalina, Wargaming

Native controls

Page 24: Designing UX it WoT Blitz: what got us into Best Appstore Game 2014 - Olga Kachalina, Wargaming
Page 25: Designing UX it WoT Blitz: what got us into Best Appstore Game 2014 - Olga Kachalina, Wargaming
Page 26: Designing UX it WoT Blitz: what got us into Best Appstore Game 2014 - Olga Kachalina, Wargaming

How not to scare away your players?

Page 27: Designing UX it WoT Blitz: what got us into Best Appstore Game 2014 - Olga Kachalina, Wargaming

Practical

value=

Expected

benefit-

Expected

cost

Cost-value analysis

Page 28: Designing UX it WoT Blitz: what got us into Best Appstore Game 2014 - Olga Kachalina, Wargaming
Page 29: Designing UX it WoT Blitz: what got us into Best Appstore Game 2014 - Olga Kachalina, Wargaming
Page 30: Designing UX it WoT Blitz: what got us into Best Appstore Game 2014 - Olga Kachalina, Wargaming

TOUCH THE SCREEN TO START PLAYING

LOGIN USING WARGAMING.NET ID

Page 31: Designing UX it WoT Blitz: what got us into Best Appstore Game 2014 - Olga Kachalina, Wargaming

Increasing conversions

Page 32: Designing UX it WoT Blitz: what got us into Best Appstore Game 2014 - Olga Kachalina, Wargaming
Page 33: Designing UX it WoT Blitz: what got us into Best Appstore Game 2014 - Olga Kachalina, Wargaming
Page 34: Designing UX it WoT Blitz: what got us into Best Appstore Game 2014 - Olga Kachalina, Wargaming

Presupposed value

Page 35: Designing UX it WoT Blitz: what got us into Best Appstore Game 2014 - Olga Kachalina, Wargaming

Lessons learned

Page 36: Designing UX it WoT Blitz: what got us into Best Appstore Game 2014 - Olga Kachalina, Wargaming

Lessons learned

Action Reward

New Content

1 screen

1 screen

1 screen

Page 37: Designing UX it WoT Blitz: what got us into Best Appstore Game 2014 - Olga Kachalina, Wargaming

Lessons learned

Page 38: Designing UX it WoT Blitz: what got us into Best Appstore Game 2014 - Olga Kachalina, Wargaming

Lessons learned

Page 39: Designing UX it WoT Blitz: what got us into Best Appstore Game 2014 - Olga Kachalina, Wargaming

Lessons learned

Page 40: Designing UX it WoT Blitz: what got us into Best Appstore Game 2014 - Olga Kachalina, Wargaming

Lessons learned

Page 41: Designing UX it WoT Blitz: what got us into Best Appstore Game 2014 - Olga Kachalina, Wargaming

Lessons learned

Page 42: Designing UX it WoT Blitz: what got us into Best Appstore Game 2014 - Olga Kachalina, Wargaming

Lessons learned

Page 43: Designing UX it WoT Blitz: what got us into Best Appstore Game 2014 - Olga Kachalina, Wargaming

Lessons learned

Page 44: Designing UX it WoT Blitz: what got us into Best Appstore Game 2014 - Olga Kachalina, Wargaming

Lessons learned

Page 45: Designing UX it WoT Blitz: what got us into Best Appstore Game 2014 - Olga Kachalina, Wargaming

Recommended NOT Recommended

Lessons learned

Page 46: Designing UX it WoT Blitz: what got us into Best Appstore Game 2014 - Olga Kachalina, Wargaming

Lessons learned

Page 47: Designing UX it WoT Blitz: what got us into Best Appstore Game 2014 - Olga Kachalina, Wargaming

• Design for player, not yourself

• Value for paying and non-paying players

• Consider all the risks

• Platform peculiarities & guidelines

• “how other games do it”

Lessons learned

Page 48: Designing UX it WoT Blitz: what got us into Best Appstore Game 2014 - Olga Kachalina, Wargaming

Q&A time!