Spesso UX e UI vengono utilizzati come sinonimi anche se hanno un significato molto diverso tra loro.
Se stai cercando di capire la differenza tra UX e UI design sei nel posto giusto.
Di cosa parliamo in questo articolo:
“UX” significa User Experience (Esperienza Utente). Navigando su un sito web o utilizzando un prodotto l'esperienza sarà intuitiva o confusa, fluida o difficoltosa? Risulta facile capire la logica con cui gli elementi sono categorizzati e navigabili o sembra strutturata in modo casuale? Un UX designer si concentra sulla creazione di un percorso e sulle emozioni che questo suscita nell'utente finale.
“UI” nella progettazione significa User Interface (Interfaccia Utente). La UI è il layout grafico di un sito web o di un'App e consiste nella grafica degli elementi: bottoni cliccabili, il font, le immagini e tutti gli elementi di interazione tra schermo e utente.
Ma prima di addentrarci nella differenza tra UX e UI design è necessario definire meglio il loro significato.
UX design o User Experience design è un termine usato per descrivere l'esperienza complessiva di un utente quando interagisce con un servizio o un prodotto in un determinato contesto. Si può definire come approccio “human first”. Se il prodotto è progettato bene l’esperienza dell’utente sarà piacevole e gratificante, se invece il prodotto è progettato male l’esperienza sarà percepita come frustrante.
Una buona progettazione, ovvero una buona UX (User Experience) non si limita al Web ma coinvolge anche tutti gli oggetti che utilizziamo ogni giorno come lo spazzolino da denti, il comando della televisione, la tazza per il tè o le porte con le barre di apertura di sicurezza.
Ti è mai capitato di tirare una porta invece di spingerla? Ti sei sentito un po’ frustrato e un po’ imbarazzato nel mentre? Ecco la porta in questione probabilmente aveva una pessima user experience.
UX design: da quando il termine è stato coniato è sempre andato di pari passo con il successo; solo quei prodotti o quei servizi con un’ottima user experience hanno trionfato. Nessuno acquisterebbe un prodotto che non ha la più pallida idea di come usare!
Per il momento possiamo sintetizzare la User Experince o UX in tre punti
La User Interface è una scienza prettamente digitale che ha come obiettivo quello di aumentare la capicità e la volontà dell’utente nell’interagire con un prodotto. La UI vuole sorprendere ed estasiare l’utente a livello visual. Tuttavia una definizione precisa di User Interface si avvicina enormemente a quella che si attribuisce alla User Experience, anche se si cerca lavoro come UI designer il più delle volte si trovano posizioni lavorative che effettivamente cercando un UX designer.
Ma attenzione lo User Interface designer è solamente digital! E si occupa di rendere il più intuitiva possibile l’interazione tra un utente e un prodotto o servizio digitale prendendo in considerazione bottoni, icone, palette colori, immagini, spazialità e design responsivi.
Possiamo definire la User Interface design in tre punti:
Lo scopo ultimo dell’UI design è quello di far pensare il meno possibile l’utente!
Prendiamo ad esempio un form di Log in. Se i vari bottoni fossero tutti uguali per l'utente sarebbe meno immediato capire cosa cliccare, il riconoscimento della funzione del bottone richiederebbe più sforzo cognitivo.
Ora spero che inizi a comprendere meglio qual è la differenza tra UX e UI design ma vediamo di chiarirlo ancora meglio!
Essitono moltissime metafore che cercano di far comprendere la differenza tra UX e UI design, di seguito ne vediamo alcune tra le più significative e divertenti.
Partiamo con un esempio culinario dove “UI” è l'aspetto del piatto e la cura nell'impiattamento mentre “UX” è il sapore della pietanza.
La UX senza UI si traduce in un minestrone di ingredienti, una zuppa magari buona ma dall'aspetto orribile. La UI senza UX è invece un piatto curato nell’aspetto e ben impiattato ma cucinato con ingredienti andati a male.
La UX e la UI devono sempre andare di pari passo, così facendo otterremo un piatto squisito e ben impiattato.
Facciamo degli altri esempi per chiarire ulteriormente la differenza tra UX e UI design.
UI: la tua pagina Instagram
UX: la tua vita vera
UI: l'aspetto esteriore
UX: gli organi interni
UI: la storia, la trama e i personaggi
UX: come la storia è raccontata e il perché decidi di raccontarla proprio in questo modo
Rimanendo in ambito letterario potremmo dire che la UI è la copertina di un libro, i materiali con cui è stampato e l'aspetto delle pagine. La UX è il racconto che impari ad amare mentre leggi il libro invece che guardare l'aspetto o le singole lettere delle pagine.
La principale differenza tra UX e UI design è che la prima si concentra sulle sensazioni e sull’esperienza dell'utente, mentre la seconda si concentra unicamente su come il prodotto funziona e appare.
Speriamo che ora ti sia più chiaro come la UX e la UI sono in realtà due scienze ben distinte.
Abbiamo analizzato cosa sono e cosa significano UX design e UI design, abbiamo analizzato la differenza tra UX e UI design ed ora dovrebbe risultare chiaro come le due discipline si completino a vicenda.
La User Experience e la user interface sono inestricabili.
Un sito web con un design accattivante e delle transizioni e animazioni incredibili non salva un sito difficile da navigare e con una logica confusa.
Entrambi i progetti devono essere allineati e ben amalgamati tra loro.
