Principi di progettazione delle app

Un'app è una delle piattaforme principali su Wear OS. Le app sono diverse dalle complicazioni o dai riquadri, che sono rappresentazioni visibili a colpo d'occhio dei contenuti delle app. Le app mostrano più informazioni e supportano una maggiore interattività. L'utente accede spesso a un'app da un'altra piattaforma, come una notifica, una complicazione, un riquadro o un'azione vocale.

Princìpi

Durante la progettazione delle app, tieni presente i seguenti principi:

  • Mirate: concentrati sulle attività critiche per aiutare le persone a svolgere attività in pochi secondi.

  • Basati e lineari: evita di creare gerarchie più profonde di due livelli. Cerca di visualizzare i contenuti e la navigazione in linea, se possibile.

  • Scorrimento:le app possono scorrere. È un gesto naturale che consente agli utenti di vedere più contenuti sull'orologio.

Linee guida

Segui queste linee guida quando progetti le app.

Ottimizza per i layout verticali

Semplifica il design della tua app utilizzando i layout verticali, che consentono agli utenti di scorrere in un'unica direzione per spostarsi tra i contenuti.

Cosa fare

L'obiettivo di questa app è portare l'utente dal punto A al punto B.

Cosa non fare

Non utilizzare sia lo scorrimento verticale sia quello orizzontale, poiché ciò potrebbe confondere l'esperienza sull'app. Fanno eccezione alcuni casi d'uso specifici, tra cui la riproduzione di contenuti multimediali, che possono supportare lo scorrimento verticale e orizzontale.

Mostra l'ora

Gli utenti tendono a trascorrere più tempo sulle app, quindi è importante fornire accesso rapido all'ora.

Cosa fare

L'ora deve essere visualizzata nella parte superiore dell'app, in modo che l'utente possa visualizzarla in modo coerente.

Cosa non fare

Mostra l'ora in una finestra di dialogo, in una schermata di conferma o in un selettore, in quanto è probabile che gli utenti passino solo pochi secondi in quelle schermate.

Per ulteriori informazioni su progettazione e utilizzo, consulta Time text.

Punti di ingresso in linea accessibili

Assicurati che tutte le azioni siano visualizzate in linea, utilizzando icone ed etichette chiare per l'accessibilità. Sono inclusi i punti di contatto per le impostazioni e le preferenze.

Cosa fare

Se possibile, utilizza sia icone che etichette.

Cosa non fare

Fare affidamento esclusivamente sulle icone per invitare l'utente a eseguire un'azione.

Aumenta le azioni principali

Aiuta gli utenti a intraprendere un'azione nella tua app estraendo le azioni principali nella parte superiore dell'app. Sposta le azioni principali non ambigue nella parte superiore dell'app.

Utilizzare le etichette per orientare gli utenti

Per le app più lunghe, aiuta l'utente a orientare le sue etichette mentre scorre i contenuti.

Cosa fare

Utilizza interruzioni di sezione, etichette e altri elementi per organizzare i contenuti e orientare gli utenti mentre scorrono visualizzazioni più lunghe con contenuti misti.

Cosa non fare

Aggiungi un'etichetta per le app che includono un singolo tipo di contenuti.

Mostra barra di scorrimento

Mostra la barra di scorrimento se l'intera visualizzazione scorre, come mostrato nell'immagine seguente. Per ulteriori informazioni, consulta la sezione Indicatore di posizione.

Contenitori di contenuti

Vedi i seguenti esempi di contenitori di contenuti.

Figura 1. Contenitore di altezza fissa.
Figura 2. Contenitore di altezza variabile.
Figura 3. Contenitore con altezza e larghezza superiori all'area visibile.
Figura 4. Un container impaginato.
Figura 5a. Le pagine di contenuti che occupano l'intera dimensione dello schermo e sono impaginate in verticale.