12 errori UX/UI da non commettere nella progettazione di app

Testo troppo piccolo per essere letto.

Piccolo contenuto di caratteri di colore chiaro su uno sfondo bianco.

Gli utenti non sono in grado di vedere le funzionalità cruciali posizionate comodamente da qualche parte nell’interfaccia utente.

Questi sono alcuni dei problemi comuni con il design UX/UI nelle app e fare molti errori come questi ti costerebbe caro. Durante la pianificazione di un progetto software, è imperativo identificare tali errori abbastanza presto nella fase di progettazione perché l’obiettivo è creare un’interfaccia intuitiva e veloce che fornisca un’esperienza utente senza soluzione di continuità.

Ecco alcuni errori mortali che possono significare il destino dell’app e come puoi eventualmente evitarli.

1 Deviare dalle aspettative degli utenti

È interessante notare che gli utenti hanno delle aspettative quando si tratta di utilizzare quei widget GUI di base (pulsanti di opzione, caselle di controllo, barre di scorrimento, collegamenti/pulsanti di comando, ecc.) Provare un cambiamento rivoluzionario su quei pulsanti potrebbe non essere ben accolto.

Considera questo semplice esempio: hai ascoltato le notizie della BBC per tutta la vita. Improvvisamente, qualcuno nella tua famiglia decide invece di ascoltare la CNN, e provi la sensazione di “pesce fuor d’acqua”. Questo è esattamente ciò che sentiranno anche gli utenti quando apporterai pesanti modifiche ai widget della GUI.

La maggior parte dei popolari widget della GUI sono stati perfezionati e sperimentati, per anni e anni, e c’è un motivo per cui agli utenti piacciono. Non è facile cambiare quella sensazione di agio e comfort durante la notte. Questo perché gli utenti devono esercitare una notevole energia e capacità intellettuali per fare qualcosa di nuovo; e potrebbero non essere ricettivi su questo.

Quindi, non apportare modifiche drastiche all’aspetto dei widget della GUI della tua app. I tuoi utenti preferiscono avere una navigazione senza problemi attraverso l’app, quindi è meglio se mantieni l’aspetto originale della GUI.

2 Non sapere di cosa ha realmente bisogno l’utente

Quando le aziende non riescono a realizzare le effettive esigenze dell’utente e escogitano qualcosa che non soddisfa le loro esigenze, si verifica un grosso errore. In questi casi, non puoi aumentare le vendite e la tua app fallisce.

È importante ricercare e ottenere informazioni approfondite sugli interessi degli utenti prima di decidere le funzionalità da incorporare. Per questo, fai un’approfondita ricerca sugli utenti e di mercato.

Comprendi cosa si aspettano i tuoi utenti target dal design della tua app: tempo di risposta istantaneo, navigazione fluida tra i controlli, facile leggibilità e così via: in breve, un’esperienza utente intuitiva.

Inoltre, fai un’analisi critica dei tuoi concorrenti: conosci il fattore di usabilità delle loro app; quali sono tutte le funzionalità che includono nelle loro app, quanto sono interattive le loro interfacce utente, ecc.

E attenzione agli sviluppatori per la prima volta: non sovraccaricare troppe funzionalità nell’app. Lo scopo principale di un’app è semplificare le attività dei tuoi utenti.

Quindi sarebbe consigliabile non esagerare con le funzionalità in quanto ciò porterebbe a una raffica di attività che la trasformerebbe istantaneamente in un’app mediocre. Un numero inferiore di funzionalità (quelle principali, ovviamente) farebbe il trucco.

3 obiettivi tattili scadenti

Gli utenti sono dotati di dita di dimensioni diverse. Quindi il tocco deve essere configurato per soddisfare le dita di tutte le persone nel segmento target. La larghezza media di un dito indice adulto va da 1,6 a 2 cm. Quindi, tienilo a mente durante la progettazione di applicazioni mobili basate sul tocco.

Se gli utenti trovano difficile toccare e attivare le funzionalità dell’app, potrebbero abbandonare del tutto l’utilizzo dell’app e sarebbe davvero tragico. E questo vale di nuovo per il numero di funzionalità che hai. Più funzioni hai, più piccole sono le aree di tocco dell’app. D’altra parte, l’incorporazione di alcune funzionalità principali porterebbe ad aree di tocco più ampie.

4 L’orrore di scorrimento

Gli editori e gli inserzionisti di riviste e giornali vivevano un tempo nell’orrore perpetuo dell'”ovile”. Quando le applicazioni mobili sono diventate popolari, il “fold horror” si è leggermente attenuato perché il contenuto era visibile su uno schermo che poteva essere facilmente fatto scorrere.

Ma questo era vero solo in parte perché è diventato sempre più importante creare un layout web responsive e più lungo in cui le azioni principali non dovessero andare below the fold, o meglio, battere un posto dove le persone possano facilmente scorrere e trovarlo.

Le conversioni aumentano solo quando i relativi pulsanti sono posizionati “above the fold”, o quando gli utenti non devono scorrere. Posizionare un chiaro invito all’azione in una posizione di rilievo porterebbe più conversioni.

5 pulsanti che imitano l’aspetto dei pulsanti di controllo della GUI

Proprio come avere troppi controlli della GUI può essere un terribile errore, anche l’opposto di questo può essere mortale. Testi e titoli sottolineati generano la sensazione che siano collegamenti che porterebbero gli utenti a una nuova pagina.

Fanno clic su di esso, ma quando non arrivano alla pagina, presumono che il collegamento sia interrotto e escono dall’app. Gli utenti spesso si confondono e talvolta si irritano a causa di questa farsa e potrebbero non tornare più.

Rivela i pulsanti radio ovunque siano assolutamente necessari, ma non dare l’impressione sbagliata di pulsanti radio dove non ce ne sono.

6 Controlli GUI incoerenti

I controlli della GUI dovrebbero essere coerenti. Se utilizzi parole particolari per Call to Action e azioni simili, usa le stesse parole in tutta l’app. Usare parole diverse per la stessa azione potrebbe creare confusione.

A volte le azioni che gli sviluppatori presumono saranno semplici per gli utenti, fanno esattamente l’opposto. Se segui uno schema particolare nella tua app, seguilo in modo coerente per tutto il tempo. Assicurati che i pulsanti e le pagine appaiano dove gli utenti si aspettano che arrivino.

7 Saltare i diagrammi di flusso e passare alla progettazione

Gli sviluppatori non risparmiano tempo saltando i diagrammi di flusso e tuffandosi direttamente nella parte di progettazione dell’app. È molto importante creare un diagramma di flusso pensando agli utenti e molti sviluppatori creano questi grafici con i personaggi degli utenti in modo da avere sempre in mente l’utente finale.

Ciò aiuterebbe anche a determinare da dove provengono gli utenti, quali sono i loro interessi e dove si trovano. Pertanto, durante la progettazione dei diagrammi di flusso, è imperativo decidere gli obiettivi dell’utente e dell’azienda e se alla fine sarebbe stato raggiunto o meno. Creando una struttura di flusso, è possibile passare attraverso diverse opzioni con i flussi di pagina e decidere quale sia la migliore.

8 Non considerare le “convenienze percepite”

In parole povere, l’affordance significa tutte le azioni che sono fisicamente possibili in funzione delle proprietà di un oggetto/ambiente. Una scala permette di salire o scendere, un tappo di bottiglia permette di avvitare o svitare.

Allo stesso modo, in una pagina web, un dispositivo di scorrimento svolge la funzione di spostarsi su e giù, la casella di controllo consente di selezionarlo o deselezionarlo e il testo del collegamento ipertestuale ti porta in un’altra pagina. L’accessibilità consente a un utente di fare qualcosa che può facilmente capire.

La percezione di queste offerte si baserà sulla conoscenza da parte dell’utente della pagina Web, delle esperienze, delle convinzioni e degli obiettivi. Durante la progettazione delle interfacce utente, è importante che il progettista fornisca indicazioni corrette o ciò potrebbe creare confusione e quindi un’esperienza utente negativa.

I progettisti devono utilizzare significanti visivi corretti attraverso i quali gli utenti possano percepire come osservano questi elementi dell’interfaccia utente e interagiscono con essi. È anche importante ricordare che non tutti gli utenti sono uguali; quindi tutte le offerte possono non essere percepite o interpretate allo stesso modo da tutti. Quindi supporta tutti i segnali visivi con etichette e istruzioni adeguate.

9 Assenza del giusto tipo di finestre di dialogo

Nell’usabilità del dialogo di un’app Web, è obbligatorio far conoscere agli utenti lo stato corrente del sistema e come sono stati interpretati i loro comandi. Le finestre di dialogo hanno lo scopo di informare gli utenti su come stanno andando le loro azioni, senza allontanarli dalla schermata corrente.

Il silenzio può far indovinare gli utenti. Pertanto, durante la creazione di un’app Web, assicurati che la finestra di dialogo non oscuri le informazioni agli utenti. Ma usalo con parsimonia, perché i messaggi continui possono essere interrotti.

Ad esempio, quando l’utente decide di uscire da una determinata pagina dopo aver digitato le informazioni, la finestra di dialogo può entrare con la casella di conferma che dice “Elimina bozza? Annulla o scarta”.

Tuttavia, bombardarli con finestre di dialogo di iscrizione (ad esempio, “Iscriviti alla nostra newsletter quotidiana digitando il tuo indirizzo e-mail”) troppe volte può essere davvero irritante.

10 Commettere errori comuni con i messaggi di errore

Gli utenti spendono tempo e sforzi per compilare i moduli e, quando c’è un errore in essi, è obbligatorio informarli di cosa è andato storto e dove. Se ci sono regole specifiche per la creazione di una password, informa gli utenti in anticipo, in modo che non debbano fare la stessa cosa due volte.

Oppure, se c’è un codice promozionale da applicare, basta informarli in anticipo che tipo di promozioni si applicano e perché. Non informarli in tempo può creare ansia e frustrazione nell’utente. Ricorda di non commettere questi errori durante la creazione dei messaggi di errore:

1. Ambiguità: non essere chiari sull’errore commesso dall’utente.
2. Incolpare l’utente – È meglio essere umili, anche quando l’utente commette l’errore. Sottolinea l’errore con delicatezza, in modo che venga invitato a riprovare.
3. Posizionamento inadeguato dei messaggi di errore: è consigliabile non inserire gli errori in un elenco puntato perché ciò li spegne davvero. Posiziona i messaggi di errore proprio sopra gli errori in modo che gli utenti possano vedere cosa c’è che non va all’istante.
4. Non utilizzare la microcopia per evitare errori: piccoli frammenti di testo esplicativo vicino agli spazi vuoti possono effettivamente istruire l’utente su cosa riempire, in modo che possa ottenerlo la prima volta.

11 Assenza di Smart Default

Avere un campo in più nella pagina di compilazione del modulo della tua app può essere un deterrente. Quindi, se quel campo extra è una necessità assoluta, assicurati di inserire valori predefiniti nei campi di input del modulo. Le persone scansionano rapidamente i moduli per verificare quanto tempo impiegheranno a compilare il modulo e, se esiste già un valore predefinito nel modulo, è probabile che vadano avanti e compilino gli altri.

Non avere impostazioni predefinite intelligenti potrebbe richiedere molto tempo e essere frustrante per l’utente, e questo è un grave errore. Si consiglia inoltre di non inserire valori predefiniti per i campi di input che richiedono l’attenzione dell’utente. Non dare per scontato ciò su cui l’utente farà clic e, anche se si trattasse di un’impostazione predefinita ben studiata, gli utenti potrebbero desiderare qualcos’altro.

12 Ignorare i colori di accento per i pulsanti di invito all’azione

È molto importante incorporare buoni colori di accento per attirare l’attenzione su pulsanti come “Acquista ora”, “Inizia un tutorial gratuito”, “Iscriviti ora” ecc. Usa un colore diverso per i pulsanti in modo che si distingua, specialmente per quelli molto pulsanti cruciali di invito all’azione.

Il colore dell’accento deve essere abbastanza luminoso da attirare l’attenzione, ma non irritante e distratto. Assicurati che il colore dell’accento sia complementare con il resto del tema del colore nell’app. Inoltre, riserva un colore specifico per l’invito all’azione e non utilizzarlo altrove nella pagina.

Conclusione

Questi sono alcuni degli errori più comuni nella progettazione di UI/UX. E ricorda, ogni volta che apporti modifiche al design, assicurati di testarlo accuratamente per vedere quanto sarebbe efficace.

Il design delle app è un fattore di differenziazione per il successo e con migliaia di app che vengono rilasciate ogni giorno, solo una manciata di esse ottiene l’approvazione. Le cattive pratiche possono portare a errori mortali nella progettazione di UX/UI e tutti gli sforzi di così tante persone vanno in malora.

Un ultimo promemoria:

Durante la progettazione della tua app, ricordati di progettare per più piattaforme, a meno che non ti rivolgi a una in particolare. È così che ottieni un Minimum Viable Product (MVP) direttamente nel negozio.