Button (Knapp)
En knapp är ett av de mest grundläggande och avgörande gränssnittselementen i mixad verklighet. Det gör att användarna kan utlösa omedelbara åtgärder. Eftersom det inte finns någon fysisk feedback i mixad verklighet är det viktigt att ge tillräckligt med visuell feedback och ljudfeedback för att öka användarens interaktionsförtroende.
I HoloLens 2-knappdesign, baserat på många designiterationer, prototyper och studier av användarforskning, integrerade vi flera visuella priser och ljudsignaler som hjälper användarens djupuppfattning och interaktion i tomt utrymme.
Visuella priser
Närhetsljus
Fokusmarkering
Komprimerar bur
Puls vid utlösare
Ljudsignaler
Korrekt ljudfeedback kan avsevärt förbättra användarupplevelsen. HoloLens 2:s knapp ger ljudfeedback för att kommunicera följande tips:
- Kontakten börjar: Spela upp ljud när beröringen börjar (nära interaktion)
- Kontakten slutar: Spela upp ljud på touch end (nära interaktion)
- Nyp börjar: Spela upp ljud vid nypmarkering (långt interaktion med blick eller strålar)
- Nyp ihop ändar: Spela upp ljud vid nypning (långt interaktion med blick eller strålar)
Röstkommando
För knappar i mixad verklighet är det viktigt att stödja alternativa interaktionsalternativ. Som standard rekommenderar vi att röstkommandon stöds för alla knappar. I HoloLens 2:s knappdesign tillhandahåller vi en knappbeskrivning under hovringstillståndet för att förbättra identifieringen.
Bild: Knappbeskrivning för röstkommandot
Storleksrekommendationer
För att säkerställa att alla interaktionsbara objekt enkelt kan röras rekommenderar vi att du ser till att interaktionsbara objekt uppfyller en minsta storlek baserat på avståndet från användaren. Den visuella vinkeln mäts ofta i grader av visuell båge. Den visuella vinkeln baseras på avståndet mellan användarens ögon och objektet och förblir konstant, medan målets fysiska storlek kan ändras när avståndet från användaren ändras. Om du vill fastställa den fysiska storlek som krävs för ett objekt baserat på avståndet från användaren kan du prova att använda en visuell vinkelkalkylator som den här.
Nedan visas rekommendationerna för minsta storlek på interagerande innehåll.
Målstorlek för direkt handinteraktion
| Avstånd | Visningsvinkel | Storlek |
|---|---|---|
| 45 cm | inte mindre än 2° | 1,6 x 1,6 cm |
Målstorlek för direkt handinteraktion
Målstorlek för knappar
När du skapar knappar för direkt interaktion rekommenderar vi en större minsta storlek på 3,2 x 3,2 cm för att säkerställa att det finns tillräckligt med utrymme för att innehålla en ikon och eventuellt lite text.
| Avstånd | Minsta storlek |
|---|---|
| 45 cm | 3,2 x 3,2 cm |
Målstorlek för knapparna
Målstorlek för handstråle- eller blickinteraktion
| Avstånd | Visningsvinkel | Storlek |
|---|---|---|
| 2 m | inte mindre än 1° | 3,5 x 3,5 cm |
Målstorlek för handstråle- eller blickinteraktion
Designriktlinjer
Undvik transparent bakplåt
När du utformar menygränssnittet med knappar rekommenderar vi att du använder ogenomskinlig bakplåt. Transparenta bakplattor rekommenderas inte av följande skäl:
- Svårt att interagera med eftersom det är svårt att förstå hur djupt knappen måste tryckas på för att utlösa händelsen
- Läsbarhetsproblem i komplex fysisk miljö
- Hologram som visas genom den genomskinliga plattan kan visa simeffektproblem när den används med djup LSR-stabiliseringsteknik.
Mer information om färgval och riktlinjer för holografisk visning finns i Designa innehåll för holografisk visning .
Exempel på transparent UI-backplate
Använda delad backplate
För flera knappar rekommenderar vi att du använder delad bakplåt i stället för den enskilda knappens bakplåt.
- Minska det visuella bruset och komplexiteten
- Rensa gruppering
Exempel på serverplattform för delat användargränssnitt
Knapp i MRTK (Mixed Reality Toolkit)
MRTK för Unity och MRTK för Unreal tillhandahåller olika typer av knappprefabs, inklusive HoloLens 2 formatknappar. Knappkomponenten HoloLens 2 innehåller all visuell feedback och interaktionsinformation som introducerades på den här sidan. Genom att använda det kan du dra nytta av resultatet från många designiterationer och användarundersökningar som våra designers, utvecklare och forskare hade utfört.
Kolla in MRTK – Knapp för fler instruktioner och anpassade exempel.