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

в 14:21, , рубрики: VR, Блог компании Mail.Ru Group, виртуальная реальность, дизайн, Разработка под AR и VR

Подходы к дизайну в виртуальной реальности - 1

Хотя развитие технологии виртуальной реальности (VR) набирает обороты, однако по-прежнему ощущается нехватка методик и рекомендаций по дизайну. В своём проекте на получение степени бакалавра я сконцентрировался на пользовательском интерфейсе, UX и проблемах, создаваемых технологиями виртуальной реальности.

Исторически сложилось так, что цифровые интерфейсы создаются из расчёта соответствия характеристикам двумерных дисплеев. Дизайнерам приходится вписывать содержимое и навигацию в рамки экранов, преобразуя опыт взаимодействия с реальным миром в иконки и прочие элементы интерфейса. Но набивание виртуальной среды двумерными элементами разрушает эффект погружения, необходимый для VR. Поэтому дизайн в VR подразумевает не перенос привычных двумерных методик в трёхмерное окружение, а поиск новой парадигмы.

В основе моего исследования лежит литература, исследующая человеческое восприятие и окружающую среду, например, The Ecological Approach to Visual Perception, Inquiry by Design и The Poetics of Space. Хотя основной массив работ по экологической психологии был написан в 1970-е, все эти знания полностью применимы и к виртуальной реальности. Дизайнерам нужно расширять свои знания по разным дисциплинам: археологии, архитектуре, звуковой и световой сценографии, а также физике, чтобы иметь возможность создавать полностью контролируемый опыт взаимодействия, формируя VR так, чтобы направлять пользователей как это нужно разработчикам.

В своём проекте я предлагаю решения для разных проблем на примере нейтрального VR-окружения, в форме разных характерных ситуаций (аналогично приложению Cardboard Design Lab). Эти ситуации охватывают лишь часть широкого разнообразия новых видов взаимодействий и решений, предлагаемых VR. Новые возможности будут открыты перед нами и благодаря параллельному развитию смешанной реальности (MR, mixed reality). Хотя между VR и MR есть определённые пересечения в сфере UI и UX, каждая из этих технологий требует от дизайнеров разных подходов.

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

Дизайн-решения в VR

Роль земли

«Когда самолёт летит в облаках, то снаружи ничего не видно, и это может сильно дезориентировать. А когда облака кончаются, и пилот может видеть землю, небо и горизонт, снова появляется чувство ориентации» (Джеймс Гибсон, 2015, стр. 19). При плохом дизайне опыта взаимодействия в VR пользователи тоже могут испытывать дезориентацию, что неизбежно приводит к укачиванию. Видеть землю и горизонт в VR не менее важно, чем и в реальном мире.

Подходы к дизайну в виртуальной реальности - 2

Атмосфера

Атмосферная (воздушная) перспектива может помочь пользователям понять масштаб виртуального окружения, что добавляет реализма. Суть этого феномена проста: «Чем дальше объект, тем больше воздуха и препятствий находится между объектом и наблюдателем, поэтому далеко расположенный объект видится менее отчётливо, чем находящийся ближе». (Брюс Голдштейн, 2013, стр. 230). Это постепенное увядание ландшафта необходимо для того, чтобы дать пользователю представление о глубине и расстоянии.

Подходы к дизайну в виртуальной реальности - 3
Мазаччо использовал атмосферную перспективу для создания иллюзии глубины

Особенности рельефа

Джейм Гибсон в книге The Ecological Approach to Visual Perception (стр. 62) выделяет 8 основных свойств рельефа.

  • Земная поверхность редко представляет собой открытое ровное пространство. Обычно она чем-то загромождена. Открытое пространство позволяет двигаться по земле в любом направлении, а загромождённое — только в проходы.
  • Путь обеспечивает пешее перемещение от одного места к другому, между другими свойствами рельефа.
  • Препятствие — это объект размером с животное, с которым можно столкнуться.
  • Барьер — особый вид препятствия, обычно блокирующий поле зрения и движение.
  • Водная преграда не позволяет передвигаться пешком.
  • Край обрыва ограничивает возможность приблизиться к какому-то объекту. Это опасная зона, сухопутные животные избегают таких мест.
  • Шаг — это единица измерения, которую можно использовать для определения продолжительности спуска или подъёма.
  • От покатости зависит возможность пешего перемещения, он определяется углом текстурой поверхности.

Подходы к дизайну в виртуальной реальности - 4
Свойства рельефа: проход, путь, препятствие, барьер, водная преграда, край обрыва, шаг и покатость

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

Влияние звукового окружения

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

Короткометражка La Jetée (1962) почти целиком состоит из обычных фотографий, однако звуковое оформление позволяет зрителю встраивать мысленный образ подразумеваемого пространства

Управление пользователем с помощью объектов

В загромождённом пространстве бывает трудно вести пользователя по определённому пути без традиционных навигационных элементов интерфейса. Но это может разрушить эффект погружения. Зато можно направлять мягко и ненавязчиво, с помощью небольших изменений в окружающем мире. Например, в игре Firewatch внимание пользователя к маршруту привлекалось с помощью растущих цветов. Конечно, выбор конкретного решения целиком зависит от контекста (цветы никак не подойдут к марсианскому ландшафту).

Подходы к дизайну в виртуальной реальности - 5

Прицел (reticle), зависящий от контекста

В неотслеживаемом VR (например, Gear VR, Google Cardboard) прицелы используются для отображения линии взгляда пользователя. Изображение точки фокусировки помогает ориентироваться в пространстве, а также упрощает перемещение и взаимодействие с объектами. Различные задачи требуют разной реакции от прицела.

  • Состояние покоя:  прицел должен быть минимального размера, подсказывая лишь расположение центра кадра.
  • Движение: прицел активируется, когда пользователь смотрит на любой объект, к которому можно приблизиться. В этом случае прицел превращается в более крупный указатель, активирующий подсветку выделяемой зоны с помощью круга, перемещающегося в зависимости от точки зрения пользователя.

image
Разница между состоянием покоя и движением прицела

  • Взаимодействие с объектами: когда пользователь уделяет внимание объекту, с которым можно взаимодействовать, то прицел должен на это среагировать.

image
Переход между состоянием покоя и взаимодействием с объектами

  • Цвет прицела должен адаптироваться к уровню окружающей яркости, переключаясь между тёмным и светлым режимами, чтобы быть одинаково заметным при любом освещении.
  • Объект в качестве прицела:  замена прицела каким-то трёхмерным объектом может быть подсказкой для взаимодействия (например, прицел в виде ключа говорит о том, что нужно открыть замок).

image

Интерактивные объекты

Если не с каждым объектом можно взаимодействовать, то пользователю нужно давать подсказку, какие же объекты являются интерактивными. Обычно полезен контекстуальный прицел, но иногда, чтобы избежать путаницы, сами интерактивные объекты тоже должны изменяться. Изменение может быть очень небольшим, например, при взгляде на объект он может затеняться или издавать слабый звук, описывающий его поведение (например, выключатель света может щёлкать).

image
Интерактивный объект изменяется при взгляде

Заключение

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

Полезные ссылки

  1. Moggridge, Bill. Designing Interactions. Cambridge, MA: The MIT Press, 2007. Print.
  2. Google Inc. Cardboard Design Lab. Google Play Store, Vers. 1.0.
  3. Gibson, James J. The Ecological Approach To Visual Perception. New York, NY: Psychology Press, 2015. Print.
  4. Goldstein, E. Bruce. Sensation and Perception. 9th ed. Belmont, CA: Wadsworth Publishing, 2013. Print.
  5. “Display Reticle.” VR Design Guidelines. Google Design.

Автор: Mail.Ru Group

Источник

* - обязательные к заполнению поля


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js