Condividi tramite


Direzionalità e gravità

I segnali direzionali permettono di fornire un solido modello mentale del viaggio dell'utente nelle esperienze. È importante che la direzione di qualsiasi movimento supporti sia la continuità dello spazio che l'integrità degli oggetti nello spazio.

Il movimento direzionale è soggetto a forze come la gravità. L'applicazione di forze al movimento rafforza la sensazione naturale del movimento.

Direzione del movimento

La direzione del movimento corrisponde al movimento fisico. Proprio come nella natura, gli oggetti possono spostarsi in qualsiasi asse mondiale- X,Y,Z. Questo è il modo in cui pensiamo al movimento degli oggetti sullo schermo. Quando si spostano oggetti, evitare collisioni innaturali. Tenere presente dove gli oggetti provengono e passano e supportano sempre costrutti di livello superiore che possono essere usati nella scena, ad esempio direzione di scorrimento o gerarchia di layout.

Breve video che mostra un cerchio e quindi l'aggiunta di un asse X, un asse Y e un asse Z.

Spostamenti direzionali

La direzione di spostamento tra scene nell'app è concettuale. Gli utenti passano avanti e indietro. Le scene si spostano all'esterno e all'esterno della visualizzazione. Questi concetti si combinano con il movimento fisico per guidare l'utente.

Quando lo spostamento fa in modo che un oggetto passi dalla scena precedente alla nuova scena, l'oggetto esegue una semplice mossa da A a B sullo schermo. Per garantire che il movimento si senta più fisico, viene aggiunto l'interpolazione standard, così come la sensazione di gravità.

Per lo spostamento indietro, lo spostamento viene invertito (da B a A). Quando l'utente torna indietro, si prevede di tornare allo stato precedente il prima possibile. La tempistica è più rapida, più diretta e usa l'interpolazione decelerazione.

In questo caso, questi principi vengono applicati quando l'elemento selezionato rimane sullo schermo durante lo spostamento avanti e indietro.

Esempio di interfaccia utente di movimento continuo

Quando lo spostamento fa sì che gli elementi sullo schermo vengano sostituiti, è importante mostrarne la posizione e la posizione da cui proviene la nuova scena.

Ciò comporta diversi vantaggi:

  • Solidifica il modello mentale dell'utente dello spazio.
  • La durata della scena di uscita offre più tempo per preparare il contenuto da animare per la scena in ingresso.
  • Migliora le prestazioni percepite dell'app.

Ci sono 4 direzioni discrete di navigazione da considerare.

Forward-In Celebra il contenuto che entra nella scena in modo che non si scontra con il contenuto in uscita. Il contenuto diminuisce nella scena.

direzione in avanti in

Il contenuto forward-out viene chiuso rapidamente. Gli oggetti accelerano lo schermo.

direzione in avanti

Indietro- In uguale a Forward-In, ma invertito.

Breve video che mostra un cerchio che entra a destra del fotogramma e si ferma al centro del fotogramma.

Indietro uguale a Forward-Out, ma invertito.

direzione indietro

Gravity

La gravità rende le tue esperienze più naturali. Gli oggetti che si spostano sull'asse Z e non sono ancorati alla scena da un invito su schermo possono essere influenzati dalla gravità. Quando un oggetto interrompe la scena e prima che raggiunga la velocità di escape, la gravità si abbassa sull'oggetto, creando una curva più naturale della traiettoria dell'oggetto mentre si muove.

La gravità si manifesta in genere quando un oggetto deve passare da una scena a un'altra. Per questo motivo, l'animazione connessa usa il concetto di gravità.

In questo caso, un elemento nella riga superiore della griglia è influenzato dalla gravità, causando un calo leggermente mentre lascia la sua posizione e si sposta verso la parte anteriore.

Breve video che mostra un elemento rettangolo che lascia la riga superiore di una griglia, rilasciando leggermente e quindi facendo zoom verso la parte anteriore della finestra.