Android - Pattern dell'interfaccia utente

In questo capitolo esamineremo i diversi modelli di interfaccia utente disponibili da Android per progettare app che si comportino in modo coerente e prevedibile.

Componenti dei modelli dell'interfaccia utente

Una buona applicazione Android dovrebbe seguire i seguenti modelli di interfaccia utente:

  • Barra dell'azione
  • Conferma e riconoscimento
  • Settings
  • Help
  • Selection

Ora discuteremo in dettaglio i suddetti modelli di interfaccia utente.

Barra dell'azione

La barra delle azioni è una barra dedicata nella parte superiore di ogni schermata che è generalmente persistente in tutta l'app. Ti fornisce diverse funzioni chiave che sono le seguenti:

  • Rende le azioni importanti visibili e accessibili
  • Supporta la navigazione coerente e il cambio di visualizzazione all'interno delle app
  • Riduce il disordine fornendo un overflow delle azioni per le azioni usate raramente
  • Fornisce uno spazio dedicato per dare un'identità alla tua app

Componenti della barra delle azioni

La barra delle azioni ha quattro componenti principali che possono essere visualizzati nell'immagine seguente.

Il nome e la funzionalità di questi componenti sono discussi di seguito:

Suor n Componenti della barra delle azioni
1

App Icon

L'icona dell'app stabilisce l'identità della tua app. Se lo desideri, può essere sostituito con un logo o un marchio diverso.

2

View control

Se la tua app mostra i dati in visualizzazioni diverse, questo segmento della barra delle azioni consente agli utenti di cambiare visualizzazione.

3

Action buttons

Mostra le azioni più importanti della tua app nella sezione azioni.

4

Action overflow

Sposta le azioni utilizzate meno spesso nell'overflow delle azioni.

Conferma e riconoscimento

Quando un utente richiama un'azione sull'interfaccia utente della tua app, è buona norma confirm o acknowledge quell'azione tramite un brindisi o una finestra di dialogo.

C'è una differenza tra Confermare e Riconoscere.

Confermando

Quando chiediamo all'utente di verificare che voglia veramente procedere con un'azione che ha appena invocato, si parla di conferma. Come puoi vedere nell'immagine seguente -

Riconoscendo

Quando mostriamo un avviso popup per far sapere all'utente che l'azione che ha appena richiamato è stata completata, questo viene chiamato riconoscimento, come puoi vedere nell'immagine seguente

impostazioni

La posizione nella tua app in cui gli utenti possono indicare le loro preferenze su come dovrebbe comportarsi la tua app è chiamata Impostazioni. L'uso delle impostazioni può avvantaggiare gli utenti della tua app nei seguenti modi:

  • Settings aiutare l'utente a predeterminare ciò che accadrà in determinate situazioni

  • Uso di settings nella tua app aiuta gli utenti a sentirsi in controllo

Posizionamento delle impostazioni

È preferibile dagli sviluppatori Android rendere sempre l'opzione "impostazioni" parte dell'overflow dell'azione menzionato sopra. Poiché gli utenti non utilizzano spesso questa opzione, è prassi comune posizionarla sotto tutti gli altri elementi tranne "Guida". Come puoi vedere nella seguente immagine -

Aiuto

Alcuni utenti della tua app potrebbero incontrare qualche difficoltà durante l'utilizzo della tua app e cercheranno alcune risposte e le vorranno all'interno dell'app. Quindi fai sempre "aiuto" parte della tua app.

Posizionamento dell'aiuto

Come "Impostazioni", il design standard di inserire l'opzione "Aiuto" è in action overflow. Rendilo sempre l'ultimo elemento nel menu e etichettalo sempre "Aiuto". Anche se la schermata della tua app non ha altri elementi di overflow delle azioni, dovrebbe essere visualizzata la "Guida". Come puoi vedere nella seguente immagine -

Selezione

La versione Android 3.0 ha modificato il gesto di pressione prolungata in gesto globale per selezionare i dati. Il gesto di pressione lunga viene ora utilizzato per selezionare i dati, combinando azioni contestuali e funzioni di gestione della selezione per i dati selezionati in un nuovo elemento chiamatocontextual action bar (CAB).

Utilizzo della barra delle azioni contestuali (CAB)

La selezione CAB è una barra delle azioni temporanea che si sovrappone alla barra delle azioni corrente della tua app mentre i dati sono selezionati. Appare dopo che l'utente ha premuto a lungo su un elemento di dati selezionabile. Come puoi vedere nella seguente immagine -

Dalla barra CAB l'utente può eseguire le seguenti azioni:

  • Seleziona elementi di dati aggiuntivi toccandoli
  • Attiva un'azione dal CAB che si applica a tutti gli elementi di dati evidenziati
  • Chiudere il CAB tramite il pulsante Indietro della barra di navigazione o il pulsante con il segno di spunta del CAB