Livelli di qualità dei widget

I widget sono un componente fondamentale per personalizzare la schermata Home di un utente. Spesso possono aiutare gli utenti a completare un percorso utente fondamentale per un'app con un solo tocco o fornire un riepilogo rapido dei dati più importanti di un'app. Possono anche essere personalizzati in base alle esigenze dell'utente e alle preferenze individuali.

La qualità di un widget può influire sul coinvolgimento degli utenti con i contenuti e le funzionalità della tua app. Ci sono tre livelli principali di qualità dei widget:

• Livello 3: bassa qualità: non soddisfano la barra di qualità minima e non forniscono un'esperienza utente ottimale.
• Livello 2: standard di qualità - è utile, utilizzabile e offre un'esperienza di qualità.
• Livello 1: differenziati: sono widget esemplari che offrono esperienze hero personalizzate e aiutano gli utenti a creare home page uniche e produttive.

Livello 3: bassa qualità

Un widget è considerato di bassa qualità se non soddisfa i criteri standard relativi a layout, colore, scoperta e contenuti. Per ulteriori informazioni su come creare un widget di alta qualità e in linea con le best practice, consulta le seguenti linee guida.

Livello 2 - Standard di qualità

Per essere considerato di buona qualità, il widget soddisfa tutti i seguenti criteri di layout, colore, scoperta e contenuto:

Layout

• Il widget deve compilare i limiti impostati dalla griglia del programma di avvio quando viene inserito nella schermata Home. Il widget può essere ridimensionato almeno a una delle seguenti dimensioni : 2 x 2, 4 x 2 (celle della griglia del programma di avvio). Per ulteriori informazioni, consulta Linee guida per le dimensioni.
  • Il widget deve essere allineato correttamente agli altri elementi della schermata Home sull'asse verticale o orizzontale e non deve occupare spazio non necessario.
  • Il widget deve toccare almeno due bordi opposti della griglia. In altre parole, i widget non devono essere rettangolari. Possono avere forme personalizzate, a condizione che i bordi della forma tocchino almeno due bordi della griglia.
• Se sono ridimensionabili, i widget devono avere una dimensione minima o massima appropriata, che può essere impostata con minWidth, minHeight, maxResizeWidth e maxResizeHeight nel file AppWidgetProviderInfo XML
  • La dimensione massima deve essere impostata se la modifica delle dimensioni del widget aggiunge solo spazio vuoto.
  • La dimensione minima deve essere impostata in base a quella minima che il widget continua a offrire valore e soddisfa i requisiti del touch target (48 x 48).

Colore

• I pulsanti di testo e icona dei widget devono avere rapporti di contrasto sufficienti per soddisfare i requisiti di accessibilità (sono escluse miniature e immagini).

Scoperta

• Il widget deve avere anteprime accurate nel selettore dei widget. Può essere impostato con previewImage e previewLayout nel XML AppWidgetProviderInfo o con Anteprime generate.

  • L'anteprima del widget ha un aspetto coerente con le funzionalità offerte una volta aggiunta alla schermata Home.

Contenuti

• I contenuti del widget non devono essere costantemente obsoleti o non aggiornati.
  • Il widget deve aggiornarsi dopo che l'utente ha completato un'azione dal widget.
  • Il widget deve aggiornarsi dopo che l'utente ha completato un'azione correlata dall'interno dell'app
• Il widget deve consentire agli utenti di aggiornare manualmente i contenuti, se si prevede che i dati vengano aggiornati più spesso rispetto alla UI.
• L'UI del widget deve essere funzionante o i contenuti vengono ritagliati.
• Gli stati zero e vuoti del widget devono essere intenzionali e devono mostrare il valore del widget o fornire un invito all'azione quando il widget è installato, ma l'utente non ha ancora eseguito l'accesso.

Livello 1 - Differenziato

I migliori widget soddisfano tutti i criteri di livello 2 e tutti i seguenti criteri di layout, colore, individuazione e coerenza del sistema.

Layout

• Il widget riempie i limiti e si allinea correttamente agli altri elementi della schermata Home sull'asse verticale o orizzontale e non occupa spazio non necessario.
  • Tutte le forme DEVONO toccare tutti e quattro i bordi dei limiti della griglia

• Il widget supporta una dimensione preferita

  • Il widget può essere ridimensionato in almeno una delle seguenti dimensioni : 2 x 2, 4 x 2

• L'intestazione del widget viene utilizzata e applicata in modo coerente

  • Consigliamo di utilizzare l'intestazione se:
    • Vuoi fornire link diretti ad alcune funzioni dell'app, come la ricerca.
    • Vuoi applicare un'icona del branding dell'app che funge anche da link coerente all'app al tocco.
    • Il widget contiene contenuti scorrevoli (elenco, griglia e così via)
    • I contenuti dell'intestazione forniscono un contesto utile (nome dell'elenco di cose da fare)
  • L'intestazione è facoltativa quando:
    • Il widget è un'immagine al vivo (Foto)
    • Lo spazio è limitato (altezza inferiore a 2 righe)
    • Quando i contenuti dell'intestazione sono ridondanti.
  • Se utilizzi un'intestazione, rispetta le nostre specifiche:
    • Icona, Titolo, Azioni.
      • L'icona è sempre presente
      • Il titolo viene visualizzato quando lo spazio è sufficiente
      • Azioni basate sul contesto del widget.
    • Altezza 48 dp, spaziatura interna 14 dp

Colore

• Il widget supporta la tavolozza dei colori in base ai temi di sistema, al colore dei contenuti o al colore del brand.
  • Il widget supporta le tavolozze delle modalità Luce e Buio.
  • Il colore dinamico è un esempio di tema basato sul contesto del dispositivo.
  • L'estrazione locale del colore è un esempio di tematizzazione basata sui contenuti dell'app.
  • Il colore semantico è un esempio di tema basato sui contenuti dell'app.

Scoperta

• L'anteprima include i contenuti degli utenti o applica il tema di sistema (API Generated Previews o previewLayout nel file AppWidgetProviderInfo XML).

• Il widget ha un nome o una descrizione che aiuta gli utenti a comprendere il valore del widget.
  • Il nome deve contenere meno di 50 caratteri.
  • Il nome e la descrizione sono univoci all'interno dell'app. Ad esempio, l'app non può avere più widget con lo stesso nome.

Coerenza del sistema

• I widget rettangolari devono utilizzare il raggio di curvatura degli angoli fornito dal sistema (specifico dell'OEM)

• Mostra uno stato di caricamento con un indicatore di avanzamento (all'interno di un initialLayout con colore a tema o equivalente del brand).

• Utilizza la configurazione del sistema anziché un punto di contatto delle impostazioni del widget personalizzato
• Utilizza la transizione di avvio del sistema quando si passa dall'app al widget e viceversa

Ricorda i suggerimenti offerti in questa guida durante la creazione del widget. Vuoi offrire la migliore qualità e un'esperienza utente eccezionale. È possibile ottenere molti livelli di qualità con i layout canonici. Per saperne di più sulle barre di qualità, i designer possono consultare i Modelli di widget Android, mentre gli sviluppatori possono consultare gli Esempi di codice di layout nei nostri Samples della piattaforma e la Guida per gli sviluppatori sui layout.