I widget sono un componente fondamentale per la personalizzazione della schermata Home di un utente. Spesso, gli utenti possono completare un Critical User Journey per un'app con un solo tocco utilizzando i widget o ricevere un breve riepilogo degli aggiornamenti importanti. Gli utenti possono anche personalizzare i widget in base alle proprie preferenze.
Elenchi di controllo per la compatibilità dei widget
La qualità del widget influisce sul coinvolgimento degli utenti con i contenuti e le funzionalità della tua app. Gli elenchi di controllo per la compatibilità definiscono i criteri per aiutarti a valutare la qualità del tuo widget. I livelli includono:
TIER 3 - Low quality
Questi widget non soddisfano i requisiti minimi di qualità e offrono un'esperienza utente scadente. Un widget è considerato di bassa qualità se non è conforme agli standard di layout, colore, rilevamento e contenuti.
TIER 2 - Standard
Questi widget sono utili, utilizzabili e offrono un'esperienza di qualità.Per essere considerato standard, il widget deve soddisfare tutti i seguenti criteri di layout, colore, rilevamento e contenuti.
LIVELLO 1 - Differenziato
Questi sono widget esemplari che offrono esperienze hero personalizzate e che aiutano gli utenti a creare schermate Home uniche e produttive.
LIVELLO 3
Caratteristiche dei widget di bassa qualità
Se il tuo widget può essere descritto da uno dei seguenti elementi, è considerato di bassa qualità:
| Categoria | ID | Descrizione |
|---|---|---|
| Layout | WL-1 | Quando un utente posiziona il widget sulla superficie host, il widget non riempie i limiti della griglia host. |
| WL-1.1 | Il widget non tocca almeno due bordi opposti della griglia. In altre parole, i widget non devono essere tutti rettangolari, ma possono avere forme personalizzate, purché i bordi della forma tocchino almeno 2 bordi della griglia. |
|
| Colore | WC-3 | I pulsanti di testo e con icona del widget hanno rapporti di contrasto dei colori insufficienti per soddisfare i requisiti di accessibilità. |
| Discovery | WD-4.2 | Il nome del widget non è incluso nel design del widget. |
| WD-4.3 | Il widget non ha un'immagine di anteprima. |
|
| Contenuti | WT-3 | I contenuti del widget sono costantemente obsoleti o non aggiornati. |
| WT-3.1 | Il widget non si aggiorna dopo che l'utente ha completato un'azione dal widget. |
|
| WT-3.2 | Il widget non si aggiorna dopo che l'utente ha completato un'azione correlata dall'app. |
|
| WT-4 | La UI del widget non è funzionale o i contenuti sono ritagliati. |
LIVELLO 2
Requisiti dei widget standard
I widget che soddisfano questo standard di qualità di base sono considerati standard, ma non sono considerati widget in vetrina che verranno mostrati o consigliati.
| Categoria | ID | Descrizione |
|---|---|---|
| Layout | WL-1 | Il widget si allinea con altri elementi host sull'asse verticale o orizzontale e non occupa spazio aggiuntivo. |
| WL-1.2 | Tutte le forme devono toccare almeno due bordi opposti dei limiti della griglia. |
|
| WL-4 | Se un widget è ridimensionabile, definisci una dimensione minima e massima. Riorganizza il layout per mostrare più contenuti man mano che il widget si espande. Non ridimensionare testo e icone in modo lineare. |
|
| WL-4.1 | Se una dimensione del widget più grande aggiunge solo spazio vuoto, imposta una larghezza o un'altezza massima. Quando un widget più grande mostra più contenuti, ad esempio un elenco a scorrimento più alto, consenti il ridimensionamento senza limitazioni. |
|
| WL-4.2 | Le dimensioni minime del widget devono essere sufficientemente grandi da mostrare un caso d'uso chiaro e soddisfare il requisito del touch target di 48 x 48 dp. Il sistema può scalare i touch target per gli schermi di computer o auto. |
|
| Discovery | WD-4 | Il widget deve avere anteprime accurate nel selettore di widget (asset statico). |
| Contenuti | WT-1 | Gli stati vuoti e con valore zero devono essere scalati in base ai limiti più ampi del widget senza aree sparse. Quando un utente installa il widget prima di accedere, il widget deve mostrare un caso d'uso distinto o un invito all'azione. |
| WT-2 | Il widget consente agli utenti di aggiornare manualmente i contenuti se si prevede che i dati vengano aggiornati più di frequente rispetto alla UI. |
Cosa fare
Cosa non fare
Cosa fare
Cosa non fare
LIVELLO 1
Requisiti dei widget differenziati
Questi widget supportano personalizzazioni premium della schermata Home e verranno consigliati agli utenti e presentati agli sviluppatori come best practice. I widget differenziati offrono esperienze di punta e vengono sfruttati da Android per ispirare e rinvigorire l'ecosistema. Soddisfano tutti i criteri relativi a layout, colore, scoperta e contenuti differenziati.
| Categoria | ID | Descrizione |
|---|---|---|
| Layout | WL-1 | Il widget si allinea con altri elementi host sull'asse verticale o orizzontale e non occupa spazio aggiuntivo. |
| WL-1.1 | Tutti i widget rettangolari DEVONO toccare tutti e quattro i bordi della griglia. Tutti i widget con forme personalizzate DEVONO toccare tutti e 4 i bordi dei limiti di una griglia quadrata. Se le dimensioni sono 4 x 1 e il widget contiene una barra di ricerca, è consentito toccare solo due bordi. |
|
| WL-2 | Gli utenti possono ridimensionare il widget a 2x1 e ad almeno due di queste dimensioni: 1x1, 2x2, 4x2, 4x4. |
|
| WL-3 | L'intestazione del widget viene utilizzata e applicata in modo coerente.
|
|
| WL-5 | I widget di raccolta e feed supportano i contenitori a scorrimento verticale. In dimensioni più grandi, come 4x2 e 4x4, questi widget mostrano più elementi e più dettagli per elemento. |
|
| Colore | WC-1 | Il widget supporta i temi cromatici in base al contesto del dispositivo o dell'app. |
| WC-2 | Il widget supporta le tavolozze dei temi chiaro e scuro. |
|
| Discovery | WD-1 | L'anteprima mostra le proporzioni del layout per il fattore di forma di destinazione e include i contenuti dell'utente, applica un tema di sistema o entrambi. |
| WD-4.4 | Il widget ha una descrizione che aiuta gli utenti a comprenderne il valore. |
|
| WD-4.5 | Il nome del widget è descrittivo e univoco rispetto agli altri widget dell'app. |
|
| Coerenza del sistema | WS-2 | I widget rettangolari devono utilizzare il raggio dell'angolo fornito dal sistema (specifico dell'OEM). |
| WS-3 | Il widget utilizza la specifica dello stato di caricamento e mostra gli errori direttamente nella UI del widget. |
|
| WS-4 | Il widget utilizza la configurazione di sistema anziché un punto di accesso alle impostazioni del widget personalizzato. |
|
| WS-5 | Il widget utilizza la transizione di avvio del sistema quando si entra/esce dall'app dal widget. |
Cosa fare
Cosa non fare
Cosa fare
Cosa non fare
Cosa fare
Cosa non fare
Cosa fare
