Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Мобильные игры: ID, UI, UX
Татьяна Авлочинская, zGames
UXPeople 2013
Минск
Обо мне
•
•
•
•

Про меня

Менеджер продуктов
Делаю мобильные игры
Компания Softeq/zGames
Проект MetricsCat.com
Пыщь!
Ой-ой-ой!
Ааааа!
И при этом...
Почему так?
Люди разберутся
UX в мобильных играх...

Исследования в области UX мобильных игр?
Или скорее так...

Все тихарятся
Технологические ограничения
Это реклама для японцев
А это японский апстор
Реклама для западной аудитории
• Скрин из Candy Blast Mania

Казуальный интерфейс
Казуальный интерфейс
Фишечки игрового UX
Три святых
Три святых слова слова

•Acquisition
•Retention
•Monetization
Использование перслнажей

Фишечки: Персонаж
Использование перслнажей

Фишечки: Персонаж
Фишечки: Персонаж
Использование перслнажей

Фишечки: Персонаж
Много анимаций и партиклов

Фишечки: Партиклы и анимация
Много анимаций и партиклов

Нашествие партиклов
Фишечки: Сюжет
Все очень яркое

Фишечки: Поярче, поярче
Проектируем игровой UX
• Управление
• Магазин
• Обучалка
•
•
•
•
•
•
•
•
•
•
•

Загрузочные экраны
Регистрация
HUD
Карта прогресса
Финальный игро...
• Как держат деыайс

Проектируем: как держат девайс
• Как держат деыайс

Проектируем: как держат девайс
Портрет или лендскейп?
• Скрин из CBM + скрин из the Tribes/Mystery
Manor

Проектируем: как держат девайс
• Как держат деыайс

Проектируем: как держат девайс
• Как держат деыайс

Проектируем: как держат планшет
Проектируем: как держат планшет в играх
Проектируем: как держат планшет 7’’
Проектируем: телефон
•
•
•
•

Портретная ориентация
Короткие сессии (1-3 минуты)
Мало места
Везде с собой
Проектируем: планшет
•
•
•
•

Альбомная ориентация
Более длинные сессии (3-10 минут)
Больше места на экране
«Диванный» дев...
Люди тратят время
% времени, проведенный в играх
67%
39%

iPhone

iPad

(c) Flurry, 2013
• Про управленте

Проектируем: Управление
Плохое управленте - третий по популяоности
плохой отзыв после дегег и

2 звезды за плохое управление!
Управление: экранные джойстики
Про пдввающий джойтсиу
Прл джойсьик

Управление: джойстики нормальные
Жестовое управлкнте

Управление: жестовое
Жестовое управлкнте

Управление: одним пальцем тык
Толстый палец

Проектируем: размер контролов
Размер кнопки

Проектируем: размер контролов
Пртмер с большой кнопкой чикен

Проектируем: БОЛЬШИЕ кнопки
Проектируем: Магазин
• Gasketball

Магазин: как купить полную версию?
• Gasketball

Магазин: кнопка на главном экране
Магазин: кнопка в игре
• Gasketball
• Gasketball

Магазин: paywall
Магазин: пример с бобром
Магазин: апгрейды
Магазин: апгрейды
Магазин: виртуальная валюта
Магазин: виртуальная валюта
Магазин: выход через сувенирную лавку
Проектируем: обучалка
Проектируем: экраны загрузки
Проектируем: экраны загрузки
Спросите меня про все остальное!
Выводы
• Качайте лучшие игры и анализируйте
• Собирайте фишечки
• Не переносите интерфейс с других
платформ
• Работайте вм...
•
•
•
•

Татьяна Авлочинская
@trinya
S: trinushka
trinushka@zgames.com

Вопросы?
Ссылки
Ссылки и игры
http://www.gamasutra.com/blogs/BeckyTorbochkin/20131118/205079/Using_Gestures_in_Mobile_Game_Design.p...
Upcoming SlideShare
Loading in …5
×

Мобильные игры: ID, UI, UX

1,909 views

Published on

Презентация с UXPeople 2013
Особенности проектирования интерфейсов для мобильных игр: управление, обучающая система, магазин, загрузочные экраны.

Published in: Business
  • Be the first to comment

Мобильные игры: ID, UI, UX

  1. 1. Мобильные игры: ID, UI, UX Татьяна Авлочинская, zGames UXPeople 2013 Минск
  2. 2. Обо мне • • • • Про меня Менеджер продуктов Делаю мобильные игры Компания Softeq/zGames Проект MetricsCat.com
  3. 3. Пыщь!
  4. 4. Ой-ой-ой!
  5. 5. Ааааа!
  6. 6. И при этом...
  7. 7. Почему так?
  8. 8. Люди разберутся
  9. 9. UX в мобильных играх... Исследования в области UX мобильных игр?
  10. 10. Или скорее так... Все тихарятся
  11. 11. Технологические ограничения
  12. 12. Это реклама для японцев
  13. 13. А это японский апстор
  14. 14. Реклама для западной аудитории
  15. 15. • Скрин из Candy Blast Mania Казуальный интерфейс
  16. 16. Казуальный интерфейс
  17. 17. Фишечки игрового UX
  18. 18. Три святых Три святых слова слова •Acquisition •Retention •Monetization
  19. 19. Использование перслнажей Фишечки: Персонаж
  20. 20. Использование перслнажей Фишечки: Персонаж
  21. 21. Фишечки: Персонаж
  22. 22. Использование перслнажей Фишечки: Персонаж
  23. 23. Много анимаций и партиклов Фишечки: Партиклы и анимация
  24. 24. Много анимаций и партиклов Нашествие партиклов
  25. 25. Фишечки: Сюжет
  26. 26. Все очень яркое Фишечки: Поярче, поярче
  27. 27. Проектируем игровой UX
  28. 28. • Управление • Магазин • Обучалка • • • • • • • • • • • Загрузочные экраны Регистрация HUD Карта прогресса Финальный игровой экран Save me! Переходы между экранами Анимации и подсветки для экранных элементов Аналитика Реклама Все остальное Ужасно интересная работа
  29. 29. • Как держат деыайс Проектируем: как держат девайс
  30. 30. • Как держат деыайс Проектируем: как держат девайс
  31. 31. Портрет или лендскейп? • Скрин из CBM + скрин из the Tribes/Mystery Manor Проектируем: как держат девайс
  32. 32. • Как держат деыайс Проектируем: как держат девайс
  33. 33. • Как держат деыайс Проектируем: как держат планшет
  34. 34. Проектируем: как держат планшет в играх
  35. 35. Проектируем: как держат планшет 7’’
  36. 36. Проектируем: телефон • • • • Портретная ориентация Короткие сессии (1-3 минуты) Мало места Везде с собой
  37. 37. Проектируем: планшет • • • • Альбомная ориентация Более длинные сессии (3-10 минут) Больше места на экране «Диванный» девайс
  38. 38. Люди тратят время % времени, проведенный в играх 67% 39% iPhone iPad (c) Flurry, 2013
  39. 39. • Про управленте Проектируем: Управление
  40. 40. Плохое управленте - третий по популяоности плохой отзыв после дегег и 2 звезды за плохое управление!
  41. 41. Управление: экранные джойстики Про пдввающий джойтсиу
  42. 42. Прл джойсьик Управление: джойстики нормальные
  43. 43. Жестовое управлкнте Управление: жестовое
  44. 44. Жестовое управлкнте Управление: одним пальцем тык
  45. 45. Толстый палец Проектируем: размер контролов
  46. 46. Размер кнопки Проектируем: размер контролов
  47. 47. Пртмер с большой кнопкой чикен Проектируем: БОЛЬШИЕ кнопки
  48. 48. Проектируем: Магазин
  49. 49. • Gasketball Магазин: как купить полную версию?
  50. 50. • Gasketball Магазин: кнопка на главном экране
  51. 51. Магазин: кнопка в игре • Gasketball
  52. 52. • Gasketball Магазин: paywall
  53. 53. Магазин: пример с бобром
  54. 54. Магазин: апгрейды
  55. 55. Магазин: апгрейды
  56. 56. Магазин: виртуальная валюта
  57. 57. Магазин: виртуальная валюта
  58. 58. Магазин: выход через сувенирную лавку
  59. 59. Проектируем: обучалка
  60. 60. Проектируем: экраны загрузки
  61. 61. Проектируем: экраны загрузки
  62. 62. Спросите меня про все остальное!
  63. 63. Выводы • Качайте лучшие игры и анализируйте • Собирайте фишечки • Не переносите интерфейс с других платформ • Работайте вместе с маркетологами/продюсерами • Тестируйте, тестируйте!
  64. 64. • • • • Татьяна Авлочинская @trinya S: trinushka trinushka@zgames.com Вопросы?
  65. 65. Ссылки Ссылки и игры http://www.gamasutra.com/blogs/BeckyTorbochkin/20131118/205079/Using_Gestures_in_Mobile_Game_Design.php http://metricscat.com http://www.raywenderlich.com/39647/40-secrets-to-making-money-with-in-app-purchases http://www.slideshare.net/feelingfuzzy/ui-talk-apps-world http://penny-arcade.com/report/editorial-article/going-broke-with-success-how-an-app-with-200000-downloads-led-to-devel http://playpeep.tumblr.com/ http://www.uxmatters.com/mt/archives/2013/02/how-do-users-really-hold-mobile-devices.php Puzzle and Dragons World of Tanks Mystery Manor Candy Blast Mania Candy Crush Saga Panda Jam Gasketball Clash of Clans Fairway Solitaire Ninja Chicken Jetpack Joyride Temple Run Age of Zombies Tiny Castle Ham Run Diamond Dash The Tribez MegaRun Space Chicks

×