1.
Основные современные
принципы UX-проектирования в
играх
Ольга Шуберт, UX дизайнер в игровом департаменте Mail.Ru Group

2.
1. Чем проще интерфейс – тем лучше
2. Не пытайтесь решать несколько задач одновременно
3. Правильно группируйте элементы UI
4. Используйте простые изображения для быстрого распознавания образов
5. Используйте приемы для фокусировки внимания пользователя
6. Дозируйте все, что касается выбора, чтобы облегчить задачу игроку
7. Располагайте важное под рукой и позвольте с этим комфортно работать
8. Давайте обратную связь действиям игрока
9. Используйте контекстные подсказки

3.
Проектируя мобильную игру забудьте обо всем, что вы
видели на десктопе
Скриншот из игры «World of Warcraft», Blizzard Entertainment

4.
1. Ключевой закон мобильного UI: чем проще – тем лучше
Скриншот из игры «Jungle Heat», My.com

5.
Скриншот из игры «Heroes Charge», uCool
Если вам кажется, что
окно перегружено, но
все это – важная
информация, значит,
скорее всего, вы плохо
понимаете текущую
задачу пользователя.

6.
2. Единовременно игрок решает только одну задачу. Постарайтесь
выдавать задачи последовательно, расставляя им приоритеты.
Скриншоты из игры «Juggernaut Wars», My.com

7.
Отличный пример: покупка
в магазине позволяет не уходить с
экрана базы, но в фокусе только те
элементы, которые связаны
именно с покупкой.
Скриншот из игры «Boom Beach», Supercell

8.
3. Группируйте элементы интерфейса таким образом, чтобы
близкие по смыслу элементы находились рядом друг с другом.
Скриншот из игры «Juggernaut Wars», My.com

9.
Решая задачи, игрок избегает чтения текста и прибегает к нему
только как к дополнительной информации.
Особенно, когда речь идет
об иконках меню,
о ключевых персонажах,
о боевых бустерах.
Скриншот из игры «Juggernaut Wars», My.com

10.
При этом сначала воспринимается
изображение, потом текст. Поэтому
снабжайте важную информацию
картинкой, так она и воспринимается, и
запоминается и воспроизводится
намного быстрее.
Скриншот из игры «Heroes of Utopia», My.com

11.
4. Первичной информацией, участвующей в восприятии,
являются формы и простые цвета. Используйте это для быстрого
распознавания образов.
Скриншот из игры «Star Wars: Galaxy of Heroes», Electronic Arts

12.
Скриншот из игры «Clash Royale», Supercell
5. Используйте размер, цвет и
анимацию, чтобы сфокусировать
внимание игрока на нужном вам
объекте.

13.
Скриншот из игры «Juggernaut Wars», My.com
6. Избегайте слишком
больших меню, старайтесь
дозировать все, что касается
выбора. По крайней мере,
не умещайте в один экран
множество элементов и
избавляйтесь от всего, что
может мешать процессу
принятия решения.

14.
Согласно закону Хика, время реакции при выборе из некоторого
числа альтернативных сигналов зависит от их числа.
Скриншот из игры «Game of War», Machine Zone Скриншот из игры «Heroes vs Darkness», Anpuke Technology

15.
7. Согласно закону Фитсса, время, требуемое для
позиционирования на какой-либо элемент, это функция от
расстояния до этого элемента и от его размера. Это значит,
что чем больше и ближе объект взаимодействия, тем быстрее
пользователь его обработает.
Скриншоты из игры «Angry Birds 2», Rovio Entertainment

16.
Скриншот из игры «Evolution: Battle for Utopia», My.com
В игре «Evolution: Battle for Utopia» игрок получает бонус в
виде дополнительного критического урона за попадание в
голову соперника.

17.
8. Всегда давайте обратную связь: производя действие,
пользователь обращается к системе и ждет от нее ответа. Если
действие совершить нельзя, объясните, почему, и когда можно
будет.
Скриншот из игры «Evolution: Battle for Utopia», My.com

18.
9. Используйте контекстные подсказки, чтобы не
заставлять игрока запоминать информацию.
Скриншоты из игры «Juggernaut Wars», My.com

19.
Спасибо за внимание!
Ольга Шуберт, UX дизайнер в игровом департаменте Mail.Ru Group