Как внедрить виртуальную реальность в прототипирование мобильных приложений
Опубликовано: 2018-02-25Чем ближе ваш прототип к конечному продукту, тем лучше
В 90-х виртуальная реальность собиралась изменить мир. Такие фильмы, как «Газонокосильщик» , «Матрица » и « Экзистенция », создали образ виртуальной реальности как почти сверхъестественной силы, способной создавать альтернативные миры, наполненные опасностями, и силами, превосходящими обычные человеческие способности. Было даже несколько ранних потребительских VR-инструментов, таких как Nintendo Virtual Boy и Sega VR Headset.
А потом все как будто исчезло.
Во многих отношениях те ранние дни были для виртуальной реальности как детство. У нас были большие мечты (и страхи) и довольно смутные представления о том, как это будет работать и для чего это на самом деле полезно. Инструменты виртуальной реальности были сырыми и дорогими, а мир не был к этому готов. Дело было не только в технологии — мы только начинали понимать, как разрабатывать интуитивно понятный пользовательский интерфейс (а UX-дизайн все еще находился на ранней стадии).
Однако теперь мы готовы.
Виртуальная реальность взорвалась за последние несколько лет. Вы можете превратить свой телефон в инструмент виртуальной реальности с дисплеем Google Cardboard за 15 долларов или даже сделать это самостоятельно с помощью некоторых основных инструментов для рукоделия. Даже мощные иммерсивные гарнитуры, такие как Oculus Rift или HTC Vive, стоят меньше, чем высококлассный Apple MacBook.
И в отличие от 90-х, потребительский спрос огромен. По данным Zion Market Research, мировой рынок виртуальной реальности будет продолжать расширяться с поразительной совокупной годовой скоростью роста в 54,01% до 2022 года, когда он достигнет стоимости в 26,89 млрд долларов. Другое исследование показало, что количество загрузок VR-приложений из Google Play и App Store увеличилось на 276% в 2016 году.
Однако для разработчиков и дизайнеров это еще только начало. Существует множество SDK и инструментов дизайна, но для разработчиков мобильных приложений, которые хотят создать функциональный прототип виртуальной реальности, не углубляясь в код, их было не так много — до нашей библиотеки компонентов виртуальной реальности.
Где сейчас мобильные приложения виртуальной реальности
Есть два основных способа создания виртуальной реальности: с тремя и шестью степенями свободы. Три степени свободы — так сейчас работает виртуальная реальность для Android и других мобильных устройств. Пользователь может смотреть в любом направлении и взаимодействовать с объектами в виртуальном пространстве, в котором он находится. Некоторые специальные контроллеры виртуальной реальности допускают шесть степеней свободы, а это означает, что приложение также может отслеживать движение пользователя в комнате, добавляя реализма взаимодействию с виртуальное пространство.
Почему смартфоны не могут делать шесть градусов? Хотя ваш телефон хорошо отслеживает изменения направления, он не может точно отслеживать движения в физическом пространстве. Фактически, на данный момент контроллерам виртуальной реальности требуется специальное помещение с внешними датчиками для достижения шестиградусной виртуальной реальности, а также внешнее устройство для обработки данных.
Большинство прототипов мобильных приложений фокусируется на трех степенях по нескольким причинам:
- Он широко доступен, поэтому рынок гораздо больше.
- Вы можете делать это где угодно, а не только в специально оборудованной комнате, привязанной к компьютеру.
- Вам не нужно специальное (и дорогое) оборудование, чтобы использовать или тестировать его.
Трудно сказать, как именно будет развиваться виртуальная реальность, но есть большая вероятность, что шесть степеней останутся узкой нишей в VR. Одна из замечательных особенностей виртуальной реальности заключается в том, что она позволяет вам избежать ограничений вашей физической среды — преимущество, которое вы теряете, если вам приходится настраивать все виртуальное пространство.
Разработка приложений виртуальной реальности
Чем ближе ваш прототип будет похож на конечный продукт, тем лучше. Просто потому, что стоимость внесения изменений в продукт, когда он полностью разработан, намного выше, чем внесение изменений в прототип. Прототип вашего приложения должен максимально точно имитировать функциональность, пользовательский интерфейс и взаимодействие с пользователем. Таким образом, обратная связь, которую вы получите, будет ближе к тому, что вы ожидаете получить, если будете тестировать с пользователями, когда приложение будет готово.
Рекомендуется для вас:
При этом ваши библиотеки пользовательского интерфейса должны быть обновлены для Android или iOS. Должна быть поддержка управления взглядом, чтобы вы могли сложным образом взаимодействовать с приложением, даже если вы используете смартфон только в качестве контроллера. Взаимодействия и анимация должны быть такими же хорошими, чтобы вы могли оттачивать элементы дизайна при прототипировании.
Во многих отношениях еще важнее правильно подобрать инструменты для прототипирования виртуальной реальности. Во-первых, вы не можете прибегнуть к проверенным и верным правилам проектирования, которые применяются при создании прототипов мобильных приложений. Простой интерфейс, который может отлично смотреться на экране Android, не обязательно будет переводиться, когда у вас есть 360° и три оси для работы. Можно поспорить, что приложения виртуальной реальности разожгут дебаты о скевоморфизме и материальном дизайне, и лучшие практики изменятся.
Вы также не можете полагаться на свои инстинкты и грубый набросок. Вам нужно смоделировать, как это работает, как можно более подробно, чтобы вы могли понять это правильно, прежде чем тратить время на создание конечного продукта.
Кроме того, создание графически насыщенных иммерсивных сред будет гораздо важнее, чем это обычно бывает при прототипировании мобильных приложений. Вы просите пользователей привязать экран к лицу, что неудобно — им нужно получить от этого больше, чем те же самые кнопки, выполняющие те же действия, но теперь парящие в пространстве.
Многое из того, что делает виртуальную реальность интересной, будет зависеть от взаимодействий и микровзаимодействий. Если объект светится или отбрасывает тень на плоский экран, это просто эффект. Он может взаимодействовать с другими элементами дизайна, но все же несколько удален от пользователя. В виртуальной реальности пользователь может реально взаимодействовать с источниками света. Вы можете использовать расстояние, чтобы указать приоритет, или заставить пользователя смотреть в разные стороны для выполнения разных задач.
Это дает дизайнерам-новаторам возможность радовать пользователей по-новому. Вы можете использовать настоящие смоделированные прожекторы, чтобы выделить важные задачи, или изменить дизайн комнаты в соответствии с настроением пользователя или характером конкретной задачи. Анимированные элементы могут трястись, чтобы создать ощущение срочности, или перемещаться к пользователю, чтобы привлечь его внимание к новой информации.
Но вы не можете протестировать эти элементы вместе, не создавая прототипы пользовательских элементов управления. То, что может показаться интуитивным пользовательским потоком, когда вы взаимодействуете с экраном, может быть абсолютным кошмаром, когда пользователь контролирует все своим взглядом. Вы должны иметь возможность имитировать то, как пользователь взаимодействует с окружающей средой, иначе позже в проекте вы можете столкнуться с неприятным сигналом пробуждения.
И вам нужно, чтобы все это работало в соответствии с вашим рабочим процессом разработки 2D-приложений. Вам не нужно изучать совершенно новый набор инструментов или создавать макеты двух разных прототипов приложения, если вы хотите поддерживать как виртуальный, так и обычный интерфейс — вы должны иметь возможность проектировать и тестировать и то, и другое в одной и той же среде.
Как создавать прототипы VR-приложений в Proto.io
Proto.io разработала библиотеку устройств для прототипирования виртуальной реальности, которая позволяет дизайнерам и разработчикам моделировать свои собственные впечатления от виртуальной реальности, используя тот же интуитивно понятный рабочий процесс Proto.io, от которого они зависят при прототипировании традиционных мобильных приложений.
Пользователи могут загружать 360-градусные фотографии и создавать пошаговые руководства за считанные минуты. Proto.io Asset Flow легко интегрируется со стандартными отраслевыми инструментами, такими как Sketch и Photoshop, что позволяет имитировать прохождение в фантастическом виртуальном мире так же просто, как и путешествие по дому.
Наша библиотека компонентов виртуальной реальности также позволяет легко имитировать меню и другие элементы управления на основе взгляда, добавлять анимацию и звук, а также настраивать макет, чтобы наилучшим образом использовать виртуальное пространство. И вы можете просмотреть свой прототип на любом устройстве, на котором запущено приложение Proto.io, что дает вам невероятную гибкость. Например, вы можете использовать свой MacBook для создания сцены в веб-приложении, затем протестировать ее и настроить версию виртуальной реальности для Android, а затем продемонстрировать ее на Oculus Rift или другой высококачественной виртуальной гарнитуре.
Начало работы с приложениями виртуальной реальности
Мы собрали несколько руководств, которые помогут вам начать работу в виртуальной реальности. Независимо от того, являетесь ли вы опытным разработчиком, стремящимся освоить виртуальную реальность, или новичком в создании прототипов виртуальной реальности, создание базовой среды виртуальной реальности — отличный первый шаг. Примерно через три минуты вы узнаете, как загрузить контейнер виртуальной реальности, добавить изображение и просмотреть его на своем устройстве.
Как только вы это сделаете, ознакомьтесь с нашим веб-семинаром по запросу «Прототипирование виртуальной реальности», не покидая Proto.io. Во-первых, мы покажем вам, как сделать свое первое интерактивное прохождение, используя потрясающие 360-градусные изображения. Затем мы научим вас, как сделать игровое меню с кнопками, которые расширяются, светятся и издают звуки при нажатии на них (вы также можете посмотреть учебник по игровому меню отдельно). В процессе вы освоите множество навыков, полезных для создания других приложений виртуальной реальности, в том числе:
- Создание VR-кнопок, которые реагируют на взгляд пользователя.
- Запуск смены сцены.
- Использование плоских изображений и маяков для обозначения различных типов изменений сцены.
- Включение звука в ваши VR-приложения.
Если вы новичок в Proto.io, вы также почувствуете, как все работает вместе. Хотя VR-контейнеры в некотором роде особенные, мы сохранили рабочий процесс максимально последовательным. Если у вас есть опыт создания приложений, и вы относитесь к тому типу людей, которые используют руководство только в крайнем случае, это должно помочь вам. В противном случае в нашем Руководстве пользователя должно быть все, что вам нужно знать.
Для получения дополнительной информации о дизайне и пользовательском интерфейсе мы настоятельно рекомендуем просмотреть UX of VR. Там вы найдете множество отличных видеороликов, статей, книг, наборов слайдов и других ресурсов, которые сделают вас экспертом в области взаимодействия с пользователем в виртуальной реальности.
Этот пост впервые появился в блоге Proto.io и воспроизведен с разрешения.