Indipendentemente dal tipo di app che stai creando, che hai creato o che hai intenzione di creare, gli errori di progettazione possono essere letali quando si tratta di adozione e utilizzo. Gli utenti vogliono scaricare app che sono divertenti, funzionali e offrono valore durante molteplici utilizzi. Gli utenti vogliono anche app esteticamente gradevoli e che non richiedono un grande sforzo per interagire.
Il problema per i progettisti è che a volte siamo così vicini a un progetto che mancano errori evidenti nel design e nell'usabilità perché sappiamo come funziona. Oggi ti aiuteremo a creare una lista di errori mentali da cercare ed evitare nella progettazione delle app.
(Nota: tutti i progetti inclusi provengono da app che stanno facendo bene, quindi ottieni una buona dose di ispirazione visiva).
1. Cattiva prima impressione
Una buona app inizia con una buona prima impressione. Dovrebbe essere ovvio, ma se gli utenti vengono disattivati dalla pagina di download o dall'impressione iniziale quando aprono l'app, è probabile che non interagiscano con esso. È fondamentale fare un'ottima prima impressione.
La schermata iniziale dovrebbe caricarsi rapidamente e fornire un'azione semplice e comprensibile per gli utenti. Dì loro cosa sono qui per fare. Ricorda loro il motivo per cui hanno scaricato l'app in primo luogo.
Le azioni necessarie dovrebbero essere facili da trovare ed eseguire e dovrebbero tutte vivere in un contenitore ordinato e ordinato che rifletta lo stile visivo del tuo marchio e il resto del contenuto dell'app.
2. Nessuna indicazione attuabile
Che cosa ha fatto la tua app per fare? Come lo comunichi agli utenti?
Il design dovrebbe includere molti spunti visivi che aiutano gli utenti a capire esattamente quali azioni intraprendere, dove toccare lo schermo e cosa accadrà. Quando si tratta di visualizzare queste informazioni, tornare alla teoria del design per le basi:
- Colore: i colori brillanti attirano l'attenzione e sono una buona opzione per elementi intercettabili.
- Spazio: lascia ampio spazio attorno agli elementi chiave in modo che siano facili da trovare e toccare.
- Tipografia: utilizza font semplici e puliti, spesso con larghezze di tratto uniformi, in una dimensione appropriata per lo schermo. Ogni istruzione dovrebbe essere chiaramente leggibile.
- Indica agli utenti dove si trovano o mostra il loro stato attuale. (Esempio: modifiche al colore dello stato al passaggio del mouse.)
- Rispondere quando viene eseguita un'azione (questo include successo e fallimento). (Esempio: notifica di successo quando viene inviato un modulo.)
- Dì agli utenti cosa sta succedendo o cosa dovrebbe accadere dopo. (Esempio: frecce di navigazione o rotellina di avanzamento caricamento.)
3. Design disordinato
Il più grande difetto in molte app è il disordine. È come se il progettista stesse cercando di ottenere ogni singola parte del design dell'app, che si tratti di un gioco o di uno strumento o di un feed di notizie, su un unico schermo.
Dimenticalo!
Le app sono progettate per funzionare su schermi piccoli. Cercare di fare troppe cose contemporaneamente è travolgente per gli utenti.
Pensa a ciascuno? Schermo? come un singolo contenitore per un singolo elemento. Quando si passa alla schermata successiva, è possibile visualizzare un nuovo bit di informazioni. Gli utenti scorreranno e scorreranno se il contenuto è coinvolgente. E sono ancora più propensi a farlo se il design è pulito e facilmente accessibile.
4. Gli elementi di tocco sono troppo piccoli (o troppo vicini)
Attenzione alle dita grasse. Elementi troppo ravvicinati o troppo piccoli da toccare senza zoom sono un problema per gli utenti.
Assicurati che ci sia molto spazio intorno a ciascun elemento per aiutare a eliminare i clic involontari. Non esiste una formula magica per questo spazio, ma quando è sbagliato lo saprai. (Sbircia la tua analisi).
Ecco come ho creato la mia scala. Ho preso in prestito un amico con mani grandi. Disegna un cerchio attorno all'indice e questa è la mia linea guida. Il pulsante non deve essere quella dimensione, ma l'area toccabile dovrebbe essere. E niente dovrebbe essere più vicino.
Per questo motivo, le carte e gli elementi del contenitore per fare clic sulle azioni sono carini. Ciò significa che, ovunque tu tocchi un'area in relazione al contenuto, tutti portano l'utente nella stessa posizione. (È design amichevole e facile da usare.)
5. Icone o azioni non standard
Non c'è motivo di ricreare l'iconografia per i tuoi progetti. Il link di Facebook dovrebbe essere un? F? all'interno di un pulsante; Twitter dovrebbe essere rappresentato da un uccello. Perché? Perché ogni utente sa esattamente cosa sono questi elementi e cosa fanno. Allora, perché dovresti cambiarlo?
Incorporare iconografia standard e spunti utilizzabili nel design. Ti farà risparmiare tempo e ti aiuterà a prevenire la frustrazione degli utenti.
6. Progettare le incoerenze
Tutto all'interno di una singola app dovrebbe apparire e funzionare allo stesso modo. Mentre un utente naviga più in profondità nell'interfaccia, dovrebbe iniziare a prevedere ciò che verrà e come funziona.
Man mano che imparano l'app, deve soddisfare tali aspettative esteticamente e operativamente. Ciò include tutto, dalle scelte di colore e tipo agli strumenti utente e al loro funzionamento.
7. Loop di feedback incompleti
Ogni interazione dovrebbe essere soddisfatta con una reazione uguale e contraria. (È una delle leggi della fisica digitale, giusto?)
Il feedback dà all'utilizzatore il senso del controllo con l'interazione con un'app e fornisce preziose informazioni sul coinvolgimento degli utenti. Il feedback aiuta anche gli utenti a prendere decisioni e rende l'interfaccia facile.
Il ciclo di feedback dovrebbe:
8. Non sincronizzato con la piattaforma
Sei un utente iPhone o Android? Fai questa domanda in una stanza affollata e riceverai molte risposte appassionate. Ricorda questo quando progetti e rilasci un'app.
Dovrebbe essere in sincronia con l'estetica della piattaforma in cui viene scaricato. Potrebbe anche includere due versioni leggermente diverse dell'app.
Le linee guida Android e iOS ti aiuteranno a farlo abbastanza facilmente. Ma devi prendere in considerazione l'intera interfaccia. Pensa a quell'icona di app solitaria skeuomorphic sulla schermata iniziale del tuo iPhone che chiede di essere cancellata.Dì quello che vuoi sul nuovo logo Instagram, ad esempio, ma in realtà corrisponde ora all'interfaccia.
9. L'interfaccia è troppo complicata
È un problema comune con le app di gioco: sono troppo complicate. Quando lo capisci, non vuoi più giocare.
L'interfaccia dovrebbe essere semplice. Dovrebbe essere scansionabile. Dovrebbe essere facile da capire e funzionare senza un manuale del proprietario.
Qualcos'altro è semplicemente troppo complicato.
Per la maggior parte degli utenti, l'app viene scaricata per risolvere un problema. Ogni app è una soluzione. (Non usi la stessa app come sveglia e per giocare, vero?) Ricorda che quando sei in fase di progettazione. Qual è il problema che stai cercando di risolvere? Risolvilo e vai avanti.
10. Dimenticare di impostare i valori predefiniti
I valori predefiniti nei moduli e negli elementi interattivi possono essere di grande aiuto per gli utenti. Considerali come una soluzione visiva su piccola scala. I valori predefiniti possono includere qualsiasi cosa, da una preferenza pre-marcata (scelta più comune o un'opzione nulla) in elenchi e caselle di controllo, testo di istruzioni nei campi di immissione o qualsiasi altro esempio che illustra cosa dovrebbe accadere.
I valori predefiniti sono utili perché possono rendere le cose più facili all'utente mostrando loro come utilizzare l'app, fornendo un'opzione per gli utenti che sono incerti (come nel caso di un valore null) e accelerando l'intera interazione.
I valori predefiniti sono anche un buon feedback per te, in particolare per i moduli, perché aiutano a ridurre il numero di errori e con un valore? Null? opzione, si sa immediatamente che l'utente non ha effettuato una selezione.
Conclusione
Ora è il momento di mettere in pratica la tua grande idea di app. Puoi utilizzare questo post come elenco di controllo o promemoria per aiutarti a seguire il processo di controllo della qualità per assicurarti che la tua app sia buona quanto visivamente e in termini di usabilità. In bocca al lupo!
Quali errori killer noti in app o siti web? Mi piacerebbe sentirti parlare di cose che ti fanno impazzire. Parliamo su Twitter.