12 Errori UX/UI errati da non commettere nella progettazione di app

Testo troppo piccolo per essere letto.

Contenuto di caratteri di colore chiaro di piccole dimensioni su sfondo bianco.

Gli utenti non sono in grado di vedere le funzionalità cruciali che si trovano comodamente da qualche parte nell'interfaccia utente.

Questi sono alcuni dei problemi comuni con la progettazione 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 interruzioni.

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 alcune 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 una modifica rivoluzionaria su quei pulsanti potrebbe non essere ben accolta.

Considera questo semplice esempio: hai ascoltato le notizie della BBC per tutta la vita. All'improvviso, qualcuno nella tua famiglia decide invece di ascoltare la CNN, e tu 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 c'è un motivo per cui piacciono agli utenti. Non è facile cambiare quella sensazione di agio e comfort dall'oggi al domani. Questo perché gli utenti devono esercitare una notevole energia e capacità intellettuali per fare qualcosa di nuovo; e potrebbero non essere ricettivi su questo.

Pertanto, 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 veramente bisogno l'utente

Quando le aziende non riescono a realizzare le reali 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 non funziona.

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

Comprendi cosa si aspettano gli 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 funzionalità includono nelle loro app, quanto sono interattive le loro interfacce utente, ecc.

E gli sviluppatori per la prima volta attenzione: 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 convertirebbe 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 di destinazione. La larghezza media di un dito indice adulto è compresa tra 1,6 e 2 cm. Quindi, tienilo a mente durante la progettazione di applicazioni mobili basate sul tocco.

Se gli utenti hanno difficoltà a 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 funzioni che hai. Più funzioni hai, più piccole sono le aree di tocco sull'app. D'altra parte, l'incorporazione di alcune caratteristiche principali porterebbe ad aree di rubinetto più grandi.

4. L'orrore della pergamena

Editori e inserzionisti di riviste e giornali un tempo vivevano nel perpetuo orrore 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é diventava sempre più importante creare un layout web reattivo e più lungo in cui le azioni principali non dovevano andare below the fold, o meglio, battere un posto dove le persone potevano facilmente scorrere e trovarlo.

Le conversioni aumentano solo quando i relativi pulsanti sono posizionati “above the fold”, o quando gli utenti non devono scorrere. L'inserimento di un chiaro invito all'azione in una posizione di rilievo comporterebbe 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 il contrario può essere mortale. Testi e titoli sottolineati generano la sensazione di essere collegamenti che porterebbero gli utenti a una nuova pagina.

Ci fanno clic sopra, 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 di opzione ovunque siano assolutamente necessari, ma non dare l'impressione sbagliata dei pulsanti di opzione dove non ce ne sono.

6. Controlli della 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 l'esatto opposto. Se segui uno schema particolare nella tua app, seguilo costantemente 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 immergendosi direttamente nella parte di progettazione dell'app. È molto importante creare un diagramma di flusso tenendo a mente gli utenti e molti sviluppatori creano questi grafici con i personaggi degli utenti in modo che abbiano 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, è fondamentale decidere gli obiettivi dell'utente e dell'azienda e se alla fine ciò verrà raggiunto o meno. Creando una struttura di flusso, è possibile passare attraverso diverse opzioni con i flussi di pagina e decidere quella migliore.

8. Non considerare le "percezioni percepite"

In parole povere, affordance significa tutte le azioni che sono fisicamente possibili a seconda 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, uno slider svolge la funzione di spostarsi su e giù, la casella di controllo consente di selezionarla o deselezionarla e il testo del collegamento ipertestuale porta a un'altra pagina. Affordance consente a un utente di fare qualcosa che può facilmente capire.

La percezione di queste affordances sarà basata 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 dia indicazioni corrette o potrebbe creare confusione e quindi una cattiva esperienza dell'utente.

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

9. Assenza del giusto tipo di finestre di dialogo

Nell'usabilità della finestra di dialogo di un'app Web, è obbligatorio far conoscere agli utenti lo stato corrente del sistema e come sono stati interpretati i loro comandi. I dialoghi hanno lo scopo di informare gli utenti su come stanno andando le loro azioni, senza portarli via dalla schermata corrente.

Il silenzio può far indovinare gli utenti. Quindi, 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 di interruzione.

Ad esempio, quando l'utente decide di uscire da una determinata pagina dopo aver digitato le informazioni, la finestra di dialogo può apparire con la finestra di conferma che dice "Annulla bozza? Annulla o elimina”.

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 fatica 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, informali 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 di 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. Evidenzia delicatamente l'errore, in modo che venga loro chiesto di riprovare.
3. Posizionamento inadeguato dei messaggi di errore: è consigliabile non inserire gli errori in un elenco puntato perché ciò li disattiva davvero. Posiziona i messaggi di errore sopra gli errori in modo che gli utenti possano vedere immediatamente cosa c'è che non va.
4. Non utilizzare la microcopia per evitare errori: piccoli frammenti di testo esplicativo vicino agli spazi vuoti possono effettivamente indicare all'utente cosa riempire, in modo che possano ottenerlo la prima volta.

11. Assenza di Smart Default

Avere un campo in più nella pagina di riempimento dei moduli della tua app può essere un deterrente. Quindi, se quel campo aggiuntivo è una necessità assoluta, assicurati di inserire i 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 nel modulo è già presente un valore predefinito, è probabile che vadano avanti e riempiano gli altri.

Non avere impostazioni predefinite intelligenti potrebbe rendere l'operazione dispendiosa in termini di tempo e frustrante per l'utente, e questo è un grave errore. Si consiglia inoltre di non impostare valori predefiniti per i campi di input che richiedono l'attenzione dell'utente. Non dare per scontato su cosa farà clic l'utente e, anche se fosse un'impostazione predefinita ben studiata, gli utenti potrebbero volere qualcos'altro.

12. Ignorare i colori accentati per i pulsanti di invito all'azione

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

Il colore dell'accento deve essere abbastanza brillante da attirare l'attenzione, ma non irritante e distraente. Assicurati che il colore dell'accento si integri con il resto del tema del colore nell'app. Riserva anche un colore specifico per l'invito all'azione e non usarlo altrove nella pagina.

Conclusione

Questi sono alcuni degli errori più comuni nella progettazione dell'interfaccia utente/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. Pratiche sbagliate 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, ricorda di progettare per più piattaforme, a meno che tu non ne stia prendendo di mira una in particolare. Ecco come ottenere un prodotto minimo vitale (MVP) direttamente nel negozio.