Linee guida per la progettazione dei riquadri

I riquadri sono una delle piattaforme più accessibili su Wear OS.

I riquadri danno accesso rapido alle informazioni e alle azioni di cui gli utenti hanno bisogno per portare a termine le attività. Scorri dal quadrante per vedere i progressi verso i propri obiettivi di fitness, controllare il meteo e molto altro. Avvia un'app o svolgi rapidamente attività essenziali dalle schede.

Gli utenti possono scegliere quali riquadri visualizzare sull'orologio. Wear OS consente agli utenti di gestire i propri riquadri sia sull'orologio sia dall'app complementare.

Principi dell'esperienza utente

La tabella seguente descrive i principi dell'UX di Tile.

Immediata

Prevedibile

Pertinente

I riquadri sono progettati per aiutare gli utenti a completare rapidamente le attività più frequenti. Mostra contenuti critici con una gerarchia di informazioni chiara, in modo che i contenuti siano facili da comprendere. I contenuti all'interno di ogni riquadro devono sempre essere incentrati su un'attività dell'utente. Ciò consente agli utenti di prevedere quali informazioni potranno vedere nel riquadro e migliora il richiamo. Gli utenti portano i loro smartwatch ovunque vadano. Considera come i contenuti del riquadro sono pertinenti al contesto dell'utente.

Linee guida

Tieni a mente le seguenti linee guida durante la creazione dei riquadri.

Concentrati su una singola attività

Concentrare ogni riquadro su una singola attività, come avviare esecuzione.
Supporta troppe attività diverse in un unico riquadro.

Crea riquadri separati per ogni attività

Se la tua app supporta più attività, valuta la possibilità di creare più riquadri per ogni attività supportata. Ad esempio, un'app per l'attività fisica può avere sia un riquadro Obiettivi sia un riquadro Attività di allenamento.

Riquadri

Mostra rappresentazioni facilmente visibili di grafici

Mostra rappresentazioni rapide e visibili di informazioni numeriche o statistiche e consenti all'utente di toccare per vedere di più in un'app, se necessario.
Mostra informazioni numeriche o statistiche dettagliate nel riquadro.

Indicare gli aggiornamenti dei dati più recenti

Assicurati che l'utente sia consapevole di come sono visualizzati i dati recenti sullo smartwatch. Mostra i dati memorizzati nella cache con un'indicazione della data dell'ultimo aggiornamento, se pertinente per l'utente.

Riquadri

Utilizzare una frequenza di aggiornamento dei dati appropriata

Scegli una frequenza di aggiornamento appropriata per i tuoi riquadri, tenendo conto dell'impatto sulla durata della batteria del dispositivo. Se usi origini dati della piattaforma come frequenza cardiaca e numero di passi, Wear OS controlla la frequenza di aggiornamento al posto tuo.

Stati vuoti

I riquadri hanno due tipi di stati vuoti. Per entrambi, ti consigliamo di utilizzare PrimaryLayout.

Errori o autorizzazione

Comunica all'utente che deve aggiornare le impostazioni o le preferenze dal riquadro.

Accedi

Fornisci un chiaro invito all'azione in un riquadro di accesso.

Esempi di finestre di dialogo

Utilizza gli stati delle finestre di dialogo per errori, autorizzazioni e impostazioni.

Riquadri

Mostra attività in corso

Quando un'app esegue un'attività a lunga durata, ad esempio monitorare un allenamento o riprodurre musica, dovrebbe mostrare lo stato di avanzamento dell'attività in corso in uno o più riquadri.

Se la tua app supporta anche i riquadri che consentono agli utenti di avviare queste attività, procedi nel seguente modo per ridurre al minimo la confusione:

  • Indica che è già in corso un'attività in corso.
  • Se l'utente tocca un riquadro di questo tipo, avvia l'app e mostra l'attività in corso. Non avviare una nuova istanza di un'attività in corso.

Riquadri

Requisiti

Dati principali
I contenuti principali che descrivono l'attività.

Etichetta
Mostra lo stato dell'attività.

Movimento nei riquadri

Quando aggiungi animazioni ai riquadri, tieni presente i seguenti principi:

Aiutare gli utenti a comprendere i cambiamenti

Evidenzia se stai aggiornando le informazioni su un riquadro, ad esempio l'avanzamento in un grafico del conteggio dei passi.
Inaspettatamente si passa da un valore all'altro.

Anteprime

Aggiungi un'anteprima dei riquadri per aiutare l'utente a vedere quali contenuti vengono visualizzati in Gestione riquadri sull'orologio e sul telefono. Ogni riquadro può avere un'immagine di anteprima rappresentativa. L'immagine deve soddisfare i seguenti requisiti.

Requisiti

  • Esporta asset a 400 x 400 px.
  • Fornisci un'immagine di anteprima circolare.
  • Utilizza uno sfondo nero a tinta unita.
  • Salva come PNG o JPEG.
  • Aggiungi asset localizzati per le lingue più usate della tua app.
Anteprima riquadro visualizzata in Gestione riquadri su uno smartwatch. Anteprima dei riquadri visualizzata in Gestione riquadri su uno smartphone.
Mostra un'anteprima in cui il riquadro viene completato con i contenuti.
Mostra uno stato vuoto, mostra l'icona del riquadro nell'interfaccia utente di impaginazione o posiziona un tratto intorno al riquadro.

Layout di esempio

Di seguito sono riportati alcuni casi d'uso comuni dei riquadri, utilizzando le nostre best practice per la progettazione. Per ulteriori informazioni, consulta la sezione Riquadri.

Monitoraggio obiettivi

Inizia allenamento

Inizia allenamento

Inizia allenamento

Riepilogo dell'esercizio

Avviare il timer

Battito cardiaco attuale

Battito cardiaco

Prossima sveglia

Meditare

Meditare

Notizie

Meteo

Evento successivo

Social media

Riprodurre contenuti multimediali