UI vs UX: qual è la differenza da un punto di vista pratico

I termini UI e UX (design) sono molto spesso usati in modo intercambiabile. Anche fino al punto in cui molte persone / designer / clienti si riferiscono a loro come "Progettazione UI / UX" – una specie di combinazione all-in-one.


Questo non è perfetto, soprattutto se stai cercando di capire l’enigma UX per la tua azienda e il tuo prodotto per la prima volta. I problemi di UX e UI sono di importanza cruciale, non importa se vendi plugin / temi nello spazio di WordPress, costruisci app, software o vendi persino prodotti fisici.

La prima cosa che dobbiamo chiarire, anche se sembra ovvio e prevedibile, è quella UI e UX non sono uguali.

Certo, non sono completamente diversi neanche una volta arrivati ​​all’essenza, ma non sono certamente gli stessi!

UI vs UX

In questo post parleremo di alcune differenze fondamentali tra UI e UX, che cosa significano in pratica, come costruire una buona UI e creare una UX corretta e altro.

Ma prima:

UI vs UX: qual è la vera differenza?

Questa è la domanda più urgente.

La cosa più semplice da fare da parte mia sarebbe semplicemente indicarti alcune definizioni e permetterti di decifrarle da solo, ma questo non renderebbe davvero giustizia all’argomento.

Cominciamo con le basi, anche se probabilmente le conoscete già ormai:

  • L’interfaccia utente è l’acronimo di User Interface ��
  • UX sta per User eXperience ��

Va tutto bene e dandy, ma in pratica cosa significano quei due termini?

  • L’interfaccia utente è ciò che puoi vedere di fronte a te – l’interfaccia che usi per interagire con una cosa (un prodotto / app / auto).
  • UX descrive l’intera esperienza ottieni come risultato dell’interazione con una cosa.

Solo per fare un esempio, l’interfaccia utente della tua auto è il volante, i pedali, il cambio, è ogni elemento dell’auto con cui puoi interagire. UX è l’esperienza che ottieni guidando.

Per individuare la relazione tra UI e UX, possiamo pensarla così:

UI vs UX

Il ruolo dell’interfaccia utente è significativo, ma è ancora solo uno degli elementi di UX.

La chiave del pensiero UX: il "sol" parola

Il "sol" parola come in Obiettivi ��.

È difficile – o più come impossibile – pensare a UX quando non sai cosa vuoi veramente ottenere.

È qui che entrano in gioco gli obiettivi.

Gli obiettivi sono disponibili in due gusti:

  • �� i tuoi obiettivi – gli obiettivi aziendali
  • �� obiettivi dell’utente – cosa vogliono ottenere gli utenti con lo strumento + perché

Comprendere come queste due aree si intersecano è la chiave per un buon design UX.

In primo luogo, lavorando sulle interfacce utente, l’interazione che una persona ha con il tuo strumento o anche le esatte funzionalità che vuoi offrire possono essere fatte solo una volta che hai deciso quale tipo di utente vuoi raggiungere in primo luogo.

"Devi scegliere il tuo obiettivo" potrebbe sembrare una cosa da dire sul mercato, ma in realtà non c’è altro modo per iniziare a progettare la UX del tuo prodotto.

UX risale sempre all’utente e la cosa * che * vogliono realizzare con un determinato strumento. Riguarda il tipo di esperienza che * loro * sta raggiungendo * il loro * obiettivo. Ma senza sapere quale sia realmente tale obiettivo, non sarai in grado di prendere buone decisioni UX per portare l’utente lì.

Quindi, inizia definendo i tuoi utenti target ideali, le loro caratteristiche, quale problema vogliono risolvere – che il tuo strumento possa risolvere per loro, e così via. ��

Con ciò, definisci i tuoi obiettivi di business oltre agli obiettivi degli utenti. In che modo risolvere gli obiettivi dei tuoi utenti può portarti verso i tuoi obiettivi? Come puoi generare entrate offrendo ai tuoi utenti lo strumento migliore che sei in grado di fare? E così via.

Dopo aver risolto queste risposte, inizi a farti un’idea della direzione che dovrebbe seguire il tuo progetto UX. E questo, in cambio, semplifica la costruzione della tua UI e comporta un lavoro molto meno ipotetico.

Questo "tornare agli obiettivi" modello è anche qualcosa che può essere visto in Don Norman e Jakob Nielsen pubblicazione originale su UX e l’argomento dell’interfaccia utente vs UX:

"È importante distinguere l’esperienza utente totale dall’interfaccia utente (UI), anche se l’interfaccia utente è ovviamente una parte estremamente importante della progettazione. Ad esempio, considera un sito Web con recensioni di film. Anche se l’interfaccia utente per la ricerca di un film è perfetta, l’UX sarà scarsa per un utente che desidera informazioni su una piccola versione indipendente se il database sottostante contiene solo film dei principali studi."

Inoltre, dai un’occhiata questo caso di studio della riprogettazione dell’app del New York Times. Va al di là di un semplice, "rendere le cose migliori" mentalità. Si inizia ponendo domande fondamentali come, "In che modo le persone controllano le notizie al momento?" Guarda le potenziali interviste agli utenti; usa persino una mappa dell’empatia. Tutto ciò nel tentativo di migliorare la UX e rendere l’interfaccia utente l’arma principale per farlo.

New York Times

Dovresti pensare UX-first o UI-first?

Questa è una domanda difficile. È come confrontare ��s con ��s. Quindi iniziamo da qualche altra parte:

Uno dei motivi per cui molte persone pensano insieme a UX e UI – anche quando conoscono la differenza – è perché l’interfaccia utente è il frutto basso e la cosa più ovvia su cui lavorare quando si mira a migliorare la UX del proprio prodotto.

L’interfaccia utente, più di ogni altra cosa, ha un enorme influenza su UX. E poiché è anche il più semplice su cui lavorare, l’interfaccia utente viene spesso trattata come l’unica cosa di cui devi preoccuparti se vuoi una buona UX.

Ed è difficile discutere con questo ragionamento, in realtà. Dopotutto, se la tua auto ha un volante che ha solo 2 pollici di diametro, l’intera auto è inutilizzabile e l’intera UX scende, non importa cos’altro è stato fatto per migliorare l’esperienza di guida.

Ciò significa che errori catastrofici nell’interfaccia utente uccidono efficacemente UX. ⚔️ Non c’è modo di aggirare questo.

Quando ci pensi, non lo facciamo davvero "lavorare su UX." UX è una somma di molte parti più piccole, quindi ogni decisione dovrebbe essere esaminata attraverso l’obiettivo UX. Ma la stessa UX non è una cosa su cui si lavora o su cui si può spruzzare.

Ciò che si riduce è che probabilmente, prima o poi, lavorerai sulla tua UI. E va bene, ma la cosa cruciale da ricordare è che l’interfaccia utente è sempre parte di un’immagine più ampia della UX e ogni decisione dell’interfaccia utente deve essere fatta risalire alla UX.

Ecco un ottimo caso di studio su come Lyft ha riprogettato la propria app in base ai principi e al processo decisionale basati su UX. Mentre la maggior parte di ciò che vediamo è in superficie – nell’interfaccia utente, il nucleo dei cambiamenti è avvenuto a seguito del ripensamento della UX e della riprogettazione dei diversi aspetti del viaggio dell’utente con l’app basata sui primi principi più gli obiettivi aziendali e utente chiave . Le modifiche dell’interfaccia utente, quando le guardiamo nel vuoto, non sono nemmeno così significative, ma aiutano l’utente a raggiungere i propri obiettivi in ​​modo più efficace, almeno secondo Lyft.

studio di sinistra

Idee sbagliate comuni con UI vs UX

Affrontiamo alcune delle idee sbagliate comuni del mondo UI vs UX e proviamo a trovare un modo migliore per pensare a queste cose.

"UI vs UX era una cosa del passato?"

Scommetto che gli sviluppatori di software 20 anni fa non hanno trascorso troppo tempo a pensare a UI vs UX. O meglio, lo hanno fatto, ma non hanno usato quei termini per descriverlo.

Xerox ha introdotto l’interfaccia utente grafica originale nel personal computer Alto, che risale agli anni ’80.

Xerox Alto
Workstation Xerox

Sorprendentemente, è invecchiato notevolmente bene. Puoi ancora vedere chiaramente tutti gli elementi e l’attività principale a portata di mano sembra essere semplice. Non ci sono distrazioni, nessun elemento non necessario. In effetti, questa interfaccia utente è tutto business!

Certo, anche le attività del software precedente erano più facili da definire e la ricerca di gruppi target era più intuitiva. Ad esempio, per qualcuno che ha lavorato sui word processor originali, probabilmente il gruppo target era, "gente dell’ufficio con le mani."

Anche capire gli obiettivi non è stato troppo difficile. "Una macchina da scrivere migliore. Sul tuo computer."

Ma quando esaminiamo il processo reale coinvolto nella costruzione di strumenti software, non è stato molto diverso. UX era ancora la chiave per capire.

Avevamo anche leader di mercato là fuori – o meglio pensavamo leader – che ci hanno aiutato a scegliere una direzione generale da seguire e hanno indicato buone soluzioni di interfaccia utente che potrebbero funzionare anche in altri scenari.

Apple, come prevedibile, ha avuto un ruolo vitale nella progressione e nell’importanza delle GUI.

Il Macintosh originale, rilasciato nel 1984, ha introdotto un’interfaccia basata su mouse in cui il massimo livello di interazione con la macchina si basava sulla scelta di un’app con il mouse (punta e clicca) e quindi sull’interazione con l’app stessa in diversi modi.

Poco dopo, i mouse per computer sono diventati una cosa. Altre GUI hanno seguito l’esempio.

Desktop Apple Macintosh

E non dobbiamo nemmeno cercare lontano esempi nel mondo online, WordPress è stato in prima linea nell’interfaccia utente, definendo come il moderno CMS dovrebbe fornire le sue funzionalità chiave in modo facile da comprendere.

Dashboard di WordPress 5.0

"Come risolvere un’interfaccia utente non funzionante?"

Osservando app, strumenti e software moderni in generale, dobbiamo concludere che meno è meglio.

O meglio, quello "meno è meglio" l’atteggiamento deriva dalla concentrazione laser sui tuoi utenti ideali.

Prendi ad esempio gli strumenti di posta elettronica. Quando Outlook era il re della montagna, un buon strumento di posta elettronica doveva avere tutte le campane e i fischi immaginabili. Più funzionalità c’erano, migliore era lo strumento.

Non è più così.

I migliori strumenti di posta elettronica sono semplici, si concentrano su una piccola gamma di funzionalità e si rivolgono a un tipo specifico di utente.

Non importa se vuoi semplicemente avere un semplice strumento di posta elettronica o utilizzare il tuo strumento di posta elettronica come un task manager o vuoi che ti aiuti con la produttività e lo spostamento di e-mail in base all’agenda quotidiana, allora hai singole app che ti aiuteranno Fai quello. Sono focalizzati sul laser. Al giorno d’oggi non c’è motivo di utilizzare gli strumenti di posta elettronica che hanno tutto perché portano principalmente alla distrazione.

app di posta elettronica

Quindi, è necessario risolvere un’interfaccia utente non funzionante? Semplificalo. Torna all’obiettivo principale del tuo utente e come puoi aiutarlo a risolverlo. Rimuovi tutto ciò che non semplifica il raggiungimento di tale obiettivo.

"Chi dovrebbe fare UX nella tua squadra?"

Di chi è il compito di gestire UX?

È del designer?

È lo sviluppatore di software?

O è quello che il "sviluppatore full stack" il titolo è per?

Non sarai felice, ma la risposta corretta è di tutti.

Dai un’occhiata a quel grafico che ho condiviso all’inizio: gli elementi di UX. Ci sono troppe cose lì per essere gestite da una sola persona.

Allo stesso tempo, UX non ha intenzione di gettare le cose oltre il recinto una volta che hai finito con loro in modo che un’altra persona possa riprendere da lì. Lo sforzo deve essere più interconnesso.

Ancora una volta, inizia con le definizioni dei tuoi obiettivi aziendali e utente. Lavora da lì. Tutti devono essere coinvolti e pensare sempre a cose del genere, "In che modo ciò su cui sto lavorando avrà un impatto sull’esperienza dell’utente?"

"Come misurare UX?"

UX è difficile da quantificare o misurare. Puoi misurare solo i singoli obiettivi che hai definito sul lato dell’utente e sul lato della tua attività.

È ovvio che se stai colpendo i tuoi voti e gli utenti stanno colpendo i loro (a giudicare dalle installazioni, dal numero di utenti o da altre metriche che hai impostato), anche la tua UX si dirige nella giusta direzione.

"L’UX del mio prodotto è danneggiato; cosa posso fare ora?"

Sfortunatamente, non puoi spruzzare su una UX migliore. Se non stai raggiungendo i tuoi obiettivi, il tuo prodotto non sta ottenendo un buon feedback dagli utenti e non sei complessivamente soddisfatto dei risultati, quindi puoi davvero tornare al tavolo da disegno.

Rivaluta i tuoi obiettivi, i tuoi obiettivi utente e il modo in cui li colleghi insieme.

Gli strumenti da utilizzare quando si lavora su una UX migliore

Esistono tre strumenti principali per aiutarti a valutare la direzione del tuo progetto UX e per prendere le giuste decisioni:

  • Test A / B
  • sondaggi e sondaggi utente
  • analisi e dati

L’ordine non è casuale. Test A / B sono l’arma principale nel tuo arsenale. Con i test A / B, puoi mettere due diverse versioni di una parte dell’interfaccia l’una contro l’altra e vedere quale offre risultati migliori in termini di indicatori e obiettivi UX cruciali.

Il dettaglio importante con i test A / B è quello di rimanere solo con A e B – due variabili – e non cambiare più elementi poiché annulla i risultati e rende impossibile individuare i singoli cambiamenti che segnano.

Sondaggi e sondaggi utente possono anche dirti molto. Porre domande semplici agli utenti può essere una miniera di informazioni. Se si tratta di un’app personalizzata che si sta creando, la raccolta di feedback può essere più difficile, ma su un sito Web è possibile utilizzare un semplice strumento di polling come quelli elencato qui.

Infine, i dati grezzi e le analisi offrono il lato quantitativo della moneta. Con loro, puoi vedere come le tue modifiche alla UX o all’interfaccia utente si traducono in scenari di utilizzo / conversioni / qualunque altra cosa siano le tue metriche.

Tutti questi strumenti ti consentono di migliorare efficacemente i tuoi processi e valutare se la tua percezione degli obiettivi è stata corretta.

Adatta e ripeti!

�� C’è molto di più che puoi fare in termini di progettazione di UX e quindi testare i risultati del tuo lavoro, ma i tre metodi sopra sono i più facili da iniziare. Per saperne di più sui test UI vs UX, leggi questi:

UI vs UX, il gioco finale

Alcuni designer si arrabbiano quando viene sollevato l’argomento UI vs UX. Dicono che i due sono completamente indipendenti e che non dovrebbero essere discussi insieme. Onestamente, però, non eviteremo di pensare l’uno senza l’altro.

L’interfaccia utente è semplicemente la prima cosa su cui possiamo lavorare come parte del design UX. È il frutto più basso che pende e l’elemento più semplice da comprendere, il più semplice da mettere a punto e il più semplice da misurare l’efficacia di.

Quindi manteniamo la calma e proseguiamo. UI e UX sono diversi, ma fanno parte della stessa storia.

O forse mi sbaglio? Qual è la tua opinione su UI vs UX? Condividi nei commenti.

Crediti immagine:

Non dimenticare di partecipare al nostro corso intensivo per accelerare il tuo sito WordPress. Con alcune semplici correzioni, puoi ridurre i tempi di caricamento anche del 50-80%:

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map