Ancoraggi spaziali

Un'ancora è un punto virtuale bloccato su un oggetto fisico. Gli ancoraggi spaziali possono essere presentati agli utenti come indicatori visivi.

Puoi utilizzare le ancora in un'ampia gamma di casi d'uso per rappresentare punti derivati dai contenuti della tua app, indicatori generati dall'AI o persino punti generati dagli utenti. Le ancora sono più utili per gli oggetti fissati, come un punto d'interesse o l'identificazione di un oggetto per l'utente.

Comfort dell'utente

A differenza di altre UI spaziali che si spostano con il movimento della testa dell'utente, le ancora rimangono bloccate in un punto specifico, anche quando l'utente si sposta.

Quando utilizzi gli ancoraggi spaziali, valuta come interagiranno con il resto dell'ambiente spaziale dell'utente. Cerca di evitare dimensioni e orientamenti che costringano l'utente a indietreggiare o a non essere sicuro del posizionamento dell'ancoraggio.

Indicatori

I marker sono affordance dell'interfaccia utente associate agli oggetti nel campo visivo dell'utente. Un indicatore spaziale ha più forme, tra cui punto, icona o disegno.

Un utente che guarda un'app XR, con un'altezza degli occhi naturale di 5 gradi al di sotto del centro del pannello.
Indicatori che aiutano con gli acquisti.

Indicatori di icone

Un indicatore di icona è un piccolo elemento UI simile a un punto che contrassegna gli oggetti di interesse nell'ambiente dell'utente. Scopri di più sugli indicatori di icone.

Un indicatore e una scheda possono aiutare a identificare un codice QR.

UI Glimmer

Gli indicatori possono essere collegati ad altre UI, come i componenti Glimmer di Jetpack Compose.

Esempio di UI con effetto luminoso associata a un indicatore con icona

Disegno

I marker di disegno vengono disegnati in fase di runtime e hanno un tema luminoso per fornire un aiuto visivo maggiore rispetto a un punto o a un frame. Ad esempio, un elemento direzionale è presente sul display per mostrare all'utente dove guardare o navigare.

Disegno di una freccia che indica un punto di riferimento

Comportamenti

Gli indicatori e l'eventuale UI collegata devono comportarsi come UI spaziale, il che significa che la distanza effettiva dell'oggetto contrassegnato deve essere riflessa nelle dimensioni dell'UI, utilizzando una dimensione DP angolare costante.

Gli elementi possono anche rispondere al movimento dell'utente, ruotando verso di lui mentre sono influenzati dalla gravità o solo con una rotazione parziale.

Clustering

Definisci chiaramente gli indicatori per evitare il disordine visivo e limita il numero di indicatori nella visualizzazione. Se sono necessari più indicatori, raggruppali in un unico indicatore più visibile che può essere visualizzato progressivamente.

Target di ancoraggio

I marker hanno una dimensione angolare target media di 7°.

Il cursore di raycasting basato sulla mano verrà visualizzato solo vicino a un target attivo. Se il target è piccolo, l'utente potrebbe avere difficoltà a posizionare la mano nell'orientamento corretto per far apparire il cursore. In questo caso, è possibile utilizzare un cattura cursore per facilitare il targeting. Un cursor catcher è un target vuoto dietro target più piccoli che mostra il cursore e aiuta a selezionare i target piccoli.