Пример использования — 3 Холостудио пользовательского интерфейса и проектирования взаимодействияCase study - 3 HoloStudio UI and interaction design learnings

Холостудио был одним из первых приложений Майкрософт для HoloLens.HoloStudio was one of the first Microsoft apps for HoloLens. Поэтому нам пришлось создавать новые рекомендации по трехмерному ИНТЕРФЕЙСу и проектированию взаимодействия.Because of this, we had to create new best practices for 3D UI and interaction design. Мы сделали это с помощью многих пользовательских тестов, создания прототипов, проб и ошибок.We did this through a lot of user testing, prototyping, and trial and error.

Мы понимаем, что ни у кого нет ресурсов на их удаление для проведения исследований, поэтому у нас есть SR. holographic Designer, Маркус Гхали, поделиться тремя вещейми, которые мы узнали во время разработки Холостудио о пользовательском интерфейсе и проектировании взаимодействия для приложений HoloLens.We know that not everyone has the resources at their disposal to do this type of research, so we had our Sr. Holographic Designer, Marcus Ghaly, share three things we learned during the development of HoloStudio about UI and interaction design for HoloLens apps.

Просмотреть видеоWatch the video

Проблема #1: люди не хотят перемещаться вокруг их созданияProblem #1: People didn't want to move around their creations

Мы изначально разработали Workbench в Холостудио в виде прямоугольника, как в реальной жизни.We originally designed the workbench in HoloStudio as a rectangle, much like you'd find in the real world. Проблема заключается в том, что у пользователей есть время существования, которое говорит, что они остаются в рабочем месте или работают перед компьютером, так что они не переходили по Workbench и изучены их трехмерное создание со всех сторон.The problem is that people have a lifetime of experience that tells them to stay still when they're sitting at a desk or working in front of a computer, so they weren't moving around the workbench and exploring their 3D creation from all sides.

Прямоугольное проектирование Workbench в Холостудио диссуадед пользователей от перемещения и просмотра их создания со всех сторон.

Мы имели представление о том, что требуется округлить Workbench, чтобы не существовало «Front» или «неясного» места.We had the insight to make the workbench round, so that there was no "front" or clear place that you were supposed to stand. Когда мы проверили это, внезапно люди начали перемещаться и изучать свои собственные решения.When we tested this, suddenly people started moving around and exploring their creations on their own.

Циклическая конструкция Workbench позволяет пользователям пройти весь процесс создания.

Чему мы научилисьWhat we learned

Всегда следует думать о том, что удобно для пользователя.Always be thinking about what's comfortable for the user. Использование преимуществ своего физического пространства — замечательная функция HoloLens и что-то не так с другими устройствами.Taking advantage of their physical space is a cool feature of HoloLens and something you can't do with other devices.

Проблема #2: Модальные Диалоги иногда выходят за рамки holographicProblem #2: Modal dialogs are sometimes out of the holographic frame

Иногда пользователь может найти другое направление от чего-то, что требует внимания в приложении.Sometimes, your user may be looking in a different direction from something that needs their attention in your app. На компьютере можно просто открыть диалоговое окно, но если сделать это на любом человеке в трехмерной среде, это может показаться, что диалоговое окно получается по своему усмотрению.On a PC, you can just pop up a dialog, but if you do this in someone's face in a 3D environment, it can feel like the dialog is getting in their way. Они потребуются для чтения сообщения, но их порывом попытаются разоойти.You need them to read the message, but their instinct is to try to get away from it. Эта реакция отлично подходит для игр, но в средстве, предназначенной для работы, она является менее идеальной.This reaction is great if you're playing a game, but in a tool designed for work, it's less than ideal.

После выполнения нескольких различных задач мы наконец сопоставлены с использованием системы "идейное пузырьковое" для наших диалоговых окон и добавили тендрилс, которые пользователи могут отслеживать, когда в нашем приложении нужно обратить внимание.After trying a few different things, we finally settled on using a "thought bubble" system for our dialogs and added tendrils that users can follow to where their attention is needed in our application. Мы также сделали тендрилс пульс, который подразумевает смысл направленности, чтобы пользователи знали, куда идти.We also made the tendrils pulse, which implied a sense of directionality so that users knew where to go.

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

Чему мы научилисьWhat we learned

Объем трехмерной графики намного труднее, чтобы предупредить пользователей о том, что им нужно уделять.It's much harder in 3D to alert users to things they need to pay attention to. Использование менеджеров по контролю внимания, таких как Пространственный звук, лампочки или пузырьковые пузырьки, может привести к тому, чтобы пользователи могли их там, где это необходимо.Using attention directors such as spatial sound, light rays, or thought bubbles, can lead users to where they need to be.

Проблема #3. Иногда пользовательский интерфейс может блокироваться другими голограммамиProblem #3: Sometimes UI can get blocked by other holograms

Бывают случаи, когда пользователь хочет взаимодействовать с голограммой и связанными с ним элементами управления пользовательского интерфейса, но они заблокированы, так как перед ними находится другая голограмма.There are times when a user wants to interact with a hologram and its associated UI controls, but they are blocked from view because another hologram is in front of them. Во время разработки Холостудио мы использовали пробную версию и ошибку, чтобы приступить к решению этой проблемы.While we were developing HoloStudio, we used trial and error to come to a solution for this.

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

Мы попытались переместить элемент управления ИП ближе к пользователю, чтобы он не мог блокироваться, но не был уверен, что ему не было удобно просматривать элемент управления, который был почти сейчас, одновременно просматривая голограмму.We tried moving the UI control closer to the user so it couldn't get blocked, but found that it wasn't comfortable for the user to look at a control that was near to you while simultaneously looking at a hologram that was far away. Однако если элемент управления переместился перед ближайшей голограммой к пользователю, он кажется, что он отсоединился от голограммы, на которую он должен влиять.If, however, we moved the control in front of the closest hologram to the user, they felt like it was detached from the hologram it should be affecting.

Наконец, мы завершили Создание фантомных элементов управления ИП и поместили его на тот же расстоянии от пользователя, что и в голограмме, с которой он связан.We finally ended up ghosting the UI control, and put it at the same distance from the user as the hologram it's associated with, so they both feel connected. Это позволяет пользователю взаимодействовать с элементом управления, даже если он скрыт.This allows the user to interact with the control even though it's been obscured.

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

Чему мы научилисьWhat we learned

Пользователи должны иметь возможность легко получить доступ к элементам управления пользовательского интерфейса, даже если они были заблокированы, чтобы определить, что пользователи могут выполнять свои задачи независимо от того, где их голограммы находятся в реальной жизни.Users need to be able to easily access UI controls even if they've been blocked, so figure out methods to ensure that users can complete their tasks no matter where their holograms are in the real world.

Об автореAbout the author

Picture of Marcus Ghaly Маркус ГхалиMarcus Ghaly
Конструктор SR. holographic @MicrosoftSr. Holographic Designer @Microsoft

См. также разделSee also