46

Click here to load reader

Интерфейсные задачи. Ольга Качалина

Embed Size (px)

Citation preview

Page 1: Интерфейсные задачи. Ольга Качалина

Интерфейсные задачиКак проектировать мобильную игру?

Olga KachalinaUX designer

World of Tanks Blitz

Page 2: Интерфейсные задачи. Ольга Качалина

Кто такой UX дизайнер в геймдевеи чем он занимается?

Page 3: Интерфейсные задачи. Ольга Качалина

Кто такой гейм дизайнер?

Page 4: Интерфейсные задачи. Ольга Качалина

Кто такой гейм дизайнер?

Page 5: Интерфейсные задачи. Ольга Качалина

Кто такой гейм дизайнер?

• “видит” игру целиком • генерирует идеи • формализует идеи • документирует идеи • оценивает идеи

Page 6: Интерфейсные задачи. Ольга Качалина

Кто такой гейм UX дизайнер?

Page 7: Интерфейсные задачи. Ольга Качалина

Кто такой гейм UX дизайнер?

• “видит” игру целиком • генерирует идеи по реализации • формализует идеи по реализации • документирует идеи по реализации • оценивает реализацию

Page 8: Интерфейсные задачи. Ольга Качалина

Интерфейсные задачи

Page 9: Интерфейсные задачи. Ольга Качалина

Задача #1

Много функциональности - мало места

Page 10: Интерфейсные задачи. Ольга Качалина

Задача #1

960px

640pxновостиуведомления

профиль игрока

достижениядерево танков

боекомплект

награды

настройки

прокачка танка

чатвзводная игра

снаряжениеоборудование

оборудование

мастерство экипажамагазин

премиум аккаунт

in-app purchases

лента танков

смена региона

Page 11: Интерфейсные задачи. Ольга Качалина

Задача #1

Page 12: Интерфейсные задачи. Ольга Качалина

Задача #1

960px

640pxновостиуведомления

профиль игрока

достижениядерево танков

боекомплект

награды

настройки

прокачка танка

чатвзводная игра

снаряжениеоборудование

оборудование

мастерство экипажамагазин

премиум аккаунт

in-app purchases

лента танков

смена региона

В бой

Page 13: Интерфейсные задачи. Ольга Качалина

Задача #1

960px

640pxновости

уведомления

профиль игрокадостижения

дерево танков

боекомплект

награды

настройки

прокачка танка

чат

взводная игра

снаряжениеоборудование

оборудование

мастерство экипажа магазин

премиум аккаунтin-app purchases

лента танков

смена регионаВ бой

Page 14: Интерфейсные задачи. Ольга Качалина

Задача #1

Page 15: Интерфейсные задачи. Ольга Качалина

Задача #1

прототипируй

тестируй / наблюдай

исправляй / меняй

Page 16: Интерфейсные задачи. Ольга Качалина

Задача #1

960px

640pxновости

уведомления

профиль игрокадостижения

дерево танков

боекомплект

награды

настройки

прокачка танка

чат

взводная игра

снаряжениеоборудование

оборудование

мастерство экипажа магазин

премиум аккаунтin-app purchases

лента танков

смена регионаВ бой

Page 17: Интерфейсные задачи. Ольга Качалина

Задача #1

новостиуведомления

профиль игрокадостижения

дерево танков

боекомплект

награды

настройки

прокачка танка

чат

взводная игра

снаряжение оборудование

мастерство экипажа

магазинпремиум аккаунтin-app purchases

лента танков

смена региона

В бой

Page 18: Интерфейсные задачи. Ольга Качалина

Задача #1

Page 19: Интерфейсные задачи. Ольга Качалина

Задача #2

нативные / не нативные элементы интерфейсаПеренос функционала с другой платформы +

Page 20: Интерфейсные задачи. Ольга Качалина

Задача #2

Page 21: Интерфейсные задачи. Ольга Качалина

Задача #2

960px

640px

2048px

1536px

1136px

640px

Page 22: Интерфейсные задачи. Ольга Качалина

Задача #2

курс обмена

список техники

перевод опыта

сортировка

выбор всей техники в списке

подтверждение / отмена

Page 23: Интерфейсные задачи. Ольга Качалина

Задача #2

курс обмена

список техники

перевод опыта

сортировка

подтверждение / отмена

выбор всей техники в списке

Page 24: Интерфейсные задачи. Ольга Качалина

Задача #2

курс обмена

список техники

перевод опыта

сортировка

подтверждение / отмена

выбор всей техники в списке

Page 25: Интерфейсные задачи. Ольга Качалина

Задача #2

Page 26: Интерфейсные задачи. Ольга Качалина

Задача #3

Как не испугать игроков?

Page 27: Интерфейсные задачи. Ольга Качалина

Задача #3

Page 28: Интерфейсные задачи. Ольга Качалина

Задача #3

Page 29: Интерфейсные задачи. Ольга Качалина

Задача #3

Page 30: Интерфейсные задачи. Ольга Качалина

Задача #3

DEMO

Аккаунт в игре

Page 31: Интерфейсные задачи. Ольга Качалина

Задача #3

Page 32: Интерфейсные задачи. Ольга Качалина

Задача #3

Повышение конверсии

Page 33: Интерфейсные задачи. Ольга Качалина

Задача #3

Page 34: Интерфейсные задачи. Ольга Качалина

Задача #3

Page 35: Интерфейсные задачи. Ольга Качалина

Задача #3

Page 36: Интерфейсные задачи. Ольга Качалина

Задача #4

Сокращение негатива от пользователей

Page 37: Интерфейсные задачи. Ольга Качалина

Задача #4

Page 38: Интерфейсные задачи. Ольга Качалина

Задача #4

Page 39: Интерфейсные задачи. Ольга Качалина

Стоит помнить

Page 40: Интерфейсные задачи. Ольга Качалина

Стоит помнить

Page 41: Интерфейсные задачи. Ольга Качалина

Стоит помнить

Page 42: Интерфейсные задачи. Ольга Качалина

Повышайте Engagement: - параллельные цели и челенджы - множественные пути достижения награды - ценность для платящих и не платящих - мотивация “еще одна попытка” - постоянный “свежий” контент

Стоит помнить

Page 43: Интерфейсные задачи. Ольга Качалина

Стоит помнить

Page 44: Интерфейсные задачи. Ольга Качалина

Стоит помнить

Page 45: Интерфейсные задачи. Ольга Качалина

Что еще нужно вспомнить перед тем, как начать проектировать игру?

• особенности платформы • гайдлайны • большой игровой опыт • основы успешных игровых механик

Page 46: Интерфейсные задачи. Ольга Качалина