Indice
- Cos’è la UX?
- Cos’è la UI?
- Differenze tra UX e UI
- Cosa fa lo UX Designer e quali strumenti utilizza?
- Cosa fa lo UI Designer e quali strumenti utilizza?
- UX e UI Design: come lavorano in sinergia?
Cos’è la UX?
La User Experience (UX) definisce l’interazione tra una persona e un prodotto o servizio, mettendo al centro del processo progettuale l’utilizzatore. Possiamo quindi definire la UX la disciplina che studia la facilità di utilizzo e la soddisfazione che un utente prova con il prodotto durante tutta la durata del suo utilizzo.
In semplici parole: non si progetta ciò che piace al designer, ma quello che è in grado di soddisfare l’utente, migliorando usabilità, accessibilità e piacere nell’utilizzo di un prodotto.
Cos’è la UI?
Con User Interface (UI), in informatica, si intende il design del layout grafico di un’applicazione o sito web. Consiste nel progettare i pulsanti che cliccheranno gli utenti, nel decidere quali immagini utilizzare e quale aspetto dovrà avere il copy, i cursori, i campi di immissione testo e tutti gli altri elementi con cui interagirà l’utente.
Differenze tra UX e UI
Se con la UX è possibile sviluppare la customer journey all’interno di un sito, attraverso la UI si potrà, invece, realizzare la sua interfaccia grafica. Metaforicamente si può dire, che la UX è lo scheletro del prodotto/servizio (analogico o digitale che sia), mentre la UI i muscoli e la pelle che avvolgono l’ossatura.
Cosa fa lo UX Designer e quali strumenti utilizza?
Lo UX designer si occupa di tenere conto dell’interazione dell’utente con il prodotto da realizzare, quindi punta a semplificare la sua esperienza, riducendone la complessità e prevedendo quelli che sono i suoi comportamenti.
Le migliorie dell’esperienza dell’utente passano attraverso il corretto uso dei colori, delle grandezze delle icone, la gerarchie dei testi, ecc.
Ciò avviene anche in base ai dati demografici degli utenti. Ad esempio, un pubblico maturo avrà caratteristiche e necessità diverse da un pubblico giovane.
Le sue competenze comprendono:
- il Feel (l’esperienza completa del prodotto o servizio);
- la Prototipazione (creare framework e prototipi testabili);
- la visione olistica (si assicura che l’utente abbia un esperienza positiva nel complessivo).
Alcune responsabilità dell’UX Designer
- Creare il contenuto e il prototipo.
- Test sui vari asset digitali, tra posizionamenti di pulsanti, layout di testo o altri elementi di design.
- Wireframing: nel web design, il wireframe rappresenta il modello iniziale di rappresentazione di un sito web, senza un layout grafico preciso.
- Progetti di prototipazione per verificarne la funzionalità.
- Ottimizzazioni sulle funzionalità.
- Monitoraggio degli obiettivi e delle metriche di performance.
- Conduzione di focus group.
- Analisi dei dati inerenti a indagini sottoposte agli utenti.
Principali strumenti che utilizza l’UX Designer
- FlowMap, strumento dedicato al design dell’esperienza.
- Google Analytics, per l’analisi della customer journey.
- UsabilityHub, per condurre test di usabilità.
Cosa fa lo UI Designer e quali strumenti utilizza?
Lo UI designer progetta e disegna l’interfaccia in relazione al modo in cui l’utente interagirebbe con il prodotto digitale, consultando i dati emersi dalle indagini fatte a campione precedentemente dallo UX designer.
Le sue competenze, sostanzialmente, riguardano la progettazione del layout grafico, la scelta di un linguaggio grafico, colori e caratteri tipografici in linea con il tipo di utente e infine, il trasferimento di materiali grafici al team di sviluppatori e App Developer.
L’UI Designer è quindi responsabile del "look" dell'interfaccia ovvero l'aspetto e le funzioni, del design che sarà coerente con il brand e il prodotto/servizio da vendere e della visione di dettaglio: pagine, bottoni, slider, assicurandosi che siano refinite e funzionali.Alcune responsabilità dell'UI designer
- Mantenere coerenza nello stile di tutto il sito web;
- Creare guide di stile del marchio;
- Progettare i pulsanti e gli altri elementi cliccabili;
- Scegliere i caratteri tipografici appropriati;
- Sviluppare gli elementi visivi come video o foto;
- Testare le possibili interazioni che l'utente potrebbe fare con il sito.
Principali strumenti che utilizza l’UI designer
- Software per la progettazione grafica, il web design e la prototipazione quali:
- Sketch, la prima applicazione di design scelta dai progettisti di UX e UI.
- InVision Studio, applicazione di prototipazione spesso utilizzata in combinazione con Sketch.
- Adobe XD, applicazione di progettazione basata sui vettori per computer MacOS e Windows.
- Figma, applicazione basata sul web che consente di condividere da remoto i progetti col il team di lavoro e con il cliente.
- Software per l’elaborazione grafica, mockup e rendering di prova quali:
- Adobe Photoshop, per l’elaborazione e il fotoritocco di immagini.
- Adobe Illustrator, per l’elaborazione di grafica vettoriale.
UX e UI design: come lavorano in sinergia?
Proprio come Ingegneri e Interior Designer progettano: l’uno la struttura di un edificio e l’altro gli ambienti interni a quell’edificio, così UX Designer e UI Designer lavorano a stretto contatto per rendere l’esperienza di navigazione ottimale e accattivante.
Nella prassi, questi ruoli sono spesso in capo alla stessa persona che opera in due momenti distinti della progettazione. Entrambi, inoltre, operano principalmente nelle agenzie di comunicazione digital o nel team digital di grandi aziende.