Case Study-3 informazioni HoloStudio sull'interfaccia utente e sulla progettazione dell'interazioneCase study - 3 HoloStudio UI and interaction design learnings

HoloStudio è stata una delle prime app Microsoft per HoloLens.HoloStudio was one of the first Microsoft apps for HoloLens. Per questo motivo, era necessario creare nuove procedure consigliate per la progettazione dell'interfaccia utente e dell'interazione 3D.Because of this, we had to create new best practices for 3D UI and interaction design. Questa operazione è stata approvata con un numero elevato di test, prototipi ed errori.We did this through a lot of user testing, prototyping, and trial and error.

Microsoft sa che non tutti hanno a disposizione le risorse necessarie per eseguire questo tipo di ricerca, quindi abbiamo avuto la nostra finestra di progettazione SR. olografica, Marcus Ghaly, che condividevamo tre elementi appresi durante lo sviluppo di HoloStudio sull'interfaccia utente e sulla progettazione dell'interazione per le app 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.

VideoWatch the video

#1 problema: non è stato possibile spostarsi tra le proprie creazioniProblem #1: People didn't want to move around their creations

In origine, il Workbench è stato progettato in HoloStudio come un rettangolo, molto simile a quello che si trovava nel mondo reale.We originally designed the workbench in HoloStudio as a rectangle, much like you'd find in the real world. Il problema è che le persone hanno una durata di esperienza che indica di rimanere ancora quando si trovano su una scrivania o lavorano davanti a un computer, quindi non sono stati spostati nel Workbench ed esplorano la creazione 3D da tutti i lati.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.

La progettazione rettangolare del Workbench in HoloStudio ha dissuadere gli utenti a spostarsi e a vedere le proprie creazioni da tutti i lati.

Abbiamo avuto le informazioni necessarie per far girare il Workbench, in modo che non ci fosse un "primo" o un posto chiaro che avresti dovuto affrontare.We had the insight to make the workbench round, so that there was no "front" or clear place that you were supposed to stand. Quando è stato testato, improvvisamente gli utenti hanno iniziato a esplorare le proprie creazioni.When we tested this, suddenly people started moving around and exploring their creations on their own.

La progettazione circolare di Workbench ha incoraggiato gli utenti a esplorare tutto il percorso delle proprie creazioni.

Cosa abbiamo imparatoWhat we learned

Considerare sempre gli elementi più comodi per l'utente.Always be thinking about what's comfortable for the user. Sfruttare i vantaggi del proprio spazio fisico è una funzionalità interessante di HoloLens e ciò che non è possibile eseguire con altri dispositivi.Taking advantage of their physical space is a cool feature of HoloLens and something you can't do with other devices.

Problema #2: le finestre di dialogo modali si trovano talvolta fuori dal frame olograficoProblem #2: Modal dialogs are sometimes out of the holographic frame

In alcuni casi, è possibile che l'utente stia osservando una direzione diversa rispetto a un elemento che necessita di attenzione nell'app.Sometimes, your user may be looking in a different direction from something that needs their attention in your app. In un PC è possibile semplicemente visualizzare una finestra di dialogo, ma se si esegue questa operazione nella faccia di un utente in un ambiente 3D, può sembrare che la finestra di dialogo sia in corso.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. Sono necessarie per leggere il messaggio, ma il loro istinto è provare ad allontanarsi da questa.You need them to read the message, but their instinct is to try to get away from it. Questa reazione è molto utile se si sta giocando a un gioco, ma in uno strumento progettato per il lavoro è meno ideale.This reaction is great if you're playing a game, but in a tool designed for work, it's less than ideal.

Dopo aver provato alcuni aspetti diversi, si è finalmente deciso di usare un sistema di "Bubble idea" per le finestre di dialogo e gli elementi che possono essere seguiti dagli utenti in cui l'attenzione è necessaria nell'applicazione.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. Si è anche fatto un impulso ai tralci, che implicava un senso di direzionalità, in modo che gli utenti sapessero dove andare.We also made the tendrils pulse, which implied a sense of directionality so that users knew where to go.

Il sistema "Bubble Thought" comprendeva i tentacoli che fornivano un senso di direzione, gli utenti leader dovevano attirare l'attenzione nell'app.

Cosa abbiamo imparatoWhat we learned

In 3D è molto più difficile avvertire gli utenti degli elementi a cui è necessario prestare attenzione.It's much harder in 3D to alert users to things they need to pay attention to. L'uso di direttori di attenzione, ad esempio suoni spaziali, raggi luminosi o bolle di pensiero, può consentire agli utenti di dove devono essere.Using attention directors such as spatial sound, light rays, or thought bubbles, can lead users to where they need to be.

Problema #3: a volte l'interfaccia utente può essere bloccata da altri ologrammiProblem #3: Sometimes UI can get blocked by other holograms

In alcuni casi un utente vuole interagire con un ologramma e i controlli dell'interfaccia utente associati, ma è bloccato dalla visualizzazione perché un altro ologramma è davanti ad essi.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. Durante lo sviluppo di HoloStudio, abbiamo usato la versione di valutazione e l'errore per giungere a una soluzione.While we were developing HoloStudio, we used trial and error to come to a solution for this.

Un controllo dell'interfaccia utente associato a un ologramma può essere bloccato se è presente un altro ologramma tra l'utente e l'utente che indossa HoloLens.

Si è provato a trasferire il controllo dell'interfaccia utente più vicino all'utente, in modo che non fosse possibile bloccarlo, ma si è rivelato che non è stato comodo per l'utente esaminare un controllo che era vicino all'utente, esaminando contemporaneamente un ologramma che era lontano.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. Se, tuttavia, il controllo è stato spostato in primo piano rispetto all'ologramma più vicino all'utente, sembra che sia stato scollegato dall'ologramma che dovrebbe influire.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.

Infine, il controllo dell'interfaccia utente è stato completato e inserito alla stessa distanza dall'utente come ologramma a cui è associato, in modo che entrambi si sentano connessi.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. Ciò consente all'utente di interagire con il controllo anche se è stato oscurato.This allows the user to interact with the control even though it's been obscured.

Soluzione: è stato eseguito il ghosting del controllo dell'interfaccia utente, che consentiva l'interazione con il controllo e si riteneva connesso all'ologramma su cui influisce.

Cosa abbiamo imparatoWhat we learned

Gli utenti devono essere in grado di accedere facilmente ai controlli dell'interfaccia utente anche se sono stati bloccati, quindi individuare i metodi per assicurarsi che gli utenti possano completare le proprie attività indipendentemente da dove si trovano gli ologrammi nel mondo reale.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.

Informazioni sull'autoreAbout the author

Picture of Marcus Ghaly Marcus GhalyMarcus Ghaly
Finestra di progettazione SR. olografica @MicrosoftSr. Holographic Designer @Microsoft

Vedere ancheSee also