Non ti va di leggere? Prova ad ascoltare l'articolo in modalità audio 🎧
Lo User Experience Design (d'ora in poi UX Design) è un processo mirato a rendere un'interfaccia utente usabile e piacevole da fruire, nel caso di un e-commerce l'obiettivo potrebbe essere per esempio quello di offrire un'esperienza d'uso di qualità tale da incentivare gli acquisti e fidelizzare la clientela. Progettare una UX può rivelarsi impegnativo senza gli strumenti adeguati, per questo motivo il mercato offre diverse soluzioni che i Designer possono sfruttare per creare wireframe o prototipi, eseguire test prima e dopo il passaggio alla fase di produzione, disegnare sitemap, controllare i flussi di utenza o effettuare attività di UX Research con lo scopo di verificare che un Design sia adeguato alle esigenze e alle aspettative degli utilizzatori. La scelta del tool più adatto ad un progetto dipende dal compito che s'intende svolgere, ad esempio un wireframe e un prototipo non sono equivalenti e non svolgono la medesima funzione, il primo non è altro che la prima rappresentazione di un'interfaccia con un numero limitato di dettagli, la prototipazione consente invece di concretizzare un'astrazione fornendo l'esempio di quello che potrebbe essere un prodotto funzionante. Per sintetizzare quelli che dovrebbero essere i criteri di valutazione con cui selezionare la migliore App di UX Design è possibile porsi le seguente domande:
Talebook è un'App di UX Design fortemente orientata alla UX Research che prevede tre fasi di lavoro: scoperta, analisi e prototipazione. Nella prima vengono intervistati gli attori coinvolti in un progetto (stakeholder) e gli utilizzatori, per poi passare all'analisi della concorrenza. Nella seconda viene effettuata una valutazione del problema da risolvere e delle soluzioni da adottare, si tiene conto delle esigenze e delle opinioni dei diversi target di utenti e si affrontano le questioni inerenti i flussi utente per ideare dei percorsi mirati a massimizzare la qualità della UX. Durante l'ultima fase, infine, si creano dei semplici prototipi su carta o degli elaborati interattivi più articolati in vista della creazione del prodotto finale. Per quanto riguarda i costi Talebook propone tre formule:
Overflow è una soluzione che permette di studiare e progettare flussi utente utilizzando sia semplici oggetti (forme geometriche, frecce..) che screenshot prelevati da applicazioni o siti Web preesistenti. Le schermate che compongono un elaborato possono essere riadattate, posizionate su diversi livelli e collegate tra loro per realizzare dei diagrammi di flusso stilizzabili in cui è possibile aggiungere delle annotazioni. Si tratta di un UX Design tool integrabile con diverse altre applicazioni come Sketch, Figma, Adobe XD e Photoshop, è disponibile una modalità "Presentazione" con cui mostrare i diagrammi realizzati ed è supportata la condivisione dei progetti tramite un'apposita infrastruttura Cloud in cui i contenuti sono protetti da password. Overflow viene distribuito tramite due piani tariffari:
Figma è innanzitutto uno strumento completo per la collaborazione tra utenti che partecipano ad un processo di progettazione. Questo tool consente di condividere qualsiasi aspetto dell'UX Design a partire dai diagrammi e dalla note a corredo, si possono inoltre organizzare workshop tramite una whiteboard online, chiamata FigJam, offerta come spazio per il brainstorming all'interno dei team. Figma e FigJam sono due ambienti integrati ed interoperabili, questo consente di seguire passo passo qualsiasi workflow correlato alla progettazione delle UX, dalla loro ideazione fino alla fase di esecuzione. Sono disponibili funzionalità dedicate alla presentazione dei progetti e alla raccolta dei feedback da parte di partecipanti e tester, agli utenti viene messo infatti a disposizione un prototipo interattivo realizzando animazioni e overlay dinamici il cui comportamento ricalca fedelmente il funzionamento di un prodotto finito. Esistono tra diverse versioni di Figma:
Forte del marchio di una delle aziende storiche del comparto high tech, Adobe XD è una soluzione per la creazione di prototipi realistici nella realizzazione di UX per applicazioni, siti Web, videogame e brand. Supporta l'importazione di contenuti da altri software della stessa casa madre come per esempio Photoshop, Illustrator e Sketch, consente di scegliere tra migliaia di Adobe Fonts e di sincronizzali in diversi progetti tramite un account Creative Cloud. Adobe XD mette inoltre a disposizione strumenti di disegno vettoriale con cui creare layout ed elementi per le UI e permette di realizzare prototipi in grado di incorporare video riproducibili, di definire dei comandi vocali per il controllo dei prototipi e di inserire in essi microinterazioni ed effetti animati. Non mancano funzionalità per lo sviluppo collaborativo in tempo reale e il coediting, le risorse per la realizzazione dei progetti possono essere condivise facilmente tramite link ed è supportata l'integrazione con il network creativo di Behance per presentazioni e showcase. Adobe XD offre una versione di prova gratuita di 7 giorni mentre le formule di acquisto prevedono:
"Design with empathy for your user" è lo slogan degli sviluppatori di UserTesting, un UX Research tool che permette di condurre facilmente test di usabilità e di ottenere risultati utili alla progettazione di UX e prodotti pensati per la massima soddisfazione da parte dei fruitori. UserTesting consente di verificare in che modo l'utenza target interagisce con un particolare tipo di design e di raccogliere feedback attraverso cui disporre di dati utili per identificare quali aspetti di un UX generano difficoltà di utilizzo e confusione. Si tratta di uno strumento studiato per permettere agli sviluppatori di agire in modo proattivo, questo significa che i difetti e i colli di bottiglia presenti in un wireframe o in un prototipo vengono rilevati prima ancora che si debba scrivere anche una sola linea di codice. Le attività di UX Research possono essere effettuate indipendentemente dal dispositivo e dal sistema operativo (Android, iOS..) su cui vengono effettuati i test presso gli stakeholder, è inoltre possibile realizzare delle presentazioni filmate con cui vengono tracciati i comportamenti degli utenti in diversi scenari durante l'utilizzo delle UI. E' possibile accedere ad una versione trial di UserTesting e testarne gratuitamente le funzionalità, per conoscere i prezzi del servizio è invece necessario contattare direttamente gli sviluppatori.
- quali problemi devo risolvere? Ovvero, questo UX Tool ha tutte le funzionalità che mi servono?
- l'applicazione è facile da utilizzare e offre una UI intuitiva?
- le funzionalità disponibili permettono di ottenere il risultato atteso?
- è possibile condividere un progetto con i collaboratori?
- l'applicazione può essere integrata con altri strumenti che utilizzo per il mio lavoro?
- la spesa è giustificata dalle caratteristiche del tool?
Talebook
- Starter: 6 dollari al mese per 3 progetti attivi alla volta;
- Pro: 12 dollari al mese per 12 progetti;
- Agency: 26 dollari al mese per un numero illimitato di progetti.
Overflow
Overflow è una soluzione che permette di studiare e progettare flussi utente utilizzando sia semplici oggetti (forme geometriche, frecce..) che screenshot prelevati da applicazioni o siti Web preesistenti. Le schermate che compongono un elaborato possono essere riadattate, posizionate su diversi livelli e collegate tra loro per realizzare dei diagrammi di flusso stilizzabili in cui è possibile aggiungere delle annotazioni. Si tratta di un UX Design tool integrabile con diverse altre applicazioni come Sketch, Figma, Adobe XD e Photoshop, è disponibile una modalità "Presentazione" con cui mostrare i diagrammi realizzati ed è supportata la condivisione dei progetti tramite un'apposita infrastruttura Cloud in cui i contenuti sono protetti da password. Overflow viene distribuito tramite due piani tariffari:
- Pro: 12 euro al mese per 1GB di Cloud Storage, strumenti avanzati per la condivisione, supporto alla stampa in PDF e all'esportazione in PNG. E' prevista la possibilità di provare gratuitamente il servizio.
- Enterprise: il costo viene stabilito di volta in volta con i clienti, sono incluse tutte le funzionalità Pro a cui si aggiungono il supporto per il versioning illimitato, strumenti più avanzati per la sicurezza e la gestione utenti e vengono rimossi i limiti relativi agli utilizzatori che possono accedere alla piattaforma.
Figma
Figma è innanzitutto uno strumento completo per la collaborazione tra utenti che partecipano ad un processo di progettazione. Questo tool consente di condividere qualsiasi aspetto dell'UX Design a partire dai diagrammi e dalla note a corredo, si possono inoltre organizzare workshop tramite una whiteboard online, chiamata FigJam, offerta come spazio per il brainstorming all'interno dei team. Figma e FigJam sono due ambienti integrati ed interoperabili, questo consente di seguire passo passo qualsiasi workflow correlato alla progettazione delle UX, dalla loro ideazione fino alla fase di esecuzione. Sono disponibili funzionalità dedicate alla presentazione dei progetti e alla raccolta dei feedback da parte di partecipanti e tester, agli utenti viene messo infatti a disposizione un prototipo interattivo realizzando animazioni e overlay dinamici il cui comportamento ricalca fedelmente il funzionamento di un prodotto finito. Esistono tra diverse versioni di Figma:
- Professional: 12 dollari per editore/mese (pagamento annuale o 15 dollari mese per mese);
- Organization: 45 dollari per editore/mese (fatturazione annuale);
- Enterprise: 45 dollari per editore/mese (fatturazione annuale).
Adobe XD
Forte del marchio di una delle aziende storiche del comparto high tech, Adobe XD è una soluzione per la creazione di prototipi realistici nella realizzazione di UX per applicazioni, siti Web, videogame e brand. Supporta l'importazione di contenuti da altri software della stessa casa madre come per esempio Photoshop, Illustrator e Sketch, consente di scegliere tra migliaia di Adobe Fonts e di sincronizzali in diversi progetti tramite un account Creative Cloud. Adobe XD mette inoltre a disposizione strumenti di disegno vettoriale con cui creare layout ed elementi per le UI e permette di realizzare prototipi in grado di incorporare video riproducibili, di definire dei comandi vocali per il controllo dei prototipi e di inserire in essi microinterazioni ed effetti animati. Non mancano funzionalità per lo sviluppo collaborativo in tempo reale e il coediting, le risorse per la realizzazione dei progetti possono essere condivise facilmente tramite link ed è supportata l'integrazione con il network creativo di Behance per presentazioni e showcase. Adobe XD offre una versione di prova gratuita di 7 giorni mentre le formule di acquisto prevedono:
- gli strumenti di Adobe XD per la creazione e la condivisione di progetti per siti Web, App mobile e altre UX a 12,19 euro al mese;
- oltre 20 App Creative Cloud tra cui XD, Photoshop, Illustrator e After Effects a 36,59 euro al mese.
UserTesting
"Design with empathy for your user" è lo slogan degli sviluppatori di UserTesting, un UX Research tool che permette di condurre facilmente test di usabilità e di ottenere risultati utili alla progettazione di UX e prodotti pensati per la massima soddisfazione da parte dei fruitori. UserTesting consente di verificare in che modo l'utenza target interagisce con un particolare tipo di design e di raccogliere feedback attraverso cui disporre di dati utili per identificare quali aspetti di un UX generano difficoltà di utilizzo e confusione. Si tratta di uno strumento studiato per permettere agli sviluppatori di agire in modo proattivo, questo significa che i difetti e i colli di bottiglia presenti in un wireframe o in un prototipo vengono rilevati prima ancora che si debba scrivere anche una sola linea di codice. Le attività di UX Research possono essere effettuate indipendentemente dal dispositivo e dal sistema operativo (Android, iOS..) su cui vengono effettuati i test presso gli stakeholder, è inoltre possibile realizzare delle presentazioni filmate con cui vengono tracciati i comportamenti degli utenti in diversi scenari durante l'utilizzo delle UI. E' possibile accedere ad una versione trial di UserTesting e testarne gratuitamente le funzionalità, per conoscere i prezzi del servizio è invece necessario contattare direttamente gli sviluppatori.
Conclusioni
L'User Experience Design è un'attività professionale e per operare in questo settore è necessario disporre delle competenze necessarie per scegliere i migliori strumenti di lavoro. Da questo punto di vista è fondamentale affrontare un percorso di formazione dedicato, come quello offerto da Talent Garden con il suo UX Design Master, l'unico in Italia che permette di diventare Junior UX Designer in appena 14 settimane. La prossima edizione del Master è prevista per il 28 Marzo 2022 e sarà tenuta in modalità blended learning con più di 11 settimane di lezioni live online. La 1ª, 4ª e 8ª settimana saranno invece presenza nei Campus di Milano e Roma da Talent Garden. Il Master si avvale di una collaborazione con l'Istituto Pantheon Design & Technology grazie al quale la frequentazione garantisce il riconoscimento di 24 crediti formativi accademici/universitari.
Articolo aggiornato il: 30 agosto 2023
Continua a leggere
Prototyping Tools: migliori strumenti prototipazione per UX Designer
Ideazione, progettazione e prototipazione sono le fasi preliminari necessarie per la realizzazione di una UX pronta per ...
25/05/2022
Prototipazione: 10 tool fondamentali per creare mockup e interfacce
Una delle frasi più popolari nel mondo del design appartiene a IDEO, che afferma: "Se un'immagine vale più di mille ...
11/06/2020
Coerenza nel Design System: 8 plugin e widget Figma consigliati
Un widget è una piccola applicazione o strumento che svolge una funzione specifica all'interno di un programma o di ...
28/03/2023
Human Centered Design Process: spiegazione e metodologie
È possibile progettare un’interfaccia, un’esperienza d’uso o un prodotto prendendo spunto dal concetto di empatia? ...
09/05/2022