Please note, this is a STATIC archive of website developer.mozilla.org from 03 Nov 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.

Basi di design

Prendi in considerazione l'idea di incorporare i seguenti principi nella tua app per ottimizzare l'esperienza utente. Tieni presente che la seguente è una selezione limitata, e non una raccolta esauriente, di principi del design stilata per aiutare i principianti.

Sii coerente

Utilizza il linguaggio in modo coerente. Fai riferimento a un'azione o a un elemento dell'app utilizzando sempre lo stesso termine, e utilizza ogni termine per una sola azione o elemento.

Disegna l'interfaccia utente (UI) in modo coerente. Per esempio, se collochi il pulsante Indietro nell'angolo in alto a sinistra in una schermata, nelle schermate successive all'interno della stessa app non dovrà apparire in basso a destra.

Utilizza gli elementi visivi con coerenza. Se due elementi appaiono uguali, dovranno comportarsi allo stesso modo. Se due elementi hanno due funzioni diverse dovranno essere diversi anche nell'aspetto.

Sii sintetico e utilizza un linguaggio appropriato

Il testo utilizzato deve esprimere le informazioni più importanti in modo conciso. La maggior parte degli utenti non legge tutto prima di decidere se continuare con un'operazione o abbandonarla.

Fornisci sempre all'utente suggerimenti e un feedback istantaneo.

Inserisci suggerimenti che rendano espliciti i passaggi corretti da seguire. Per esempio, se la prossima operazione consiste nell'aggiungere un elemento, indicala con un grosso pulsante "+".

Fai sempre in modo che l'app risponda immediatamente alle azioni dell'utente. Per esempio, se l'utente fa clic sul pulsante "Nuovo messaggio", conducilo direttamente alla schermata di scrittura del nuovo messaggio. Puoi anche dare un feedback tattile cambiando momentaneamente il colore del pulsante "Nuovo messaggio" per mostrare all'utente che l'app ha ricevuto il suo comando.

Se un'azione impiega più di qualche secondo per concludersi, fornisci un aggiornamento di stato. Per esempio, se l'app sta scaricando i nuovi messaggi, puoi mostrare il progresso del download grazie a un'icona di caricamento.

Riduci al minimo la digitazione

Utilizza selettori, caselle di spunta, pulsanti di opzioni ecc. ovunque sia possibile. Digitare un testo sui dispositivi portatili è spesso un procedimento lento e fastidioso.

Fai in modo che il primo avvio dell'app sia un'esperienza piacevole

Spesso l'utente impiega solo un paio di minuti a decidere se tenere un'app o abbandonarla. Alcuni dei fattori che potresti considerare:

  • una breve guida introduttiva (che possa essere chiusa con facilità in qualsiasi momento)
  • accesso immediato alle funzioni e ai suggerimenti
  • inserimenti da parte dell'utente ridotti al minimo
  • Il testo utilizzato deve esprimere le informazioni più importanti in modo conciso

Dove possibile, presenta le scelte in forma di azioni

Se un messaggio di avviso chiede "Eliminare tutti i contatti?", l'opzione dovrebbe essere espressa da un'azione come "Elimina" e non da "OK".

Inoltre cerca di evitare gli avvisi che si limitano a notificare una situazione. Invece fornisci agli utenti opzioni espresse in forma di azioni per gestire la situazione.

Concentra l'attenzione sull'operazione principale

Decidi qual è l'operazione principale di ogni schermata e colloca le azioni che la riguardano nelle posizioni più prominenti.

Sii pronto ad affrontare le interruzioni

Gli utenti possono utilizzare la tua app in ogni genere di luogo. Dove possibile, premunisci la tua app contro le interruzioni salvando automaticamente ciò che sta facendo l'utente. In linea di principio le informazioni e le operazioni dovrebbero funzionare normalmente anche senza una connessione a Internet.

Tag del documento e collaboratori

 Hanno collaborato alla realizzazione di questa pagina: sara_t
 Ultima modifica di: sara_t,