CursorCursors

Cursor

Ein Cursor liefert Kontinuierliches Feedback, das darauf basiert, dass der Benutzer den aktuellen Fokus an einem bestimmten Zeitpunkt hat.A cursor provides continuous feedback based on where the headset believes a users current focus is at a given time. Cursor Feedback beinhaltet, welche Bereiche, holograms oder Punkte in der virtuellen Umgebung auf die Eingabe Antworten.Cursor feedback includes what area, hologram, or point in the virtual environment responds to input. Obwohl es sich bei dem Cursor um eine digitale Darstellung von handelt, in der das Gerät die Aufmerksamkeit des Benutzers versteht, ist dies nicht dasselbe wie das Ermitteln der Absichten des Benutzers.Even though the cursor is a digital representation of where the device understands the user's attention to be, that's not the same as determining the user's intentions. Mit dem Cursor Feedback können Benutzer auch wissen, welche System Antworten erwartet werden.The cursor feedback also lets users know what system responses to expect. Sie können das Feedback verwenden, um seine Absicht an das Gerät zu senden, was die Benutzer Zuverlässigkeit steigert.You can use the feedback to communicate their intention to the device, which increases user confidence.

Es gibt drei Arten von Cursorn: Finger, Ray und Head-Gaze.There are 3 kinds of cursors: finger, ray, and head-gaze. Diese zeigenden Cursor funktionieren mit unterschiedlichen Eingabe Modalitäten für hololens, hololens 2 und immersive Headsets.These pointing cursors work with different input modalities on HoloLens, HoloLens 2, and immersive headsets. Im folgenden finden Sie Anleitungen dazu, welche Art von Cursor für die einzelnen Typen von Headset-und Interaktions Modellen verwendet werden kann.Below is guidance on which type of cursor to use for each type of headset and interaction model. Im Mixed Reality Toolkit (mrtk) haben wir Drag & amp; Drop-cursormodule erstellt, um Sie bei der Erstellung der richtigen Zeige Erfahrung zu unterstützen.In the Mixed Reality Toolkit (MRTK), we've created drag-and-drop cursors modules to help you build the right pointing experience.

GeräteunterstützungDevice support

FeatureFeature HoloLens (1. Generation)HoloLens (1st gen) HoloLens 2HoloLens 2 Immersive HeadsetsImmersive headsets
Finger CursorFinger cursor ✔️✔️
Strahl CursorRay cursor ✔️✔️ ✔️✔️
Cursor CursorHead-gaze cursor ✔️✔️ ✔️✔️ ✔️✔️

Finger CursorFinger cursor

Der Finger Cursor ist nur auf den hololens 2 verfügbar, um den Interaktionsmodus "direkte Bearbeitung von Hand" zu verbessern.The finger cursor is only available on the HoloLens 2 to enhance the "direct manipulation with hands" interaction mode. Wir haben Ringe an die Tipps beider Index Finger angehängt, um besser zu verstehen, wo der Finger zeigt.We've attached rings to the tips of both index fingers to better understand where the finger is pointing. Die Ring Größe basiert auf der Nähe des Fingers und der UI-Oberfläche, die auf einen kleinen Punkt verkleinert wird, wenn der Finger die Benutzeroberfläche berührt.The ring size is based on the proximity of the finger to the UI surface, which shrinks to a small dot when the finger touches the UI. Je näher der Finger, desto kleiner der Ring.The closer the finger, the smaller the ring.

Finger Cursorfinger cursor
Visuelle Feedback Zustände von Finger Cursor 1: der Ring wird auf einen Punkt verkleinert.Visual feedback states of finger cursor 1: The ring shrinks to a dot. 2: der Ring richtet sich nach der Oberfläche.2: The ring aligns with surface. 3: der Ring ist senkrecht zum Finger Vektor.3: The ring is perpendicular to finger vector. 4: kein Ring.4: No ring.

Strahl CursorRay cursor

Ray-Cursors werden an das Ende von weit zeigenden Strahlen angehängt, um die Bearbeitung von Objekten zu ermöglichen, die nicht in der Hand reich sind.Ray cursors attach to the end of far pointing rays to allow manipulation of objects that are out of hands-reach. In immersiven Headsets werden die Strahlen von Bewegungs Controllern abgeraten und mit Punkt Cursorn enden.In immersive headsets, the rays shoot out from motion controllers and end in dot cursors. In hololens 2 wenden wir das geistige Modell dieser Motion Controller-Strahlen und entworfenen Hand Striche an, die aus den Palmen stammen und in ringförmigen Cursorn enden, die mit fingercursorn konsistent sind, die bei direkter Bearbeitung verwendet werden.In HoloLens 2, we apply the mental model of these motion controller rays and designed hand rays that originate from the palms and end in ring-shaped cursors that are consistent with finger cursors used in direct manipulation.

Strahl Cursor ControllerRay cursor controller
Strahl Cursor von Bewegungs ControllernRay cursors of motion controllers

Strahl Cursor HandRay cursor hand
Strahl Cursor von HändenRay cursors of hands



Cursor CursorHead-gaze cursor

Der Head-Gaze-Cursor ist ein Punkt, der an das Ende eines unsichtbaren Kopf Zeigers angefügt wird, der die Position und Drehung des Kopfes verwendet, um zu zeigen.The head-gaze cursor is a dot that attaches to the end of an invisible head-gaze vector that uses the position and rotation of the head to point. Zum Ausführen von Aktionen wird dieser Zeige Cursor mit verschiedenen Commit-Eingaben gekoppelt, wie z. b. Air Tap, Voice Commands, Dwell und Button Press.To execute actions, this pointing cursor is paired with various commit inputs such as air tap, voice commands, dwell, and button press. In hololens 2 ist die Kopfzeile am besten mit allen Commit-Eingaben gekoppelt, bei denen es sich nicht um Luft tippen handelt, da es zu Interaktions Konflikten zwischen Luft tippen und fern Strahlen kommt.In HoloLens 2, head-gaze is best paired with any commit input that isn't air tap, as there will be interaction conflict between air tap and far hand rays.

Cursor Hand des Kopf ZeigersHead gaze cursor hand
Cursor Cursor mit HandbewegungHead-gaze cursor with hand gesture

Cursor Stimme für Head-GazeHead gaze cursor voice
Kopf zeiligen Cursor mit SprachbefehlHead-gaze cursor with voice command



Empfehlungen für die Cursor AnpassungCursor customization recommendations

Wenn Sie das Verhalten und den Anschein von Cursor Feedback anpassen möchten, finden Sie hier einige Entwurfs Empfehlungen:If you would like to customize the cursor feedback behaviors and appearances, here are some design recommendations:

Cursor SkalaCursor scale

  • Der Cursor sollte nicht größer sein als die verfügbaren Ziele, sodass Benutzer problemlos mit dem Inhalt interagieren und ihn anzeigen können.The cursor should be no larger than the available targets, allowing users to easily interact with and view the content.
  • Abhängig von der Umgebung, die Sie erstellen, ist das Skalieren des Cursors, wie der Benutzer aussieht, auch ein wichtiger Aspekt.Depending on the experience you create, scaling the cursor as the user looks around is also an important consideration. Beispielsweise sollte der Cursor nicht zu klein werden, da der Benutzer nicht mehr zu klein aussieht, sodass er verloren geht.For example, as the user looks further away in your experience, the cursor shouldn't become too small such that it's lost.
  • Beim Skalieren des Cursors sollten Sie eine weiche Animation darauf anwenden, während Sie skaliert wird, um ihr ein organisches Gefühl zu vermitteln.When scaling the cursor, consider applying a soft animation to it as it scales to give it an organic feeling.
  • Vermeiden Sie das Blockieren von Inhalt.Avoid obstructing content. Holograms machen das Erlebnis als unvergesslich, und der Cursor sollte nicht davon entfernt werden.Holograms are what make the experience memorable and the cursor shouldn't be taking away from them.

Direktionlose Cursor FormDirectionless cursor shape

  • Obwohl es keine Rechte Cursor Form gibt, empfiehlt es sich, eine direktionale Form wie einen "Tor" zu verwenden.Although there's no one right cursor shape, we recommend that you use a directionless shape like a torus. Ein Cursor, der in einer Richtung zeigt (z. b. ein herkömmlicher Pfeilcursor), kann den Benutzer so verwechseln, dass er immer auf diese Weise aussieht.A cursor that points in some direction (For example, a traditional arrow cursor) might confuse the user to always look that way.
  • Eine Ausnahme besteht darin, dass der Cursor verwendet wird, um dem Benutzer Interaktions Anweisungen mitzuteilen.An exception to this is when using the cursor to communicate interaction instruction to the user. Wenn z. b. Hologramme im Mixed Reality-Betriebssystem skaliert werden, schließt der Cursor temporär Pfeile ein, die den Benutzer darüber informiert, wie Sie seine Hand verschieben, um das Hologram zu skalieren.For example, when scaling holograms in the Mixed Reality OS, the cursor temporarily includes arrows that instructs the user on how to move their hand to scale the hologram.

Aussehen und GefühlLook and feel

  • Ein Ring Diagramm oder ein mit einem Tor gegeformter Cursor funktioniert für viele Anwendungen.A donut or torus shaped cursor works for many applications.
  • Wählen Sie eine Farbe und eine Form aus, die die von Ihnen erstellten Funktionen am besten repräsentiert.Pick a color and shape that best represents the experience you're creating.
  • Cursor sind besonders anfällig für die Trennung von Farben.Cursors are especially prone to color separation.
  • Ein kleiner Cursor mit ausgewogener Deckkraft sorgt dafür, dass er informativ ist, ohne die visuelle Hierarchie zu dominieren.A small cursor with balanced opacity keeps it informative without dominating the visual hierarchy.
  • Sie sollten die Verwendung von Shadowing oder Highlights hinter dem Cursor erkennen, da Sie Inhalte behindern und von der Aufgabe ablendieren können.Be cognizant of using shadows or highlights behind your cursor as they might obstruct content and distract from the task at hand.
  • Cursor sollten sich an den Oberflächen in der APP ausrichten und diese umarmen.Cursors should align to and hug the surfaces in your app. Benutzer haben das Gefühl, dass Sie sehen können, wo Sie aussehen, aber auch, dass das System von Ihrer Umgebung weiß.Users will have a feeling that the system can see where they're looking, but also that the system is aware of their surroundings. Der Cursor im Mixed Reality-Betriebssystem richtet sich z. b. an den Oberflächen der Benutzer Welt und sorgt so für das Bewusstsein der Welt, auch wenn der Benutzer nicht direkt auf ein Hologram zuschaut.For example, the cursor in the Mixed Reality OS aligns to the surfaces of the user's world, creating a feeling of awareness of the world even when the user isn't looking directly at a hologram.
  • Das magnetisch Sperren des Cursors für ein interaktives Element, wenn es dem Benutzer nahe liegt, kann das Vertrauen verbessern, dass der Benutzer mit diesem Element interagiert, wenn eine Auswahl Aktion verwendet wird.Magnetically locking the cursor to an interactive element when it's close to the user can help improve confidence that user will interact with that element when they use a selection action.

Visuelle HinweiseVisual cues

  • Wenn Sie sich auf ein einzelnes Hologramm konzentrieren, sollte Ihr Cursor nur dieses – Hologramm ausrichten und die Form ändern, wenn Sie von diesem – Hologramm Weg gehen.If your experience is focused on a single hologram, your cursor should align and hug only that hologram and change shape when you look away from that hologram. Dies kann dem Benutzer vermitteln, dass das – Hologramm handlungsfähig ist und mit ihm interagieren kann.This can convey to the user that the hologram is actionable and they can interact with it.
  • Wenn Ihre Anwendung eine räumliche Zuordnung verwendet, könnte der Cursor jede sichtbare Oberfläche ausrichten und umarmen.If your application uses spatial mapping, then your cursor could align and hug every surface it sees. Dadurch erhalten die Benutzer Feedback, dass hololens und Ihre Anwendung Ihren Speicherplatz sehen können.This gives feedback to the users that HoloLens and your application can see their space. Dadurch wird die Tatsache verstärkt, dass holograms Real und in unserer Welt sind und die Lücke zwischen Real und Virtual überbrücken.This reinforces the fact that holograms are real and in our world and helps bridge the gap between real and virtual.
  • Sehen Sie sich an, was der Cursor tun soll, wenn keine holograms oder Oberflächen in der Ansicht vorhanden sind.Have an idea of what the cursor should do when there are no holograms or surfaces in view. Eine Möglichkeit besteht darin, den Benutzer in einem vordefinierten Abstand vor dem Benutzer zu platzieren.Placing it at a predetermined distance in front of the user is one option.

Mögliche AktionenPossible actions

  • Der Cursor kann durch verschiedene Symbole dargestellt werden, um mögliche Aktionen zu vermitteln, die ein Hologramm ausführen kann, z. b. Skalierung oder Drehung.The cursor can be represented by different icons to convey possible actions a hologram can do, such as scaling or rotation.
  • Fügen Sie dem Cursor nur dann zusätzliche Informationen hinzu, wenn er etwas für den Benutzer bedeutet.Only add extra information on the cursor if it means something to the user. Andernfalls bemerken die Benutzer möglicherweise nicht, dass sich der Status ändert, oder Sie werden durch den Cursor verwirrt.Otherwise, users might either not notice the state changes or get confused by the cursor.

Eingabe StatusInput state

  • Der Cursor kann verwendet werden, um den Eingabe Zustand oder die Absicht des Benutzers anzuzeigen.We could use the cursor to display the user's input state or intent. Beispielsweise könnte ein Symbol angezeigt werden, das dem Benutzer mitteilt, dass das System seinen Hand Zustand hat und die Anwendung weiß, dass Sie bereit sind, Maßnahmen zu ergreifen.For example, we could display an icon telling the user the system sees their hand state and that the application knows they're ready to take action.

  • Wir könnten auch den Cursor verwenden, um Benutzern anzuzeigen, dass Sprachbefehle vom System über eine Änderung der momentanen Farbe gehört wurden.We could also use the cursor to show users that voice commands have been heard by the system via a momentary color change

  • Die folgenden Cursor Zustände können auf unterschiedliche Weise implementiert werden.The following cursor states can be implemented in different ways. Sie können diese verschiedenen Zustände implementieren, indem Sie den Cursor wie einen Zustands Automat modellieren.You might implement these different states by modeling the cursor like a state machine. Beispiel:For example:

    • Im Leerlaufzustand wird der Standard Cursor angezeigt.Idle state is where you show the default cursor.
    • Der Status "bereit" ist, wenn Sie festgestellt haben, dass der Benutzer die Hand hat.Ready state is when you've detected the user's hand in the ready position.
    • Der Interaktions Zustand ist, wenn der Benutzer eine bestimmte Interaktion durch nimmt.Interaction state is when the user is doing a particular interaction.
    • Der Status "mögliche Aktionen" oder "Hover" ist, wenn Sie mögliche Aktionen übermitteln, die für ein Hologram ausgeführt werden können.Possible Actions state or hover state is when you convey possible actions that can be performed on a hologram.

Sie können diese Zustände auch in einer auf der Skin-Sicht basierenden Weise implementieren, um verschiedene Kunst Ressourcen anzuzeigen, wenn Sie verschiedene Zustände erkennen.You could also implement these states in a skin-able manner to display different art assets when you detect different states.



"Cursor frei"Going "cursor-free"

Das Entwerfen ohne Cursor wird empfohlen, wenn das Eintauchen eine wichtige Komponente einer-Funktion ist und wenn die Zeige Interaktionen (durchschauen und Gesten) keine hohe Genauigkeit erfordern.Designing without a cursor is recommended when the sense of immersion is a key component of an experience and when pointing interactions (through gaze and gesture) don't require great precision. Das System muss immer noch die normalen Anforderungen eines Cursors erfüllen: die Benutzer erhalten fortlaufend Feedback zum System, das sich auf das Verständnis des Systems hinweist, und unterstützen Sie bei der Kommunikation mit dem System.The system still needs to meet the normal requirements of a cursor: providing users with continuous feedback on the system's understanding of their pointing, and helping them to communicate their intentions to the system. Dies kann durch andere spürbare Zustandsänderungen erreicht werden.This may be achievable through other noticeable state changes.



Cursor im mrtk (Mixed Reality Toolkit) für UnityCursor in MRTK (Mixed Reality Toolkit) for Unity

Standardmäßig stellt mrtk eine Cursor-vorfab (DefaultCursor. Prefab) bereit, die denselben visuellen Zustand aufweist wie der System Cursor der Shell.By default, MRTK provides a cursor prefab(DefaultCursor.prefab) which has the same visual state as the shell's system cursor. Es wird im Eingabeprofil des MRTK unter „Zeiger“ zugewiesen.It's assigned in MRTK's Input profile, under Pointers. Sie können diesen Cursor für Ihre Benutzeroberflächen ersetzen/anpassen.You can replace/customize this cursor for your experience. Für die Verwendung von Eye-Tracking-Eingaben bietet mrtk auch den "eyegazecursor", der über eine feine Visualisierung verfügt, um die Ablenkung zu minimieren.For the experience with eye-tracking input, MRTK also provides EyeGazeCursor, which has subtle visual to minimize the distraction.


Weitere InformationenSee also