Дизайн интерфейсов для VR: лучшие практики и советы Евгения Касьяненко

“Вспомните мои слова, вскоре везде будет использоваться VR. Так что уже сейчас важно создавать максимально оптимизированные симуляторы, чтобы в будущем быть первыми в своей нише” – так считает Евгений Касьяненко, наш ведущий эксперт в области разработки VR.

Мы полностью разделяем мнение своего главного специалиста. Поэтому далее в статье разберем ключевые принципы дизайна VR-интерфейсов. Озвучим лучшие практики и выявим подводные камни, которые создают препятствия при разработке. Так что отложите дела и дочитайте статью до конца. Уверены, что не пожалеете о затраченном времени.

Базовые основы VR-дизайна

Когда создаешь виртуальную реальность, важно не забывать о базовых принципах. Именно так наш специалист всегда наставляет нашу команду.

Простота и интуитивность

Хороший VR-интерфейс всегда начинается с простоты. Самое главное тут, чтобы все было понятно, удобно, выглядело естественно. Без этого никуда. Здесь важна не столько красота или модные технологии, сколько то, насколько легко человеку погрузиться в виртуальный мир. Ведь никто не хочет тратить время на борьбу с управлением или разбираться, как вообще тут все работает.

“Если человек не понял, как пользоваться интерфейсом за секунду – значит, интерфейс не удался.” – говорит Евгений Касьяненко.

В VR это особенно критично. Здесь нет привычных экранов и кнопок. То есть, пользователю попросту не на что опереться. Поэтому отметим два важных правила, которым следует придерживаться при разработке VR-интерфейсов:

• Чем меньше элементов интерфейса, тем лучше. Главное, сделать так, чтобы все было максимально естественно, без лишних отвлечений. Пользователь не должен тратить время на поиски кнопок или меню, все должно работать само собой, интуитивно.
• Физические взаимодействия. Вместо того чтобы нажимать на виртуальную кнопку, человеку будет куда приятнее и естественнее, например, повернуть ручку, чтобы открыть дверь.

Оптимизированная производительность и комфорт

Частенько от разработчиков можно услышать, что их игра или приложение отлично выглядит, но у пользователей почему-то кружится голова после использования. И дело тут не только в слабом вестибулярном аппарате. Просто не была учтена производительность.

Однако добавим, не только в производительности дело. Также для комфорта использования VR важны такие аспекты:

• Кадровая частота или FPS. Она должна быть не ниже 90 в секунду. Тогда VR будет работать плавно. Если частота кадров падает, у пользователей появляется укачивание. И здесь уже никакой дизайн от неприятных ощущений не спасёт.
• Мягкие анимации. Резкие движения интерфейса в VR противопоказаны. Они вызывают дискомфорт. Переходы должны быть естественными, как в жизни.
• Фиксированные точки фокуса. Это все о том же укачивании. Чтобы избежать его, элементы интерфейса должны появляться там, где пользователю удобно их воспринимать, а не «летать» перед глазами.

“Посмотрите на Google Tilt Brush”, – приводит пример Евгений Касьяненко: “Их UI не перегружает, элементы расположены удобно. А главное, их интерфейс не вызывает дискомфорта, потому что он грамотно встроен в VR-среду”.

Дизайн интерфейса с учетом VR-среды

В дизайне при разработка VR-интерфейса важным моментом также стоит выделить глубину, перспективные искажения и углы обзора.

Рассмотрим чуть подробнее влияние каждой составляющей:

• Интерфейс не должен мешать погружению. А это значит, что элементы UI должны органично вписываться в виртуальный мир. Возьмем, например, меню. Его можно представить как голограмму, висящую перед пользователем, а не как плоский экран.
• Учет углов обзора. В VR пользователи и так активно двигают головой. Поэтому нельзя располагать важные элементы в неудобных местах. Например, панель управления лучше размещать на уровне груди, а не выше головы.
• Перспектива и глубина. Ставшие привычными 2D-интерфейсы в VR теряют читаемость. Здесь используются только объемные элементы, подсветка и естественные тени. В результате UI выглядит органично.

Визуальный стиль и интерактивность

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

Минимализм vs детализация

В VR-интерфейсе важно соблюсти баланс между понятностью интерфейса и его перегруженностью. Дизайн лаконичен? – значит пользователь без труда сможет ориентироваться в виртуальном мире.

И еще об избыточных деталях, которые могут перегружать игрока. VR-пространство, охватываемое пользователем, это 360°. За всем уследить сложно. Поэтому перегруженный UI не только отвлекает. Он, что еще хуже, может вызывать утомляемость. Простые формы, четкие иконки и минимум лишних элементов – вот что делает интерфейс удобным и естественным.

Цвета, контраст и читаемость текста

“В VR текст не простая надпись на экране. Это элемент окружения. Неправильный размер, слабая контрастность, неудачное размещение – все это делают его нечитаемым. В отличие от привычных экранов, расстояние до текста в VR постоянно меняется. И пользователю сложно фокусироваться на мелких деталях.” – сообщает Евгений Касьяненко.

Как же сделать надписи читаемыми? Достаточно правильно выбрать три вещи – размер, контрастность и подсветку. То есть: 

1. Размер шрифта должен быть достаточно большим. Он должен быть комфортно читаемым на любом расстоянии.
2. Контрастность также играет ключевую роль. Темный текст на темном фоне или же яркие неоновые цвета гарантируют трудности при его прочтении.
3. Подсветка и тени. Они, наоборот, помогают улучшить читаемость. Особенно при расположении текста на сложном фоне.

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

1. Помещение текста слишком далеко или, наоборот, слишком близко к пользователю.
2. Учет угла обзора. Текст должен располагаться в поле зрения. И, в то же время, не мешать основному взаимодействию.

Интерфейс как часть окружающей среды

“Диегетический UI представляет собой лучший вариант для VR. В мобильных приложениях, висящие перед глазами 2D-меню еще могут сработать, но в виртуальной реальности они только разрушают погружение.” – отмечает наш эксперт.

По опыту скажем, гораздо лучше, когда интерфейс становится частью мира. То есть, экран информации встроен в голографический терминал. Меню отображается на наручном компьютере, настройки – на виртуальной панели управления.

Чтобы сделать меню и элементы управления органичной частью игрового мира, Евгений Касьяненко советует:

• Кнопки и панели можно размещать на объектах. Например, на приборной панели автомобиля. Или же на мониторах в виртуальном пространстве.
• Интуитивные управляющие элементы. Аналогия действий с реальным миром способна погрузить геймера по максимуму.

Хорошим примером здесь служит, как известная американская компания Valve использовала диегетический интерфейс в своей мега-популярной игрушке Half-Life: Alyx. Управлять происходящим там нужно с помощью жестов, инвентарь находится на руках персонажа, а информация отображается на предметах, с которыми взаимодействует игрок. Благодаря этому всему геймер погружается на максимум.

Навигация и взаимодействие

Когда выбираешь, как именно пользователь будет управлять и взаимодействовать с виртуальным миром, важно помнить, что от этого напрямую зависит то, насколько удобно ему будет в VR, и насколько глубоко он вообще сможет в него погрузиться.

Способы взаимодействия, управление

В VR есть несколько вариантов управления. Это контроллеры, жесты или трекинг рук. Какой из них лучше подойдет в конкретном случае, будет зависеть от специфики VR-приложения, например: 

• Контроллеры дают точность, но требуют обучения. 
• Жесты интуитивны, но могут быть ошибочно интерпретированы. 
• Трекинг рук – один из самых естественных способов управления. Однако он требует продуманного UX, иначе не избежать случайных действий.

“Я сторонник, чтобы взаимодействие с виртуальным миром полностью повторяло действия из мира реального. Чтобы так же надо было поворачивать ручки, нажимать рычаги, хватать предметы. Поэтому по возможности я советую делать акцент на естественных взаимодействиях.” – подчеркивает Евгений Касьяненко.

И действительно, возьмем компьютерную игру VRChat, где интерфейсы ощущаются естественными. Его разработчики нашли удачное сочетание жестов и традиционный UI. Меню встроено в виртуальный планшет. Жесты позволяют выражать эмоции и взаимодействовать без лишних кнопок. И это делает управление супер ощущаемым.

Перемещение в VR

В VR передвижение, как в обычных играх, способно вызывать укачивание. Чтобы снизить этот неприятный эффект при движении, достаточно использовать такие наработки:

• Ограничение периферийного зрения во время движения, например, затемнение краев экрана.
• Использование медленных, плавных анимаций.
• Телепортация вместо плавного передвижения.
• Подстройка скорости передвижения под игрока.
• VR-коврики, имитирующие ходьбу.

Яркий пример решения проблемы – ролевая игра The Walking Dead: Saints & Sinners. Здесь предлагают несколько вариантов передвижения, такие как: 

• телепортация; 
• плавное движение; 
• шаговое перемещение;
• при резких поворотах экрана затемняются края.

Все это минимизирует восприимчивость вестибулярного аппарата и убирает лишний дискомфорт.

Тестирование и доработка интерфейса

Как бы круто ни продумали разработчики дизайн VR, проект может получить шквал критики за мелкие баги, доставляющие дискомфорт во время погружения. Чтобы этого не было, профи всегда тестируют свою разработку перед выпуском в свет.

Как протестировать VR-дизайн

Тестирование VR-интерфейс предполагает комплексный подход. На каждом этапе необходимо проводить его с реальным пользователем, чтобы проверить интуитивность и комфорт.

Чаще всего тестирование помогает выявить такие баги::

• укачивание;
• сложность управления;
• перегруженность интерфейса.

Роль звука в тестировании переоценить трудно. Ведь аудио-подсказки отлично могут помогать геймерам освоиться. Важно лишь, чтобы звуки были уместные и не резкие.

Будущее VR-интерфейсов

Евгений Касьяненко прогнозирует, что вскоре все VR-дизайнеры наконец-то полностью уйдут от использования привычных кнопок и панелей:

“Давайте честно, ведь никто из вас не хотел бы в виртуальном мире тыкать в неудобные плавающие менюшки. Намного круче ведь просто сказать: «Открой настройки!». Или легким движением руки вызвать нужный инструмент. В фильмах уже все это давно показали. И это по-настоящему круто!” – отмечает наш эксперт.

Приведем к этому лишь несколько примеров:

• Нейроинтерфейсы, тактильная обратная связь, голосовое управление. Пока это звучит как фантастика, но к этому всё идет. Скоро вместо кнопок мы будем думать, чтобы открыть инвентарь. А виртуальный меч в руках начнет вибрировать от удара.
• Пространственный звук – больше, чем атмосфера. Он поможет пользователям интуитивно находить объекты. А также понимать направление угроз и даже управлять интерфейсом. Представьте: вы подходите к консоли, и она сама «отзывается» легким звуковым сигналом.
• VR-интерфейсы станут незаметными. Будущее точно за UI, который встраивается в сам мир. Нужно меню? – Посмотрите на свою руку, там голографический экран. Хочется узнать уровень здоровья? – Взгляните на индикатор на костюме персонажа.

Мы в команде KISS уже работаем в этом направлении. Ведь VR – это не просто технология. Это также возможность сделать взаимодействие с цифровым миром по-настоящему естественным, интегрировать эти процессы также в бизнес.

В заключение: почему важно работать с профессионалами?

Мы пробежались по важным моментам разработки дизайна интерфейсов для VR. Каждый, наверное, уже осознает, что если подойти к делу без должного понимания тонкостей и опыта, можно легко облажаться и выпустить кривой проект с зависшими в воздухе кнопками или постоянными укачиваниями, а также головной болью от неправильно подобранных звуков.

Чтобы не переделывать все по триста раз, лучше сразу обращаться к профессионалам. Команда KISS Software во главе с Евгением Касьяненко может помочь в разработке VR-интерфейса любой сложности. Во-первых, мы точно знаем, как создать дизайн, который не мешает, а помогает. Во-вторых, мы работаем с VR-проектами разных масштабов на протяжении уже нескольких лет, с тех пор, когда виртуальная реальностью еще не была мейнстримом. Наш подход основан на опыте, тестах и реальных пользовательских сценариях.

Кроме того, мы не понаслышке знаем:

• Как разместить элементы интерфейса, чтобы они не перекрывали обзор.
• Как настроить интерактивность, чтобы управление ощущалось естественным.
• Как создать среду взаимодействия действительно комфортной, которая не будет доставлять дискомфорт.
• Как грамотно встроить звук, настроить UI и UX, чтобы пользователи не ощущали чувства потерянности.

В качестве итога, предлагаем полезный чек-лист или 10 правил хорошего UX-дизайна в VR:

1. Интерфейс однозначно простой и интуитивный.
2. Минимизация количества элементов UI.
3. Использование диегетического интерфейса, встроенного в мир.
4. Читаемость текста, правильный размер и контраст важны.
5. Размещение элементов должно быть таким, чтобы они не мешали обзору.
6. Оптимизация FPS обязательна, стоит избегать резких движений камеры.
7. Лучше пространственный звук для ориентации.
8. Удобство управления стоит учитывать сразу: контроллеры, жесты, трекинг рук.
9. Тест интерфейса на реальных пользователях всегда до релиза.
10. Улучшение дизайна на основе фидбэка.

И в завершение финальные советы от Евгения Касьяненко:

“Главное – не бойтесь обращаться к профессионалам. Разрабатывать VR-интерфейс без опыта – это как чинить самолет на лету. Можно, конечно, но лучше этого не делать. Мы в KISS Software поможем сделать так, чтобы ваш проект не только работал, но и вызывал вау-эффект у пользователей!”.