"User experience" è un termine generico che viene utilizzato per le riunioni e scambiato con "interfaccia utente" come se i due fossero uguali, non lo sono. Questa confusione ha probabilmente influito sulla tua carriera in quanto i ruoli di UX e di web design hanno iniziato lentamente a sovrapporsi. Persino i tuoi clienti potrebbero essere confusi su quale sia esattamente il tuo lavoro.
Piaccia o no, UX ha un enorme impatto su ciò che fanno i web designer. Puoi creare il miglior design al mondo, ma non ci riuscirà se non è utilizzabile. E non sarà utilizzabile a meno che tu non conosca una piccola strategia UX. Queste lezioni di UX ti insegneranno come migliorare l'usabilità dei progetti e renderti indispensabile per i tuoi clienti.
Anche se non scambi i termini "UX" e "UI", probabilmente ascolterai i tuoi clienti a un certo punto. Dovrai essere in grado di spiegare la differenza tra UX e UI in modo che possano capire cosa è e cosa non è il tuo lavoro.
L'interfaccia utente si riferisce al sistema attuale ... L'esperienza utente riguarda le emozioni ...
L'interfaccia utente si riferisce al sistema reale con cui il cliente interagisce. Il layout del menu delle impostazioni di un iPhone è un'interfaccia utente. L'esperienza utente riguarda le emozioni che l'interfaccia evoca durante quell'interazione; la soddisfazione dell'utente con un menu delle impostazioni di facile utilizzo è l'esperienza dell'utente.
Essenzialmente, UX è la totalità delle emozioni derivanti dall'interfaccia utente. I buoni progettisti di UX comprendono le emozioni umane e i modelli di comportamento degli utenti, perché queste cose influenzano il modo in cui gli utenti rispondono a un'interfaccia.
Il Web design è solo una piccola parte di UX. Ogni disegno di stampa che vedi, prodotto che usi e persino dove vai, ha anche UX. Mangiare in un ristorante terribile è una brutta esperienza; aprire facilmente un pacchetto è buono.
Il design offline di UX può sembrare un gioco di palle diverso: dopo tutto, creare un sito navigabile non è la stessa cosa che progettare una macchina sportiva per guidare le persone su strade reali, ma in realtà i due tipi di UX si influenzano a vicenda.
Le barre di navigazione sono un ottimo esempio di come il web e il mondo fisico si sovrappongono. La navigazione del sito Web si trovava sul lato sinistro della pagina, ma qualcuno si è reso conto che la priorità delle informazioni da sinistra a destra, il contenuto che dovrebbe essere a sinistra. Agli inizi degli anni 2000, le barre di navigazione si spostavano sul lato destro del viewport.
Se sei un web designer, non fa mai male a rispolverare la stampa, il packaging o altri tipi di design UX fisico. Questo cross-training espande le tue conoscenze e ti aiuta a vedere i progetti da una nuova prospettiva.
L'arte e la scienza fanno una strana coppia, ma questo è essenzialmente ciò che UX è. Capire come UX combina arte e scienza consente di affinare il processo di progettazione per raggiungere le soluzioni più facilmente.
UX è scientifico in quanto pone uno scenario problematico in cui il progettista pone una teoria su come risolvere il problema. Diciamo che il problema è un sito obsoleto che danneggia le vendite. Il designer suggerisce un modo per aggiornare il sito; attraverso il test e l'adattamento, tale suggerimento si evolve in una soluzione.
La soluzione è dove entra l'arte. Colori, caratteri tipografici, layout e così via si combinano tutti per creare un insieme esteticamente piacevole. Come nel vedere l'arte in una galleria, il design evoca una risposta emotiva, che a sua volta produce un comportamento esteriore.
Ogni designer ha avuto a che fare con clienti che hanno insistito per avere le cose a modo loro. Ciò crea un enigma, perché la strada del cliente potrebbe non essere l'unico o il modo migliore per risolvere quel problema specifico. Allo stesso modo, alcuni designer pensano che il loro modo sia l'unico modo e non ascolteranno altre idee, anche se quelle idee potrebbero funzionare meglio.
Piuttosto che adottare questo approccio univoco, UX deriva dall'utilizzo del design basato sugli obiettivi per cercare la soluzione più efficace.
Supponiamo che il tuo cliente desideri spostare le sue testimonianze dei clienti nella parte superiore della pagina per aumentare il traffico. Ma il problema non è necessariamente la posizione del collegamento; è che il link ha bisogno di più traffico. Puoi anche risolvere il problema rendendo il link più visibile dove si trova. Ciascuna soluzione risolverà il problema; essere aperti a queste opzioni è il design guidato dagli obiettivi.
Il buon design UX riflette l'identità del marchio, quindi è necessario rimanere fedeli agli obiettivi del cliente.
Una volta ogni tanto, potresti trovarti in una trance del design. I colori arrivano facilmente, il tipo si combina, le immagini sono fantasiose e nessuna corrisponde all'identità del marchio del cliente.
È fondamentale non rimanere invischiati nel creare un look che non soddisfa le esigenze del cliente. E mentre questo suona quasi ridicolo, accade molto più facilmente (e spesso) di quanto ci si potrebbe aspettare.
Il buon design UX riflette l'identità del marchio, quindi è necessario rimanere fedeli agli obiettivi del cliente. Assicurati di fare domande sul marchio in anticipo e pianifica i contributi regolari delle parti interessate, che saranno in grado di dirti se stai aderendo al marchio o allontanandoti.
Sembra sciocco dire "design per l'utente", perché questo è ciò che UX è. Eppure molti web designer sono spesso vittime della propria creatività. I loro disegni hanno tutti i campanelli e fischietti - e anche soddisfare le aspettative del cliente - ma potrebbero non soddisfare ancora le esigenze dell'utente.
Progettare per l'utente richiede di fare qualcosa che è spesso difficile per le creatività: lascia andare la tua opinione. Sebbene tu possa vedere qualcosa come meglio, potrebbe non essere la cosa migliore per quella situazione .
Per assicurarti di essere sulla strada giusta, ti consigliamo di apprendere alcune linee guida sul design guidato dall'utente. Una buona regola empirica è iniziare a ricercare diversi tipi di utenti e tracciare il modo in cui utilizzano il sito su cui stai lavorando. Prima di rilasciare il progetto finito, utilizzare i test A / B per verificare di aver raggiunto la soluzione migliore.
Il buon design UX si basa molto sulla psicologia. La parte interessante è che i progettisti di UX non solo apprendono le tendenze degli utenti, ma possono farlo innescare nuovi comportamenti che portano a conversioni. Ma c'è un modo giusto e sbagliato per farlo.
Prendere notifiche, per esempio. Hanno lo scopo di innescare un comportamento, ma è facile dimenticare che effettivamente il comportamento richiede tempo e fatica per l'utente. Alcuni designer bombardano gli utenti con notifiche nei momenti peggiori, quindi si chiedono perché non c'è risposta.
Il trucco consiste nel ricercare in che modo le motivazioni degli utenti cambiano durante il giorno, in modo che tu possa modificare le notifiche del tempo di conseguenza. Ad esempio, ricevere una notifica sul modo di lavorare non servirà a nulla, perché l'utente ha un obiettivo concorrente e più urgente di mettersi al lavoro. Ma la stessa notifica ricevuta sulla via di casa ottiene più attenzione, perché ora l'utente ha effettivamente il tempo di impegnarsi nel comportamento.
Il tuo obiettivo è consentire agli utenti una soluzione vantaggiosa; per aiutare la loro giornata a diventare più liscia in qualche modo. Più giochi ai loro desideri e abitudini, più riuscirai a realizzare il tuo progetto.
Lo scorrimento invia gli utenti più in profondità nel sito e chiede loro di investire più tempo, rendendoli più propensi a convertirsi. Ecco perché alcuni designer inseriscono i loro inviti all'azione in fondo alla pagina, dove gli utenti devono scorrere per raggiungerli.
Anche i siti above the fold - che posizionano l'invito all'azione nella parte superiore della pagina per ottimizzare il Principio dell'amore a prima vista - può promuovere lo scrolling. Puoi incoraggiare gli utenti a dedicare più tempo al sito con "scorciatoie", come una freccia che punta alla sezione successiva o al testo parzialmente visibile che richiede agli utenti di scorrere per continuare a leggere.
Prima di poter iniziare a risolvere un problema, devi capire qual è esattamente il problema. Dovrai analizzare l'esperienza dell'utente sul tuo sito attuale. Fai le domande giuste per scoprire come stanno interagendo con il sito ora, cosa funziona e cosa non va.
Se possibile, ottenere un piccolo aiuto dal servizio clienti. Raccogli le loro note su questioni che i clienti si sono lamentati o ascolta le registrazioni di clienti frustrati. Spesso, si impara sui problemi di progettazione mentre i clienti si lamentano di ciò che è andato storto l'ultima volta che hanno provato a utilizzare il sito.
UX non riguarda solo le icone che gli utenti fanno clic o i colori sulla pagina. Quasi tutto ciò che i visitatori vedono è contenuto, che si tratti di scrittura, immagini o video. Tuttavia, molti progettisti ignorano completamente di parlare con il team di contenuti o di sviluppare qualsiasi tipo di strategia per i contenuti.
Un sito di bell'aspetto è essenzialmente inutile se non tu esegui il backup con contenuti forti . Quindi, nel tuo prossimo progetto, inizia a fare domande. Stai ridisegnando un sito che ha già una voce? E se sì, come dovresti incorporarlo? O stai aiutando a dare il tono a un sito completamente nuovo?
L'obiettivo è creare contenuti facili da assimilare ed elaborare. Alla fine vuoi che i tuoi utenti si sentano come se un amico li guidasse attraverso il sito, perché un amico potrebbe sapere esattamente quello che vuole e mostrargli dove si trova.
Gli utenti che si sentono confusi hanno maggiori probabilità di essere frustrati - anche se non hanno il vocabolario per dire perché ...
L'incoerenza è uno dei maggiori problemi con cui gli utenti si confrontano . Eppure molti designer in realtà cercano di rendere i loro disegni più creativi o memorabili con incoerenze intenzionali nel colore o nello stile.
Supponiamo che tu abbia utilizzato un hamburger di navigazione nella tua home page, mentre un'altra pagina di destinazione include una freccia a discesa. Entrambe le icone fanno tecnicamente lo stesso lavoro e la homepage ha il suo aspetto unico. Tuttavia, gli utenti hanno sviluppato un'impressione del tuo sito mentre erano sulla home page. Vedere un altro tipo di navigazione su altre pagine è in conflitto con la loro impressione iniziale, creando confusione.
Gli utenti che si sentono confusi hanno maggiori probabilità di essere frustrati - anche se non hanno il vocabolario per dire perché - e non torneranno. Un sito coerente, d'altra parte, consente loro di prendersi cura della propria attività senza ponderare le proprie scelte stilistiche.
Il design di UX si è evoluto molto nell'ultimo decennio, quando Internet ha perso la sua fase goffa e si è trasformata in un adulto sofisticato. Sono finiti i giorni di colori troppo luminosi e collegamenti nav sparsi sulla pagina. Il sito di oggi è ottimizzato per una buona UX .
Quindi, perché menzionare l'eliminazione di elementi inutili della pagina? Perché "inutile" è diventato molto più sottile. Le persone non commettono gli stessi errori vistosi - beh, nella maggior parte dei casi. Oggi, un elemento di pagina inutile potrebbe essere un invito all'azione con due comandi anziché uno, o un'immagine che distoglie lo sguardo da dove dovrebbe andare.
Per liberarti di queste cose, dovrai imparare come misurare il valore di un elemento. Un buon modo per verificare la presenza di elementi inutili è entrare nella mentalità dell'utente: chiediti come ogni elemento ti fa sentire e se ti ha aiutato a raggiungere il tuo obiettivo.
Potresti non essere un progettista UX. Ma quando inizi ad applicare i principi del buon design UX ai tuoi progetti web, ti troverai a creare siti web migliori e più efficaci. Questo è l'obiettivo di un buon design, dopo tutto - per guidare l'utente alle informazioni di cui ha bisogno e mostrare loro cosa fare con esso. Con l'aiuto di questi suggerimenti, puoi implementare il design UX e scatenare una reazione positiva negli utenti del tuo sito web.