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

Post on 28-Nov-2014

1.215 views 3 download

description

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

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

Татьяна Авлочинская, zGamesUXPeople 2013Минск

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

Про меня

• Менеджер продуктов • Делаю мобильные игры• Компания Softeq/zGames• Проект MetricsCat.com

Обо мне

Пыщь!

Ой-ой-ой!

Ааааа!

И при этом...

Почему так?

Люди разберутся

UX в мобильных играх...

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

Или скорее так...

Все тихарятся

Технологические ограничения

Это реклама для японцев

А это японский апстор

Реклама для западной аудитории

• Скрин из Candy Blast Mania

Казуальный интерфейс

Казуальный интерфейс

Фишечки игрового UX

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

•Acquisition

•Retention

•Monetization

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

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

Фишечки: Персонаж

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

Фишечки: Персонаж

Фишечки: Персонаж

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

Фишечки: Персонаж

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

Фишечки: Партиклы и анимация

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

Нашествие партиклов

Фишечки: Сюжет

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

Фишечки: Поярче, поярче

Проектируем игровой UX

• Управление• Магазин• Обучалка• Загрузочные экраны• Регистрация• HUD• Карта прогресса• Финальный игровой экран• Save me!• Переходы между экранами• Анимации и подсветки для экранных элементов• Аналитика• Реклама• Все остальноеУжасно интересная работа

• Как держат деыайс

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

• Как держат деыайс

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

Портрет или лендскейп?

• Скрин из CBM + скрин из the Tribes/Mystery Manor

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

• Как держат деыайс

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

• Как держат деыайс

Проектируем: как держат планшет

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

Проектируем: как держат планшет 7’’

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

Проектируем: телефон

• Альбомная ориентация• Более длинные сессии (3-10 минут)• Больше места на экране• «Диванный» девайс

Проектируем: планшет

Люди тратят время% времени, проведенный в играх

iPhone iPad

39%

67%

(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.phphttp://metricscat.comhttp://www.raywenderlich.com/39647/40-secrets-to-making-money-with-in-app-purchaseshttp://www.slideshare.net/feelingfuzzy/ui-talk-apps-worldhttp://penny-arcade.com/report/editorial-article/going-broke-with-success-how-an-app-with-200000-downloads-led-to-develhttp://playpeep.tumblr.com/http://www.uxmatters.com/mt/archives/2013/02/how-do-users-really-hold-mobile-devices.phpPuzzle and DragonsWorld of TanksMystery ManorCandy Blast ManiaCandy Crush SagaPanda JamGasketballClash of ClansFairway SolitaireNinja ChickenJetpack JoyrideTemple RunAge of ZombiesTiny CastleHam RunDiamond DashThe TribezMegaRunSpace Chicks

Ссылки и игры