Per un design UX migliore: posso fare clic su questo?

In che modo sottili modifiche possono aumentare il tuo CTR

Tutti vogliono più clic. Più tocchi. Più utenti dicono "sì, mi piace qualunque cosa tu mi stia dando". Volevamo esaminare alcuni modi in cui gli utenti vogliono fare più clic, è qui che entra in gioco il design UX !

È abbastanza ben intonacato in tutto il Web: quando fai clic sugli utenti, un sottile cambiamento può fare molto. Abbiamo esaminato quali potrebbero essere esattamente questi sottili cambiamenti e l'effetto che potrebbero avere sulle tue conversioni.

Caratteri

I caratteri possono avere un enorme effetto pazzesco. Ad esempio, nel 2009, Tropicana è stato rinominato in grande stile e gran parte di ciò è stato il rifacimento del carattere. Ricorda che il font Tropicana è anche il loro logo.

Immagine tramite design vitale

Le vendite sono rapidamente diminuite del 20%.

I caratteri sono anche una delle cose più stabili su cui puoi fare affidamento quando fai clic sulle persone.

In generale, un font sans serif in grassetto con contrasto elevato andrà benissimo.

Come mai? È il più facile da leggere. Esempi di questo sono ovunque su Internet. Basecamp, BaseCRM, Evernote, mHelpDesk: tutte queste aziende hanno lo stesso aspetto CTA: font sans serif ad alto contrasto e grassetto. È facile da vedere, è facile da leggere. Ecco perché le aziende tendono a usarlo sui caratteri serif. (Lo stesso vale per i poster: puoi leggerlo da secoli). Inoltre, sans serif è più facile da leggere su un computer, motivo per cui vuoi usarlo quando vuoi che il lettore faccia clic: deve sapere cosa stai dicendo prima di ogni altra cosa.

Ombre esterne + effetti 3D

È incredibile come le ombre esterne e la creazione di qualcosa in 3D possano indurre le persone a fare clic su di esso. È davvero l'unico grande svantaggio del design piatto. (Attualmente. L'altro è che, alla fine, sarà una data folle.) Quando le cose sono davvero piatte, sembrano grandiose, ma non è così facile sapere cosa è cliccabile e cosa no. Jakob Nielsen ne ha discusso quando ha valutato Windows 8 nel 2012.

Perché le persone fanno più clic quando le cose sembrano effettivamente pulsanti, bordi arrotondati o un'ombra esterna rendono davvero facile sapere cosa è selezionabile e cosa no.

(suggerimento professionale: questi sono chiamati pulsanti stile chiosco).

Questo in realtà presenta un problema interessante. I pulsanti in stile chiosco erano originariamente usati nelle sale giochi e in altri luoghi in passato. Quindi, quando siamo passati al digitale, quella norma è stata trasferita. Ha senso, ma a un certo punto diventano pulsanti smussati e 3D per il gusto di essere pulsanti 3D smussati, non perché qualcuno ricordi effettivamente da dove provengono. È come l'icona di salvataggio del floppy disk: la radice skeuomorfica alla fine diventa arbitraria e non è più skeuomorfica.

Tutto questo per dire che le persone sono più a loro agio nel fare clic sui pulsanti in stile chiosco in questo momento, ma potremmo vedere un costante allontanamento se un design piatto può rimanere lì per qualche anno in più.

Movimento

Molte persone si impegnano a creare qualcosa che sia 3D cliccabile, ma penso che sia abbastanza importante da giustificare una categoria a sé stante, in primo luogo dal punto di vista dell'esperienza utente, e in secondo luogo per il significato di design piatto.

Dal punto di vista dell'esperienza utente

Gli utenti hanno bisogno di feedback per le loro azioni. È il modo numero 1 per aiutare gli utenti a capire dove si trovano e cosa fare.

Il primo lavoro per rendere cliccabile qualcosa è dire agli utenti che può essere cliccato.

Quando si tratta di pulsanti, ad esempio, anche il minimo cambiamento di gradiente può fare miracoli. Ad esempio, la home page di Eventbrite utilizza una leggera modifica del gradiente sulle sue icone per mostrare che sono selezionabili e rafforzare la posizione dell'utente:

Un altro ottimo esempio è la homepage del sito web di eTecc/Interactive. In realtà usano un riempimento per far sapere all'utente che qualcosa è selezionabile.

È un modo così semplice per capire come informare gli utenti su cosa è selezionabile e cosa no. E man mano che le cose diventano sempre più piatte, questo feedback visivo è sempre più importante. Stranamente, questo è qualcosa in cui Apple potrebbe migliorare. Dai un'occhiata alla homepage di Apple.ca.

Sembra che i collegamenti in alto siano cliccabili, e lo sono, e c'è una piccola modifica del gradiente per riaffermare questa conoscenza per l'utente. Possiamo anche presumere che anche l'opzione Visualizza la galleria sia selezionabile, e ancora una volta c'è un cambio di colore per rafforzarlo.

Ma il problema è che l'intero schermo è effettivamente cliccabile! È estremamente poco intuitivo per l'utente e, essendo qualcuno a cui capita di fare clic molto , mi ci è voluto un po' per capire perché la pagina continuava a cambiare. Non è affatto un'interfaccia utente intuitiva.

Da una prospettiva piatta

Quindi, sebbene Apple non l'abbia inchiodato il 100% delle volte, sono piuttosto vicini. E il movimento consente ai progettisti di creare le interfacce piatte che desiderano, pur consentendo agli utenti di sapere cosa è cliccabile e cosa no. Hai notato come tutti gli esempi fossero design eccezionalmente piatti? Divulgazione completa L'avevo pianificato. Illustra che il design piatto può funzionare per un pulsante, purché ci sia un feedback.

Ecco un esempio di design piatto (ish) senza feedback: mentre è chiaro per me che si tratta di un pulsante, senza feedback sembra un po' come se il mio computer non funzionasse.

Contrasto + Colore

Purtroppo, non esiste un codice RGB particolare che garantisca alle persone di fare clic. Ma ci sono alcune regole eccellenti da seguire che ti aiuteranno. Se vuoi che gli utenti facciano clic su qualcosa, vuoi che si distingua. Ciò significa che hai bisogno che contrasti drammaticamente con tutto ciò che lo circonda, anche se ciò significa rompere con la tavolozza dei colori di un marchio.

Ad esempio, David Hamill consiglia di utilizzare un colore per i collegamenti ipertestuali che non viene utilizzato per nient'altro. Sul suo sito, ogni collegamento è fatto in rosa. È facile come utente sapere cos'è un collegamento e cosa non lo è. Combinato con una modifica quando ci passi sopra con il mouse, è davvero ovvio per l'utente quando puoi fare clic su qualcosa.

Questo tipo di problema di colore e contrasto si presenta molto spesso con inviti all'azione (CTA) e pulsanti e un piccolo cambiamento di colore può apportare un enorme cambiamento ai profitti. Ad esempio, Vibethink ha scritto di CTA e pulsanti e ha riferito che la modifica del colore e della forma di un pulsante ha aumentato le conversioni (leggi: clic) del 35%. Hanno ritenuto che l'aumento del contrasto rendesse più facile per gli utenti fare clic.

Ma hanno cambiato due cose, quindi non è assolutamente scientifico. Hubspot nel 2011 ha pubblicato i risultati di alcuni test A/B sui pulsanti rossi e verdi e ha scoperto che il pulsante rosso ha sovraperformato quello verde del 21%.

Quindi il colore e il contrasto possono svolgere un ruolo enorme nel convincere gli utenti a fare clic su elementi.

Incartare

Il diavolo è nei dettagli. In qualità di designer, sviluppatori, UXer e marketer, ogni volta che rendiamo qualcosa cliccabile, chiediamo all'utente di fare qualcosa. Clicca qui. Presentare domanda. Contattaci. Acquista ora. Qualunque cosa sia, è qualcosa che hanno di cui abbiamo bisogno. Allora perché non semplificarlo? Il modo migliore per aiutare i tuoi utenti a fare clic (e quindi probabilmente aiutarti) è semplificare il clic. Rendendo i pulsanti adatti alle aspettative con un design in stile chiosco, semplificando la lettura dei caratteri su uno schermo (anche se di piccole dimensioni) e fornendo feedback sui pulsanti e sui contenuti cliccabili, semplifichi la vita dei tuoi utenti.

Questo è tutto, davvero. Quando stai rendendo qualcosa cliccabile, rendi allo stesso tempo la vita dei tuoi utenti più facile.

Ti è piaciuto questo post? Potresti anche voler leggere il nostro post Capire i tuoi utenti per migliorare il tuo sito Web UX Design o i nostri fantastici prodotti che ogni designer UX dovrebbe possedere !