Nessuno vuole creare un cattivo design, eppure succede sempre. E mentre la causa della cattiva progettazione varia, il risultato finale è la stessa esperienza utente negativa.

La cattiva esperienza utente frustra gli utenti e spesso porta ad abbandonare il prodotto. In questo articolo, mi concentrerò su un aspetto particolare della cattiva progettazione, utilizzando tecniche di interfaccia utente che portano a una cattiva UX.

1. Pop-up

Se ti chiedo di nominare la singola cosa più irritante del web, le probabilità sono che tu risponda, "Popup". Secondo i popup del Gruppo NN, l'esperienza web più odiata mai.

Sappiamo tutti quella sensazione. Visiti un nuovo sito web, il contenuto della pagina sembra interessante. Inizi a leggerlo e proprio quando sei a metà del testo, sei improvvisamente interrotto da un enorme overlay che ti chiede di iscriverti a una newsletter o offrirti qualcosa. Nella maggior parte dei casi, la tua reazione immediata sarà quella di chiudere la sovrapposizione o di chiudere l'intera pagina, la sovrapposizione con essa.

opt6

Un overlay utilizzato sul sito Web di Esquire.

È ovvio perché così tanti siti utilizzano questa tecnica: gli inserzionisti li pagano. Tuttavia, la tecnica di pop-up è troppo dirompente e ha un enorme effetto negativo sui visitatori. Ogni volta che mostri una finestra popup chiedi agli utenti di smettere di fare ciò che vogliono (ciò che è importante per loro) e focalizzare la loro attenzione su ciò che vuoi che faccia (ciò che è importante per te). Non sorprende che tale comportamento spesso aumenti la frequenza di rimbalzo.

È possibile utilizzare i popup senza infastidire i visitatori. Segui semplicemente una semplice regola: attiva un pop-up al momento giusto. Ad esempio, è molto meglio consentire agli utenti di terminare l'attività corrente (ad esempio, raggiungere la fine della pagina) prima di mostrare un pop-up. Una volta che gli utenti hanno avuto un po 'più di tempo per conoscere te (il tuo marchio e le tue offerte), aumentano le probabilità che siano disposti a fare ciò che vuoi che facciano.

Un altro componente importante è il messaggio effettivo che hai nel tuo pop-up. Devi scrivere una grande copia. La copia non deve essere offensiva, ingannevole o confusa. Waitbutwhy andare ancora oltre e incorporare umorismo nel loro testo:

opt1

Quando i visitatori leggono la copia di Waitbutwhy , li fa sorridere.

Vale la pena dire che ci sono molti strumenti meno invasivi come le barre slide-in che non coprono l'intera pagina e producono risultati simili in termini di conversione.

2. Scorrimento infinito

Lo scrolling infinito è una tecnica che consente agli utenti di scorrere una quantità enorme di informazioni senza alcun traguardo in vista. La pagina continua a rinfrescarsi mentre gli utenti scorrono verso il basso. La tecnica è diventata popolare nell'era dei dispositivi mobili (lo scorrimento è molto più comodo rispetto a un piccolo schermo). A prima vista, questa tecnica è una soluzione perfetta per molti problemi: richiede meno sforzo e rende la comprensione dei contenuti il ​​più semplice possibile (tutti gli utenti devono fare scorrere). Tuttavia, non è una soluzione valida per tutti i siti o le app.

Il principale svantaggio della tecnica è anche il suo principale vantaggio: non c'è un traguardo in vista. Quando gli utenti arrivano a un certo punto del flusso, non possono aggiungere la loro posizione ai segnalibri e tornare indietro (avviso, intendo la posizione, non un determinato elemento). Quindi, se lasciano il sito (ad esempio, passano da un dispositivo a un altro), perderanno tutti i loro progressi e dovranno scorrere di nuovo verso il basso per tornare allo stesso punto. L'impossibilità di determinare la posizione di scorrimento spesso infastidisce gli utenti e danneggia l'esperienza complessiva dell'utente.

Nel 2012 Etsy, un sito di e-commerce incentrato su oggetti fatti a mano o vintage, ha sperimentato i layout per la loro pagina di prodotto. Hanno implementato un'interfaccia scroll infinita e hanno scoperto che la nuova interfaccia non funzionava come una versione precedente con impaginazione. Sebbene un certo numero di acquisti sia rimasto lo stesso, il coinvolgimento degli utenti è andato giù .

Cosa ci dice l'esempio di Etsy? Ci dice che con ogni decisione progettuale dovremmo valutare i pro e i contro prima di incorporarla nei nostri progetti. Parlando di scroll infinito, funziona bene per qualcosa come Twitter / Instagram, dove gli utenti sono felici di scansionare un flusso infinito di dati senza cercare nulla in particolare.

3. Premere Notifiche

Hai mai prestato attenzione al numero di notifiche che ricevi ogni giorno da varie app? Quante di quelle notifiche ti interessano veramente? Non troppi, credo.

Ogni giorno, siamo bombardati da notifiche inutili che ci distraggono da ciò che facciamo. Ci infastidiscono.

opt5

Il servizio di streaming invia ogni utente una notifica ogni volta che viene rilasciato un nuovo episodio di uno spettacolo.

Infatti, le notifiche fastidiose sono il motivo principale per cui le persone disinstallano le app mobili (secondo il 71% degli intervistati).

La notifica push è uno strumento potente, ma come per qualsiasi altro strumento, può essere utilizzato per il bene o il male. Quando gli utenti iniziano a utilizzare la tua app, non si preoccupano di ricevere le notifiche a patto che le notifiche forniscano un valore reale. È essenziale che le notifiche di progettazione siano utili, pertinenti e tempestive per i tuoi utenti. I contenuti personalizzati sono la chiave per l'eccellente esperienza dell'utente. Quando consegnate il messaggio giusto alla persona giusta al momento giusto, la vostra notifica push diventa un potente fattore scatenante che motiva la persona ad agire.

OPT3

Netflix fa un ottimo lavoro di personalizzare i loro messaggi per l'individuo che li riceve.

4. Scroll Hijack

Lo scorrimento dirottato è una delle cose più fastidiose per molti utenti dal momento che ne prende il controllo e rende il comportamento di scorrimento completamente imprevedibile. Quando si progetta un sito Web, nella maggior parte dei casi è meglio evitare il scroll hijacking e consentire all'utente di controllarne la navigazione e il movimento attraverso il sito. Ma in alcuni rari casi il scroll hijacking potrebbe funzionare correttamente per i tuoi utenti. Ad esempio, Tumblr utilizza questa tecnica sulla loro homepage per presentare informazioni in blocchi.

OPT2

Tumblr usa scroll hijacking per fornire contenuti in blocchi.

Conclusione

Vale la pena dire che tutte le tecniche menzionate in questo articolo non sono di per sé cattive. Gli utenti li odiano solo quando i progettisti li incorporano alla cieca. Ogni tecnica o modello sul tuo sito web o nella tua app deve essere utilizzata in modo intelligente e con moderazione.