Основные современные

принципы UX-проектирования в

играх

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

1. Чем проще интерфейс – тем лучше

2. Не пытайтесь решать несколько задач одновременно

3. Правильно группируйте элементы UI

4. Используйте простые изображения для быстрого распознавания образов

5. Используйте приемы для фокусировки внимания пользователя

6. Дозируйте все, что касается выбора, чтобы облегчить задачу игроку

7. Располагайте важное под рукой и позвольте с этим комфортно работать

8. Давайте обратную связь действиям игрока

9. Используйте контекстные подсказки

Проектируя мобильную игру забудьте обо всем, что вы видели на десктопе

Скриншот из игры «World of Warcraft», Blizzard Entertainment

1. Ключевой закон мобильного UI: чем проще – тем лучше

Скриншот из игры «Jungle Heat», My.com

Скриншот из игры «Heroes Charge», uCool

Если вам кажется, что

окно перегружено, но

все это – важная

информация, значит,

скорее всего, вы плохо

понимаете текущую

задачу пользователя.

2. Единовременно игрок решает только одну задачу. Постарайтесь выдавать задачи последовательно, расставляя им приоритеты.

Скриншоты из игры «Juggernaut Wars», My.com

Отличный пример: покупка

в магазине позволяет не уходить с

экрана базы, но в фокусе только те

элементы, которые связаны

именно с покупкой.

Скриншот из игры «Boom Beach», Supercell

3. Группируйте элементы интерфейса таким образом, чтобы близкие по смыслу элементы находились рядом друг с другом.

Скриншот из игры «Juggernaut Wars», My.com

Решая задачи, игрок избегает чтения текста и прибегает к нему

только как к дополнительной информации.

Особенно, когда речь идет

об иконках меню,

о ключевых персонажах,

о боевых бустерах.

Скриншот из игры «Juggernaut Wars», My.com

При этом сначала воспринимается

изображение, потом текст. Поэтому

снабжайте важную информацию

картинкой, так она и воспринимается, и

запоминается и воспроизводится

намного быстрее.

Скриншот из игры «Heroes of Utopia», My.com

4. Первичной информацией, участвующей в восприятии,

являются формы и простые цвета. Используйте это для быстрого

распознавания образов.

Скриншот из игры «Star Wars: Galaxy of Heroes», Electronic Arts

Скриншот из игры «Clash Royale», Supercell

5. Используйте размер, цвет и

анимацию, чтобы сфокусировать

внимание игрока на нужном вам

объекте.

Скриншот из игры «Juggernaut Wars», My.com

6. Избегайте слишком

больших меню, старайтесь

дозировать все, что касается

выбора. По крайней мере,

не умещайте в один экран

множество элементов и

избавляйтесь от всего, что

может мешать процессу

принятия решения.

Согласно закону Хика, время реакции при выборе из некоторого

числа альтернативных сигналов зависит от их числа.

Скриншот из игры «Game of War», Machine Zone Скриншот из игры «Heroes vs Darkness», Anpuke Technology

7. Согласно закону Фитсса, время, требуемое для

позиционирования на какой-либо элемент, это функция от

расстояния до этого элемента и от его размера. Это значит,

что чем больше и ближе объект взаимодействия, тем быстрее

пользователь его обработает.

Скриншоты из игры «Angry Birds 2», Rovio Entertainment

Скриншот из игры «Evolution: Battle for Utopia», My.com

В игре «Evolution: Battle for Utopia» игрок получает бонус в

виде дополнительного критического урона за попадание в

голову соперника.

8. Всегда давайте обратную связь: производя действие,

пользователь обращается к системе и ждет от нее ответа. Если

действие совершить нельзя, объясните, почему, и когда можно

будет.

Скриншот из игры «Evolution: Battle for Utopia», My.com

9. Используйте контекстные подсказки, чтобы не

заставлять игрока запоминать информацию.

Скриншоты из игры «Juggernaut Wars», My.com

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