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