Il movimento è uno strumento potente che dovrebbe essere usato con parsimonia durante la guida. È appropriato solo quando può aiutare a informare i conducenti senza distrarli dalla strada.
Guida in sintesi (TL;DR):
- Evitare di distrarre gli utenti con movimenti non necessari
- Utilizzare il movimento per aumentare la comprensione degli utenti e sviluppare le loro competenze
- Rendi il tuo linguaggio di movimento sufficientemente flessibile per tutti gli hardware rilevanti
- Utilizza il modello di movimento consigliato per la tua situazione
Principi di movimento
Quando si progettano interfacce di movimento per Android for Cars, è necessario tenere a mente tre principi fondamentali: sicurezza, informazioni e flessibilità.
Sicuro
Guidare è l'attività principale dell'utente: tutto il resto è secondario. Considera l'attenzione dell'utente come una risorsa limitata ed evita di usare il movimento per creare distrazioni inutili.
Informativo
Utilizza il movimento per trasmettere informazioni utili agli utenti. Ad esempio, il movimento può migliorare la comprensione del prodotto da parte degli utenti, evidenziando le relazioni gerarchiche e spaziali tra gli elementi. Il movimento può anche contribuire a migliorare la competenza degli utenti nell'uso dell'interfaccia, indicando le interazioni disponibili.
Flessibile
Definire un linguaggio di movimento che sia sufficientemente scalabile e flessibile da adattarsi a schermi di tutte le dimensioni e forme, nonché a tutti i tipi di input dell'utente.
Modelli di movimento
Per supportare un'esperienza utente coerente in tutte le app, Android Automotive fornisce suggerimenti su specifici modelli di movimento da utilizzare nelle seguenti situazioni:
- Passaggio tra viste dello stesso livello
- Passaggio a una vista dettagliata
- Estensione di un'azione esistente
- Minimizzare ed espandere un'azione
- Interrompere un'azione
Tutti i pattern di movimento in questa sezione si basano sull'easing standard, come discusso nelle linee guida sull'easing di Material Design. In altre parole, i movimenti accelerano rapidamente e rallentano più gradualmente, per focalizzare l'attenzione sulla fine della transizione.
Passaggio tra viste dello stesso livello
Quando si passa da una visualizzazione all'altra allo stesso livello gerarchico di un'app, ad esempio tra le schede nella barra delle applicazioni o tra i brani di una playlist, è consigliabile utilizzare un movimento laterale. Il movimento orizzontale rafforza l'idea di rimanere allo stesso livello all'interno dell'app.
Esempio
Passaggio a una vista dettagliata
Quando si passa da una visualizzazione di livello superiore del contenuto a una visualizzazione dettagliata, utilizzare un movimento di profondità z che ingrandisca il livello inferiore e lo faccia apparire in dissolvenza mentre il livello superiore scompare. Questo movimento rafforza la relazione padre-figlio tra la visualizzazione di livello superiore e la visualizzazione dettagliata, concentrando l'attenzione su quest'ultima.
Esempio
Estensione di un'azione esistente
Quando un utente è impegnato in un'azione e ne esegue un'altra correlata, usa un movimento verticale (verso l'alto o verso il basso) per introdurre l'azione secondaria su una sovrapposizione a schermo intero, con uno sfondo trasparente, sopra l'azione principale. Essere in grado di vedere l'azione principale attraverso lo sfondo trasparente rafforza l'idea che l'utente stia ancora svolgendo quell'azione.
Per chiudere l'azione secondaria, utilizzare il movimento inverso. Il movimento inverso dovrebbe richiedere meno tempo del movimento originale, poiché l'utente ha completato l'azione secondaria ed è pronto per uscire.
