10 regole UX che ogni web designer dovrebbe rispettare

Pubblicato: 2017-03-02

Puoi creare il design più sbalorditivo del mondo e non avrà successo se non soddisfa l'usabilità.

Tutto, da uno stuzzicadenti a un aereo di linea commerciale, richiede usabilità per funzionare e vendere, altrimenti il ​​suo design è condannato. Allo stesso modo, nel mondo del web un termine chiamato UX entra in gioco quando un sito web viene utilizzato e classificato.

UX è l'abbreviazione dell'esperienza utente che un utente Web acquisisce quando naviga su un sito Web e interagisce con i suoi elementi e funzionalità. Se l'esperienza è instabile e mal ricercata, allora il sito Web non è nulla facendo galleggiare spazzatura su Internet a cui nessuno si preoccuperà. L'UX può decidere da solo se un sito Web può essere utilizzato o venduto, quindi farlo contare è un imperativo per il designer. In questo articolo, condivideremo 10 regole cardinali sull'usabilità che ogni web designer deve conoscere prima di portare il sito Web alle fasi finali di completamento.

1. Non confondere mai l'UX con l'interfaccia utente

C'è una linea sottile tracciata tra UX e UI. Anche se sei consapevole della differenza, potresti sentirla dal cliente in un punto o nell'altro, ma quando arriva il momento devi essere in grado di spiegare la differenza nei migliori termini possibili. L'interfaccia utente è definita come il sistema reale mentre l'esperienza utente è definita come il risultato emotivo dopo l'interazione con il sistema.

Microsoft Windows è l'interfaccia utente mentre la soddisfazione emotiva dopo l'utilizzo è l'UX. Confondere i due termini non solo può danneggiare il tuo stesso lavoro, ma anche sovraccaricarti con qualcosa che non è del tutto il tuo lavoro.

Un buon designer non solo conoscerà la differenza, ma sarà anche in grado di spiegarla al cliente quando propone una presentazione del suo lavoro.

2. UX è più di una semplice esperienza sul sito web

Il web design è più di quello che sembra. Tutto a partire dai dettagli visivi, dal prodotto che usi e dai luoghi che visiti ha UX scritto dappertutto. Guidare un'auto scadente è una brutta esperienza, mentre aprire facilmente una scatola piena è una buona esperienza. Il marketing UX offline potrebbe sembrare un vestito diverso, ma in origine è tagliato dallo stesso tessuto. Sebbene non sia del tutto la stessa e non possa essere giustificato da alcuni esempi, l'esperienza UX in una piattaforma materiale e immateriale produce gli stessi ormoni nel tuo cervello. Ad esempio, qualcuno ha scoperto che gli esseri umani danno la priorità alle informazioni da sinistra a destra e gli elementi a sinistra occupano meno spazio verticale e hanno lo stesso peso visivo.

Durante l'anno 2000, la tendenza ha iniziato a cambiare e i web designer hanno iniziato a posizionare le barre di navigazione nel pannello di sinistra della pagina web. Ciò ha consentito agli utenti di scansionare i contenuti più velocemente e meglio, offrendo al contempo una maggiore esposizione ai contenuti del sito web. Come web designer, avere i piedi in entrambi i mezzi ti consentirà di allenare in modo incrociato la tua mente ed espandere le tue conoscenze per valutare e produrre progetti da una prospettiva più vivace.

3. Arte e scienza vanno indietro nel tempo

Arte e Scienza vanno di pari passo quando si tratta di UX. Avere una comprensione raffinata del loro legame è fondamentale soprattutto durante il processo di progettazione. Scientificamente, esiste uno scenario di soluzione del problema in cui il progettista deve tracciare una tabella di marcia e affrontare i problemi con una soluzione teorica. Ad esempio, un sito Web sta esaurendo drasticamente le sue vendite. Il progettista suggerirà di aggiornare il sito Web, testarlo e risolverlo in modo da formare una soluzione. È qui che entra in gioco l'arte.

Tutti gli aspetti e gli elementi saranno suggeriti nella soluzione come colori, caratteri tipografici, layout, testo e contenuto visivo per rendere quel sito web attraente esteticamente oltre che funzionalmente. Sarà sottoposto a ulteriori test fino a quando non riuscirà a invocare la risposta emotiva desiderata da parte dell'utente. Questa canalizzazione del comportamento esteriore attraverso un'implementazione scientifica è ciò che rende Arte e Scienza una coppia strana ma potente.

4. Usa un approccio orientato agli obiettivi per la risoluzione dei tuoi problemi

Non è un segreto che i designer abbiano a che fare con clienti che vogliono che le cose funzionino secondo i loro libri. Questo crea un labirinto che non porta da nessuna parte poiché molte cose il cliente non è a conoscenza di cui solo il designer sa. Allo stesso modo, i designer a volte sono inclini a fare le cose a modo loro mentre anche altri metodi sono sul tavolo e potrebbero funzionare meglio.

Mantenere un approccio univoco in quanto tale non è mai salutare quando si progetta un web design ricco di UX. Una buona UX è realizzabile solo da un approccio basato sugli obiettivi che si concentra sulla migliore soluzione disponibile. Ad esempio, un cliente desidera spostare il collegamento delle testimonianze dei clienti nella parte superiore della pagina per ottenere maggiore visibilità e invitare più traffico. Tuttavia, il problema non risiede nel posizionamento del collegamento, ma nella posizione del collegamento stesso poiché non riesce ad attirare traffico. Quindi, puoi anche correggere il collegamento rendendolo più visibile proprio dove si trova invece di spostarlo in una nuova posizione. Entrambe le soluzioni possono essere utilizzate per risolvere il problema ed è necessario mantenere l'opzione aperta. Questo è chiamato design guidato dagli obiettivi.

5. Esporre l'identità del marchio attraverso l'UX

L'identità del marchio è tra gli obiettivi primari alla base della costruzione di una grande UX. Se la UX lascia il segno nel soddisfare gli utenti, rifletterà molto nei confronti del Brand che ha reso possibile questa esperienza. È importante non distrarti nel creare un look che soddisfi le preferenze del cliente. Un buon design che deve mostrare il giusto mix di funzionalità e caratteristiche che non solo rendono l'esperienza dell'utente un piacere, ma dettagliano anche l'investimento che un marchio ha fatto per renderlo di successo. Questo deciderà se l'utente visiterà nuovamente il sito web.

Per assicurarti di avere la prospettiva del cliente radicata nel progetto, informalo su ogni mossa e apporta le modifiche necessarie che possono essere adattate al progetto. È anche importante considerare il quadro più ampio durante l'aggiunta delle preferenze del client in modo che l'esperienza dell'utente rimanga inalterata nel processo.

6. Costruisci la tua UX attorno alla prospettiva dell'utente

Non diventare mai una vittima della tua stessa immaginazione. Dal momento che hai una certa libertà creativa durante la progettazione di un sito Web, è fondamentale non abusarne. In questo caso particolare, hai le linee guida del cliente e le tue preferenze profondamente radicate, ma hai completamente dimenticato la prospettiva dell'utente. Essendo un designer è importante non lasciare mai che la tua immaginazione ti distragga dal raggiungere ciò che il cliente e l'utente desiderano. Un design user driven ha le migliori possibilità di produrre una UX vincente rispetto a qualsiasi altro approccio.

Per assicurarti di essere sulla strada giusta, cerca gli utenti della tua nicchia di design e scopri le loro esigenze e desideri nel tuo particolare design. Prima di essere pronto per lanciarlo, utilizza il test A/B per verificare se il tuo progetto soddisfa i requisiti. Ricorda, le esigenze dell'utente sono più importanti del tuo input personale perché alla fine lo useranno.

7. UX è tutto sulla psicologia

I trigger comportamentali si basano sulla psicologia umana che stimola la risposta emotiva da parte dell'utente. I bravi designer sono in grado di valutare qualitativamente la mentalità dell'utente e di derivare la connessione emotiva al contenuto. Queste connessioni emotive sono essenziali per produrre una vivace UX in un web design. Prendi le notifiche per esempio. Potresti aver sperimentato la fastidiosa funzione di notifica popup che ti manda fuori dal sito Web sbattendo la porta mentre esci. Anche se è in parte a vantaggio del cliente e allo stesso tempo assicura conversioni per il rivenditore, mostrarlo subito dopo che il cliente è arrivato sul sito Web è un'idea terribile.

Immagina di arrivare al punto di riferimento del tuo ufficio e di ricevere l'ordine di svolgere le tue faccende senza prendere fiato o goderti una calda tazza di caffè. Il tempismo è un fattore cruciale qui. Se conosci la psiche umana, non inizierai mai con un pop-up che copre più della metà dello schermo. Invece, puoi aspettare che il visitatore scremi il contenuto e quindi iniziare con la tua presentazione. In questo modo la stessa notifica verrà ricevuta a braccia aperte, perché ora l'utente può effettivamente risparmiare tempo per impegnarsi. La UX fa molto affidamento sulla psiche del consumatore, ed è per questo che devi integrare una buona dose di trigger comportamentali, mentre fai attenzione dove è necessario.

8. Guida i tuoi clienti attraverso lo scorrimento

Lo scorrimento funziona come per magia se me lo chiedi. Invia l'utente alla ricerca di informazioni più in profondità nel sito, ampliando le sue possibilità di conversione. Probabilmente è il motivo per cui la maggior parte dei designer posiziona i propri CTA in fondo alla pagina, dove lo scorrimento incontra la sua fine.

Anche l'approccio "amore a prima vista" può favorire lo scorrimento, in cui il design mostra le CTA nella parte superiore della pagina. È possibile ottimizzare tali pagine introducendo indicazioni di scorrimento. I segnali di scorrimento possono variare da sospiri di frecce a elementi grafici accattivanti. Ad esempio, le frecce possono essere utilizzate per indicare le direzioni per il contenuto successivo, mentre gli elementi grafici possono portare l'utente direttamente alla diapositiva successiva una volta che interagisce con essa.

9. Rendi l'uso confortevole

Quando metti i tuoi contenuti in diretta su Internet, devi aspettarti che vengano incontrati con persone di ogni tipo. Tutti non condividono le tue opinioni nel modo in cui intendi proporle. Ecco perché i tuoi contenuti dovrebbero essere assorbibili in modo che l'utente non abbia bisogno di ulteriori sforzi per capire cosa stai offrendo loro. Se il contenuto è digeribile, l'utente convertirà più velocemente.

Dare loro un morso alla volta. Mostrare tutto ciò che puoi offrire in una sola seduta non solo disorienta l'utente, ma riflette anche la disperazione nella tua metà. Per assicurarti che il tuo design sia traspirante e facile da assimilare, usa molta spaziatura bianca attorno ai tuoi elementi in modo che siano facili da distinguere. Crea anche contenuti comprensibili per tutti i tipi di pubblico con esempi e narrazioni personali. Mostrati come loro amico, non come uomo d'affari.

10. Ottimizza adeguatamente gli elementi della tua pagina

Gli elementi della pagina sono parte integrante di un web design. Svolgono funzioni essenziali per gli utenti e mantengono un'armonia emotiva nella UX. Tuttavia, l'aggiunta di elementi di pagina non necessari può essere pericolosa per il tuo sito Web e anche per l'utente.

Elementi della pagina come un CTA con più comandi invece di uno, un'immagine che distrae abbastanza da distogliere lo sguardo dall'oggetto o un pezzo di testo nel mezzo della pagina che fuorvia il cliente. L'aggiunta di questi elementi influisce inutilmente sulla credibilità del tuo web design rallentandone la velocità di caricamento. Le immagini HD, ad esempio, possono essere fabbriche di ritardi per le tue pagine web. Richiedono molta larghezza di banda e portano via il tempo di caricamento ideale per un sito Web favorevole alla conversione. Un sito Web a caricamento lento è l'ultima cosa che desideri nella UX del tuo sito Web.

Pensieri finali

Come web designer, devi prendere ogni elemento, aspetto e approccio nell'equazione. Il tuo obiettivo è quello di produrre un design che non solo conquisti i clienti, ma offra anche un'esperienza utente soddisfacente. Attraverso queste 10 regole fondamentali crei il web design ideale che soddisfa l'usabilità da ogni possibile angolazione.