Hi-Tech

Что не так с часами, поясом и тарелкой в виртуальной реальности: проблемы в создании VR-интерфейса Facebook Spaces

Новый тип интерфейса

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

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

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

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

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

Некоторые из них не стали успешными, и от них пришлось отказаться, другие показали себя хорошо. Создавая Facebook Spaces, мы встретились с небольшим количеством интерфейсов и взаимодействий, которые стоят упоминания. Далее мы поделимся концептами, которые протестировали для решения некоторых задач, и выводами, к которым пришли.

Виртуальный стол

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

Хотя процесс был весёлым, люди всё равно не взаимодействовали друг с другом. В другом эксперименте мы создали инструмент, где пользователи смогли бы создавать вместе музыку на большой виртуальной клавиатуре.

Мы наблюдали за общением людей в реальном мире и нашли новое решение — виртуальный стол, который мог бы стать опорой для разговора.

Мы попробовали поиграть с размерами и формой (квадрат, прямоугольник, большой, маленький, прозрачный, непрозрачный и так далее). На конференции F8 в 2016 году мы первый раз попробовали создать виртуальный стол, вокруг которого люди могли собираться, ставить или брать с него предметы. Больше всего нам понравился круглый голографический стол, за которым могут комфортно разместиться четыре человека.

Основная навигация

Часы виртуальной реальности

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

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

Виртуальный ремень с инструментами

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

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

Виртуальный друг

Нажатие на этот предмет открывает радиальное меню вокруг него, что даёт доступ к подпунктам меню. Виртуальным другом мы назвали предмет, который можно двигать и ставить в любое место.

У такого подхода было множество плюсов.

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

Но и недостатков тоже немало.

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

Виртуальная платформа

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

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

Виртуальная тарелка

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

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

Виртуальная платформа 2.0

Новое решение было своего рода союзом между первой платформой и тарелкой: трёхмерная платформа с 2D-интерфейсом на ней, которая может проецировать интерфейс или предмет прямо перед вами и может быть спрятана прямо в стол, если не нужна.

Есть несколько причин, по которым это решение сработало.

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

Центр трансляции (Display Center)

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

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

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

Фото или видео-360 внезапно становится вашим окружением, а 2D-контент проецируется на большой экран. Наше решение — центр трансляции: круглая зона в центре стола, которая активируется, когда вы бросаете в неё контент, и начинает автоматически проигрывать его.

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

Wrist UI

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

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

Виртуальные часы 2.0

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

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

Развивающаяся система

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

Дальняя дорога

У меня появился шанс взяться за что-то амбициозное и одновременно весёлое вместе с командой талантливых и увлечённых людей. Создание первой версии Facebook Spaces было очень сложным, весёлым и благодарным временем в моей карьере.

Так что приходится выбираться из зоны комфорта, чтобы приобрести новые знания. Работа с виртуальной реальностью и пугает, и волнует, потому что нельзя положиться на навыки, которые ты вырабатывал многие годы. А разработка виртуального опыта для социальной сети оказалась сверхсложной, потому что чрезвычайно сильно ощущение присутствия и погружения, очень много возможностей и трудностей.

И я рад быть частью этого. Но как и во всём, что касается Facebook Spaces и всей сферы виртуальной реальности в целом, это всего лишь первый шаг — начало длинного пути.

#дизайн #VR #UI

Показать больше

Похожие статьи

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Кнопка «Наверх»
Закрыть