Breve panoramica di ruoli e strumenti nell'ambito dello UX design.
Lezione (e workshop!) per il corso 2014 di Comunicazione Visiva e Design delle Interfacce, all'Università di Milano-Bicocca.
Special thanks: Boraso.com
UX design - Breve panoramica su strumenti e professionalità
Presentazione spiegata in aula, all'Università degli Studi di Milano-Bicocca - Unimib.
Strumenti, Metodi e Workflow per raggiungere lo User Centered Design nella creazione di esperienze digitali.
Conoscere l'utente e tenerlo sempre al centro: come progettare un'esperienza ...Marco Buonvino
Come viene applicato il processo di User Centered Design per un sito immobiliare? Una panoramica sugli strumenti, sul processo e sui risultati grazie a un esempio concreto.
Presentazione @EIRE 2014, con Boraso.com Real Estate.
Metodi di usability testing per mobile devices, fra cui test di usabilità e paper prototyping. Presentato con Paolo Montevecchi (@giesus) a Bologna per la settima edizione del IAsummit 2013, con Architecta (http://www.architecta.it)
Realizzare una buona UI aiuta a migliorare UX (oppure è il contrario)?
Applicare la grafica non si riduce ad un insieme di forme e colori: progettare correttamente permette di creare interfacce funzionanti per vivere un’esperienza memorabile.
User testing nello sviluppo di un'architettura dell'informazione: il Card Sor...Marco Buonvino
Lo user test è uno strumento molto utile nel compito di creazione di un'interfaccia o di un sito web. Fra i vari tipi di user test, il Card Sorting rappresenta un metodo rapido ed economico per la raccolta di indicazioni nello sviluppo di un'architettura dell'informazione basata sulle necessità dell'utente, e quindi in ottica user-centered.
Nello speech sarà data una panoramica sull'importanza del concetto di user testing a favore del web design, con una particolare enfasi sullo strumento Card Sorting, nelle sue versioni principali, come supporto per lo sviluppo di una robusta architettura.
Cos'è la User Experience, e chi se ne occupa? il 13 Dicembre 2017, al TIM WCAP di Bologna si è parlato di UX Design, delle sue applicazioni e dello spazio che dovrebbe avere all'interno di un progetto digitale in ambito startup: dalle competenze necessarie alle applicazioni di queste nelle varie fasi di sviluppo e progettazione.
UX Genova 2016 - Dalla UX alla UI: interfacce grafiche Francesco Acerbi
Intervento di "UX Genova 2016"
Realizzare una buona UI aiuta a migliorare UX? Progettare correttamente permette di creare interfacce funzionanti per vivere un’esperienza memorabile.
(versione aggiornata e dettagliata)
UX design - Breve panoramica su strumenti e professionalità
Presentazione spiegata in aula, all'Università degli Studi di Milano-Bicocca - Unimib.
Strumenti, Metodi e Workflow per raggiungere lo User Centered Design nella creazione di esperienze digitali.
Conoscere l'utente e tenerlo sempre al centro: come progettare un'esperienza ...Marco Buonvino
Come viene applicato il processo di User Centered Design per un sito immobiliare? Una panoramica sugli strumenti, sul processo e sui risultati grazie a un esempio concreto.
Presentazione @EIRE 2014, con Boraso.com Real Estate.
Metodi di usability testing per mobile devices, fra cui test di usabilità e paper prototyping. Presentato con Paolo Montevecchi (@giesus) a Bologna per la settima edizione del IAsummit 2013, con Architecta (http://www.architecta.it)
Realizzare una buona UI aiuta a migliorare UX (oppure è il contrario)?
Applicare la grafica non si riduce ad un insieme di forme e colori: progettare correttamente permette di creare interfacce funzionanti per vivere un’esperienza memorabile.
User testing nello sviluppo di un'architettura dell'informazione: il Card Sor...Marco Buonvino
Lo user test è uno strumento molto utile nel compito di creazione di un'interfaccia o di un sito web. Fra i vari tipi di user test, il Card Sorting rappresenta un metodo rapido ed economico per la raccolta di indicazioni nello sviluppo di un'architettura dell'informazione basata sulle necessità dell'utente, e quindi in ottica user-centered.
Nello speech sarà data una panoramica sull'importanza del concetto di user testing a favore del web design, con una particolare enfasi sullo strumento Card Sorting, nelle sue versioni principali, come supporto per lo sviluppo di una robusta architettura.
Cos'è la User Experience, e chi se ne occupa? il 13 Dicembre 2017, al TIM WCAP di Bologna si è parlato di UX Design, delle sue applicazioni e dello spazio che dovrebbe avere all'interno di un progetto digitale in ambito startup: dalle competenze necessarie alle applicazioni di queste nelle varie fasi di sviluppo e progettazione.
UX Genova 2016 - Dalla UX alla UI: interfacce grafiche Francesco Acerbi
Intervento di "UX Genova 2016"
Realizzare una buona UI aiuta a migliorare UX? Progettare correttamente permette di creare interfacce funzionanti per vivere un’esperienza memorabile.
(versione aggiornata e dettagliata)
In questa presentazione, ho provato a percorrere la strada che ha portato dal modello "classico" della Human-Computer-Interaction all'attuale modello dello User-Experience Design, un "cappello" multi-disciplinare sotto il quale oggi si raccolgono diverse competenze, pratiche e metodologie (architettura delle informazioni, etnografia, interaction design, graphic and visual design, web/software design and development, user-testing, per dirne alcune) utilizzate per la progettazione e la realizzazione non solo di interfacce (software/applicative, web, mobile, ecc.) ma anche e soprattutto di servizi (cross-canale, cross-device, multi-ambiente) e di vere e proprie "esperienze utente". Da qui, ho provato a guardare al futuro, dallo UXD delle reti sociali alle contraddizioni fra convergenza delle metafore d'interazione e frammentazione dei medium di fruizione, per arrivare a immaginare di poter parlare un giorno di "Humanity-Cloud Interaction".
USER EXPERIENCE E MARKETING: UN'ALCHIMIA VINCENTE PER UNA PROGETTAZIONE CENTRATA SULLE PERSONE | Relatore Debora Bottà
La progettazione centrata sulle persone consente di creare esperienze memorabili che favoriscono la fidelizzazione al brand, il passaparola e consentono di incrementare il ritorno sugli investimenti per un progetto web.
Questo si realizza abbracciando un processo di progettazione che parte dalla ricerca sugli utenti, passa all’analisi per arrivare a un progetto testato con gli utenti, non dimenticandosi però di coinvolgere nel team di lavoro anche gli stakeholder.
La user experience (UX) comprende l’usabilità intesa come facilità d’uso di un sito, la sua bellezza estetica e anche la ricerca di soluzioni che rispondano a bisogni reali degli utenti. Infatti, è proprio nel punto d’incontro tra gli obiettivi di business e i bisogni degli utenti che si realizzano siti web “vincenti”.
Con questo approccio user-centered si acquisisce la consapevolezza che un progetto web non finisce nel momento del go-live ma, anzi, deve proseguire con un percorso di miglioramento costante nel tempo, di monitoraggio, verifica e correzione, supportato da specialisti sia di UX sia di marketing.
Relatore
Debora Bottà – User experience designer
Debora inizia la sua avventura professionale nel web nel 2001, quando trasforma la passione per la tecnologia e i suoi progetti sperimentali in un’attività lavorativa al servizio di aziende innovative. Integrando il digitale con gli apporti accademici nell’ambito delle scienze sociali, accompagna l’evoluzione della progettazione web dal concetto di usabilità a quello di user experience. Si afferma come UX designer collaborando alla realizzazione di molti progetti che spaziano tra siti istituzionali, intranet, ecommerce e social network. E’ membro del Consiglio Direttivo di Architecta, Società Italiana di Architettura dell’Informazione, e del gruppo di coordinamento dello UX BookClub di Milano. Non cambierebbe il suo lavoro con nessun altro, per le opportunità di apprendimento e confronto continui nel trovare soluzioni utili alle persone. Fautrice di una progettazione centrata sulle persone, si dedica a diffondere il più possibile questa cultura.
Jacopo Pasquini in Open Campus. Usability & UX: 10 consigli per il tuo sito webOpen Campus Tiscali
In che modo è possibile capire se un sito è solo bello o funzionale, efficace e soprattutto in grado di raggiungere gli obiettivi di business dell’azienda?
Esistono moltissime linee guida di buona progettazione per valutare il web design prodotte dai maggiori esperti internazionali del settore. Jacopo Pasquini, autore, insieme a Simone Giomi, del libro “Web usability” propone una sintesi completa e ragionata di queste linee guida: una check-list basata su 10 punti, 10 mini consulenze frutto dell’ esperienza professionale e teorica sua e del suo team che vi permetterà di valutare l’usabilità e la user experience di un sito web.
Durante la lezione verranno analizzati quali sono i fattori che determinano l’efficacia della comunicazione e la facilità d’uso di un sito web e quali sono gli strumenti attraverso i quali è possibile valutarli.
Dalla navigazione, alla brand identity, dalla scrittura sul web, dal visual al responsive design.
Explore Talks on "User Experience & User Interface Design" / UX e UI: le diff...Coppa+Landini
Massimiliamo Cucciniello - UX/UI Designer di Coppa+Landini - fa un focus sul design delle interfacce digitali e dell’importanza della scelta dei colori, funzionale in entrambe le fasi di progettazione di un’interfaccia o servizio (UX e UI)
Qual è il processo ideale di design, almeno agli occhi due UX designer? Come si può andare incontro a una progettazione più User Centered?
5 Takeaways derivanti dall'esperienza di Luana Donetti (@ldonetti) e Marco Buonvino (@marcobuonvino) all'interno di web agency e agenzie di comunicazione.
Versione aggiornata con alcuni piccoli miglioramenti alle infografiche, sulla base dei feedback ricevuti durante i talk.
Una storia di esperimenti volti a trovare il miglior modo di fare "ux" in ambito Agile. "UX, Scrum e Gilde" affronta la sfida di integrare lo user experience design e Scrum, focalizzando l'attenzione sull'importanza di trovare il giusto equilibrio tra strategia e iterazione.
La presentazione si divide in quattro sezioni principali:
1. Cos'è lo UX design e qual è il suo valore?
2. Lo UX designer e il team.
3. UX e Scrum (in che modo è possibile portare il design a bordo del team Scrum?)
4. Le persone e l'organizzazione.
Usabilità, UX e UI sono cose molto importanti ma ben diverse. L'Usabilità al centro di tutto perché è la logica e l’obiettivo di tutto il progetto, avviene prima della fase UX che, a sua volta, precede l’UI.
In questa presentazione, ho provato a percorrere la strada che ha portato dal modello "classico" della Human-Computer-Interaction all'attuale modello dello User-Experience Design, un "cappello" multi-disciplinare sotto il quale oggi si raccolgono diverse competenze, pratiche e metodologie (architettura delle informazioni, etnografia, interaction design, graphic and visual design, web/software design and development, user-testing, per dirne alcune) utilizzate per la progettazione e la realizzazione non solo di interfacce (software/applicative, web, mobile, ecc.) ma anche e soprattutto di servizi (cross-canale, cross-device, multi-ambiente) e di vere e proprie "esperienze utente". Da qui, ho provato a guardare al futuro, dallo UXD delle reti sociali alle contraddizioni fra convergenza delle metafore d'interazione e frammentazione dei medium di fruizione, per arrivare a immaginare di poter parlare un giorno di "Humanity-Cloud Interaction".
Oggi ogni tipo di interazione digitale fra uomo e macchina dovrebbe transitare da un UX Designer. Perché?
Lo scopriamo a CommitUniversity grazie a Simone Giomi
Il 13 luglio 2020 tutte le startup ed i partner del network Le Village by CA Parma si sono incontrati virtualmente, durante un evento di reciproca presentazione e di confronto.
In questo documento puoi visualizzare le presentazioni che sono state utilizzare durante il Demo Day.
In questa presentazione, ho provato a percorrere la strada che ha portato dal modello "classico" della Human-Computer-Interaction all'attuale modello dello User-Experience Design, un "cappello" multi-disciplinare sotto il quale oggi si raccolgono diverse competenze, pratiche e metodologie (architettura delle informazioni, etnografia, interaction design, graphic and visual design, web/software design and development, user-testing, per dirne alcune) utilizzate per la progettazione e la realizzazione non solo di interfacce (software/applicative, web, mobile, ecc.) ma anche e soprattutto di servizi (cross-canale, cross-device, multi-ambiente) e di vere e proprie "esperienze utente". Da qui, ho provato a guardare al futuro, dallo UXD delle reti sociali alle contraddizioni fra convergenza delle metafore d'interazione e frammentazione dei medium di fruizione, per arrivare a immaginare di poter parlare un giorno di "Humanity-Cloud Interaction".
USER EXPERIENCE E MARKETING: UN'ALCHIMIA VINCENTE PER UNA PROGETTAZIONE CENTRATA SULLE PERSONE | Relatore Debora Bottà
La progettazione centrata sulle persone consente di creare esperienze memorabili che favoriscono la fidelizzazione al brand, il passaparola e consentono di incrementare il ritorno sugli investimenti per un progetto web.
Questo si realizza abbracciando un processo di progettazione che parte dalla ricerca sugli utenti, passa all’analisi per arrivare a un progetto testato con gli utenti, non dimenticandosi però di coinvolgere nel team di lavoro anche gli stakeholder.
La user experience (UX) comprende l’usabilità intesa come facilità d’uso di un sito, la sua bellezza estetica e anche la ricerca di soluzioni che rispondano a bisogni reali degli utenti. Infatti, è proprio nel punto d’incontro tra gli obiettivi di business e i bisogni degli utenti che si realizzano siti web “vincenti”.
Con questo approccio user-centered si acquisisce la consapevolezza che un progetto web non finisce nel momento del go-live ma, anzi, deve proseguire con un percorso di miglioramento costante nel tempo, di monitoraggio, verifica e correzione, supportato da specialisti sia di UX sia di marketing.
Relatore
Debora Bottà – User experience designer
Debora inizia la sua avventura professionale nel web nel 2001, quando trasforma la passione per la tecnologia e i suoi progetti sperimentali in un’attività lavorativa al servizio di aziende innovative. Integrando il digitale con gli apporti accademici nell’ambito delle scienze sociali, accompagna l’evoluzione della progettazione web dal concetto di usabilità a quello di user experience. Si afferma come UX designer collaborando alla realizzazione di molti progetti che spaziano tra siti istituzionali, intranet, ecommerce e social network. E’ membro del Consiglio Direttivo di Architecta, Società Italiana di Architettura dell’Informazione, e del gruppo di coordinamento dello UX BookClub di Milano. Non cambierebbe il suo lavoro con nessun altro, per le opportunità di apprendimento e confronto continui nel trovare soluzioni utili alle persone. Fautrice di una progettazione centrata sulle persone, si dedica a diffondere il più possibile questa cultura.
Jacopo Pasquini in Open Campus. Usability & UX: 10 consigli per il tuo sito webOpen Campus Tiscali
In che modo è possibile capire se un sito è solo bello o funzionale, efficace e soprattutto in grado di raggiungere gli obiettivi di business dell’azienda?
Esistono moltissime linee guida di buona progettazione per valutare il web design prodotte dai maggiori esperti internazionali del settore. Jacopo Pasquini, autore, insieme a Simone Giomi, del libro “Web usability” propone una sintesi completa e ragionata di queste linee guida: una check-list basata su 10 punti, 10 mini consulenze frutto dell’ esperienza professionale e teorica sua e del suo team che vi permetterà di valutare l’usabilità e la user experience di un sito web.
Durante la lezione verranno analizzati quali sono i fattori che determinano l’efficacia della comunicazione e la facilità d’uso di un sito web e quali sono gli strumenti attraverso i quali è possibile valutarli.
Dalla navigazione, alla brand identity, dalla scrittura sul web, dal visual al responsive design.
Explore Talks on "User Experience & User Interface Design" / UX e UI: le diff...Coppa+Landini
Massimiliamo Cucciniello - UX/UI Designer di Coppa+Landini - fa un focus sul design delle interfacce digitali e dell’importanza della scelta dei colori, funzionale in entrambe le fasi di progettazione di un’interfaccia o servizio (UX e UI)
Qual è il processo ideale di design, almeno agli occhi due UX designer? Come si può andare incontro a una progettazione più User Centered?
5 Takeaways derivanti dall'esperienza di Luana Donetti (@ldonetti) e Marco Buonvino (@marcobuonvino) all'interno di web agency e agenzie di comunicazione.
Versione aggiornata con alcuni piccoli miglioramenti alle infografiche, sulla base dei feedback ricevuti durante i talk.
Una storia di esperimenti volti a trovare il miglior modo di fare "ux" in ambito Agile. "UX, Scrum e Gilde" affronta la sfida di integrare lo user experience design e Scrum, focalizzando l'attenzione sull'importanza di trovare il giusto equilibrio tra strategia e iterazione.
La presentazione si divide in quattro sezioni principali:
1. Cos'è lo UX design e qual è il suo valore?
2. Lo UX designer e il team.
3. UX e Scrum (in che modo è possibile portare il design a bordo del team Scrum?)
4. Le persone e l'organizzazione.
Usabilità, UX e UI sono cose molto importanti ma ben diverse. L'Usabilità al centro di tutto perché è la logica e l’obiettivo di tutto il progetto, avviene prima della fase UX che, a sua volta, precede l’UI.
In questa presentazione, ho provato a percorrere la strada che ha portato dal modello "classico" della Human-Computer-Interaction all'attuale modello dello User-Experience Design, un "cappello" multi-disciplinare sotto il quale oggi si raccolgono diverse competenze, pratiche e metodologie (architettura delle informazioni, etnografia, interaction design, graphic and visual design, web/software design and development, user-testing, per dirne alcune) utilizzate per la progettazione e la realizzazione non solo di interfacce (software/applicative, web, mobile, ecc.) ma anche e soprattutto di servizi (cross-canale, cross-device, multi-ambiente) e di vere e proprie "esperienze utente". Da qui, ho provato a guardare al futuro, dallo UXD delle reti sociali alle contraddizioni fra convergenza delle metafore d'interazione e frammentazione dei medium di fruizione, per arrivare a immaginare di poter parlare un giorno di "Humanity-Cloud Interaction".
Oggi ogni tipo di interazione digitale fra uomo e macchina dovrebbe transitare da un UX Designer. Perché?
Lo scopriamo a CommitUniversity grazie a Simone Giomi
Il 13 luglio 2020 tutte le startup ed i partner del network Le Village by CA Parma si sono incontrati virtualmente, durante un evento di reciproca presentazione e di confronto.
In questo documento puoi visualizzare le presentazioni che sono state utilizzare durante il Demo Day.
BicoccaQui progetto di Comunicazione visiva e design delle interfacce.Roberta Gionni
Progettazione e sviluppo del prototipo di una knowledge base sul quartiere Bicocca di Milano.
Il design è stato realizzato per dispositivi desktop, tablet e smartphone
myPartners - UX efficace per condivisione documenti e impegniWeb Site srl
myPartners è una Rich Internet Application (basata sulla tecnologia Adobe AIR) che, grazie alla sua capacità di creare dinamicamente interazioni tra componenti applicativi e alle sue feature di in-context real-time collaboration, costituisce una potente piattaforma per archiviare, consultare, condividere documenti e organizzare appuntamenti e scadenze.
Web Site srl
www.websiteitalia.com
UX Design. What, How and Why. [Downloadable version - English]Serena Facchinetti
Here's a Creative Commons version of my old presentation on User Experience Design. You can download it and use it if you want, if you do, drop me a line, I'd be curious to know it :)
UX Design e Web Usability - SMAU Firenze 2015Jacopo Pasquini
Abstract "UX Design e Web Usability: il checkup per siti belli e facili da usare" (Jacopo Pasquini, Simone Giomi).
Come è possibile capire se un sito è solo piacevole da vedere o anche funzionale, efficace e soprattutto in grado di raggiungere gli obiettivi di business dell’azienda?
Attraverso un’attenta analisi di usabilità e UX, cioè attraverso uno studio mirato di tutti quei fattori che determinano l’efficacia della comunicazione e la facilità d’uso di un sito web: la navigazione, la brand identity, la scrittura sul web, lo svolgimento di compiti complessi, il visual design, la conformità ai più recenti standard tecnici come il responsive design.
In pratica, quali sono gli strumenti concettuali per compiere il checkup?
Esistono una marea di linee guida di buona progettazione per valutare il web design prodotte dai maggiori esperti internazionali del settore. Noi proponiamo una sintesi completa e ragionata di queste linee guida: una checklist basata su 10 punti, 10 mini consulenze frutto della nostra esperienza professionale e teorica che vi permetteranno di valutare l’usabilità e la user experience di un sito web.
Su quali tipi di siti web è possibile compiere un’analisi di user experience e usabilità?
Su qualsiasi tipi di sito web, da quello istituzionale a quello commerciale, dal semplice sito vetrina, al portale specializzato di informazioni, passando per il sito di eventi. Nel nostro libro abbiamo dedicato un approfondimento particolare al mondo degli e-commerce, fornendo consigli su come ottimizzare la comunicazione e le vendite di uno shop on-line.
Target: Project manager e specialisti delle digital agency, esperti web marketing, grafici, designer, sviluppatori, consulenti, docenti, freelance, startupper, studenti, giornalisti, blogger, manager di azienda.
pratiche quotidiane di progettazione agile vissute dallo Sketchin team in due anni di applicazione della metodologia AgileUXD (http://www.uxmagazine.it/information-architecture/nuovo-approccio-al-design-agile/) su progetti realizzati con differenti team di sviluppatori XP
Qual è il processo ideale di design, almeno agli occhi due UX designer? Come si può andare incontro a una progettazione più User Centered?
5 Takeaways derivanti dall'esperienza di Luana Donetti (@ldonetti) e Marco Buonvino (@marcobuonvino) all'interno di web agency e agenzie di comunicazione.
http://www.slideshare.net/bastianlion/follow-the-ux-path-appsterdam
We present a Zooming User Interface which embodies some focus+context features. The design process is also discussed. The presentation is related to a paper selected for Italian Ergonomics Society Congress, Rome 26-29 October 2010.
Tutto quello che non vuoi sapere sulla User experience. Una introduzione per sviluppatori interessati a dialogare con i designer.
Cos'è la User Experience e lo user experience design?
Cosa accomuna developers e designers?
Sometimes I am asked to evangelize about UX (User experience Design).
Here I list a series of activities I advice for business companies and communication agencies in Italy.
1. Pianificazione e scoperta
Pianificazione UX
Intervista stakeholders
Workshop
Brief di progetto
2. Analisi e ricerca
Info mancanti
Ricerca con utenti Utenti tipo e contesti
Analisi competitiva UX
Best practices
Patterns di contenuto
3. Design
Debrief
Principi di design
Wireframe lo-fi
Scelta dei wireframe lo-fi
Flussi
Wireframes Microinterazioni
Patterns UX
4. Validazione
Prototipi
Valutazione
Test di usabilità
Allineamento periodico
Una storia di esperimenti volti a trovare il miglior modo di fare "ux" in ambito Agile. "UX, Scrum e Gilde" affronta la sfida di integrare lo user experience design e Scrum, focalizzando l'attenzione sull'importanza di trovare il giusto equilibrio tra strategia e iterazione.
La presentazione si divide in quattro sezioni principali:
1. Cos'è lo UX design e qual è il suo valore?
2. Lo UX designer e il team.
3. UX e Scrum (in che modo è possibile portare il design a bordo del team Scrum?)
4. Le persone e l'organizzazione.
La centralità della Customer Experience rappresenta uno degli elementi fondamentali per il successo di un'azienda.
Oggi generare valore per i nostri utenti non significa soltanto interrogarsi sui loro bisogni; occorre focalizzarsi sull'intera esperienza che il nostro utente vivrà prima, durante e dopo l'interazione con il prodotto o servizio.
Nell'ambito dello sviluppo agile del software, questa esigenza si traduce, in primo luogo, nella necessità di acquisire una profonda conoscenza dei propri utenti e, in secondo luogo, nell'usare questa conoscenza per generare ipotesi, che andranno implementate e validate iterazione dopo iterazione.
In questo scenario la collaborazione tra il designer e il resto del team diventa fondamentale, a partire dalla generazione delle ipotesi iniziali, che andranno, prima di tutto, validate dal punto di vista della fattibilità tecnologica.
Durante il meetup risponderemo, con una serie di esempi concreti, a quattro principali domande:
1. Cosa significa "generare valore" per l'utente finale oggi?
2. Quali strumenti abbiamo a disposizione per conoscere e formulare le nostre ipotesi?
3. Quali metriche possiamo utilizzare per validare e misurare il valore dei nostri prodotti per gli utenti finali?
4. Come possiamo integrare le competenze dello UX design all'interno dei nostri team Scrum?
Quanto conosciamo i nostri utenti | Italian Agile Day 2018Emanuele Mantovani
Le slide del mio talk allo IAD 2018 "Quanto conosciamo i nostri utenti"
Generare valore per l’utente finale è un elemento fondamentale per il successo di un software. Ma siamo davvero sicuri di conoscere i nostri utenti? Quali strumenti abbiamo a disposizione per conoscerli e formulare ipotesi corrette e quali metriche possiamo utilizzare per validare e misurare il valore dei nostri prodotti per l’utente finale? Attraverso esempi concreti scopriremo come lo UX Design possa aiutarci a rispondere a queste domande e come possa integrarsi in un contesto agile.
Consigli su come sviluppare e rilasciare App di Qualità:
1 portare utenti finali nel progetto di sviluppo, 2 elementi da considerare in fase di testing, 3 progettare un'interaction design di successo, 4 dall'idea all'app di successo, 5 azzerare il tasso di abbandono.
9. Ciò che una persona prova quando si relaziona con un
prodotto, un sistema, un servizio, un brand.
Comprende tutto ciò che si avviene prima (l’aspettativa),
durante (l’esperienza) e dopo (il ricordo) l’interazione,
all’interno del contesto di svolgimento.
CHE COS’È LA UX?
User eXperience
12. UX designer
Progetta l’esperienza d’uso di un processo o di un obiettivo
Cerca di capire:
• chi è l’utente, le sue caratteristiche e le sue necessità
• come sfruttare il contesto d’interazione
Lavora con:
• strumenti di behavioural design, come Personas, Scenari
d’uso e User Journeys
LE FIGURE PROFESSIONALI
13. Interaction designer
Lavora per realizzare una User Interface:
• che risponda alle necessità dell’utente
• che sia usabile e accessibile
Lavora con:
• Sketch, Wireframe, Flussi di interazione e Prototipi
LE FIGURE PROFESSIONALI
Si occupa di progettare l’interazione uomo-interfaccia
14. Cerca di rendere i contenuti:
• facilmente individuabili e raggiungibili
• ordinati logicamente in strutture adatta ai requisiti
Adora lavorare con:
• Schemi e diagrammi di architettura informativa
Information Architect
LE FIGURE PROFESSIONALI
Si occupa della gestione e dell’organizzazione dei contenuti
15. Usability Researcher
Individua i problemi di usabilità e ne identifica le motivazioni
LE FIGURE PROFESSIONALI
Nel suo lavoro:
• collabora strettamente con il designer
• chiede la partecipazione di utenti finali
• va d’accordo con esperti di web analytics
I suoi strumenti:
• Test di usabilità, Valutazione euristica, Linee guida
18. • Bisogni e necessità
• Contesto e abitudini d’uso
• Comportamento durante l’interazione
• Atteggiamento e predisposizione
CAPIRE L’UTENTE
Cosa bisogna capire?
19. • Test di usabilità
• Competitive analysis
• Field Study / Etnografia
• Web Analytics
• A-B test / Multivariate test
Qualitativi
Quantitativi
CAPIRE L’UTENTE
Alcuni strumenti
21. Strumento a supporto della
fase di progettazione di un
sito web
Permette di raccogliere indicazioni
da utenti reali, slegati dal progetto
Alta qualità di risultati per costi
contenuti
Varie metodologie, adattabili al
contesto d’indagine
CAPIRE L’UTENTE - Il test di usabilità
22. Utente
utilizza l’interfaccia, svolge i task assegnati
Facilitatore
illustra i task, assiste l’utente, sprona il metodo
thinking aloud
Osservatori
raccolgono indicazioni sui comportamenti e sui
percorsi di interazione dell’utente
CAPIRE L’UTENTE - Il test di usabilità
I ruoli
23. Usability test qualitativi
• Svolgimento task attraverso:
- desktop
CAPIRE L’UTENTE - Il test di usabilità
Tipologie
24. Usability test qualitativi
• Svolgimento task attraverso:
- desktop
- mobile devices
CAPIRE L’UTENTE - Il test di usabilità
Tipologie
25. Usability test qualitativi
• Svolgimento task attraverso:
- desktop
- mobile devices
- paper prototypes
CAPIRE L’UTENTE - Il test di usabilità
Tipologie
26. Usability test qualitativi
• Svolgimento task attraverso:
• Card sorting
- desktop
- mobile devices
- paper prototypes
CAPIRE L’UTENTE - Il test di usabilità
Tipologie
27. Usability test qualitativi
• Svolgimento task attraverso:
Usability test quantitativi
• Eye Tracking
• Card sorting
- desktop
- mobile devices
- paper prototypes
CAPIRE L’UTENTE - Il test di usabilità
Tipologie
28. Card sorting
x ~15
‣ Nielsen,Why You Only Need to Test with 5 Users,Alertbox,2000
‣ Nielsen,Card Sorting: How Many Users to Test,Alertbox,2004
‣ Nielsen,How Many Test Users in a Usability Study?,Alertbox,2014
‣ Steve Krug,Rocket Surgery Made Easy,New Riders,2010
‣ Tullis and Wood,How Many Users Are Enough for a Card-Sorting Study?,2004
Qualitative
desktop
Qualitative tablet /
smartphone
Paper prototyping
x ~5
Eyetracking
x ~30
CAPIRE L’UTENTE - Il test di usabilità
Quanti utenti?
29. Il prima possibile!
Si può fare un test fin dai primi momenti di vita
di un progetto
CAPIRE L’UTENTE - Il test di usabilità
Quando fare un test?
30. • Indicazione dei problemi di usabilità
riscontrati
• Suddivisione per gravità e priorità di
intervento
• Raccomandazioni per la fase di UI design
CAPIRE L’UTENTE - Il test di usabilità
Risultati
31. • con metodo Aperto
• con metodo Chiuso
WIAD 2013
“User testing nello sviluppo di
un'architettura dell'informazione: il Card
Sorting”
http://www.slideshare.net/bastianlion/user-testing-nello-sviluppo-di-
unarchitettura-dellinformazione-il-card-sorting
CAPIRE L’UTENTE - Il test di usabilità
Card Sorting
33. • Particolare tipo di test di usabilità
• Si effettua un test su un competitor
• Findings positivi (best practices) e negativi (problemi
da evitare!)
• Ok, se non si ha ancora un sito proprio
CAPIRE L’UTENTE - Altri strumenti
Competitive analysis
34. • L’osservatore segue l’utente nella sua vita quotidiana,
senza interferire
• Obiettivo: raccogliere il maggior numero di
informazioni sulle abitudini di interazione
• È possibile capire i punti in cui gli utenti possono aver
bisogno di un’innovazione
• Molto costoso
CAPIRE L’UTENTE - Altri strumenti
Field study / Etnografia
35. • Le web analytics sono una raccolta quantitativa di
tutti i dati di navigazione
• Sono relativi all’intero bacino di utenza
• Più è ampio il traffico, più è possibile generalizzare
dei comportamenti
• Si vanno ad analizzare bounce rate, abbandoni o
percorsi specifici
CAPIRE L’UTENTE - Altri strumenti
Web Analytics
36. • Presentazione di varianti di progettazione all’intero
pubblico, in modo diretto e bilanciato
• A-B = 1 sola variabile
• Multivariate = più variabili contemporanee
• Devi comunque progettare tutte le variabili
CAPIRE L’UTENTE - Altri strumenti
A-B / Multivariate test
38. • Personas
• Sketch
• Scenari d’uso
• User journeys
DESIGN PER L’UTENTE
Gli strumenti principali
39. • Rappresentazioni di utenti tipo
• Necessità, obiettivi,
caratteristiche e abitudini d’uso
della tecnologia
• Derivati da serie di interviste con
utenti reali
• Proto-personas: basati su web
analytics e test di usabilità
DESIGN PER L’UTENTE
Personas
42. • Illustrazioni o schemi
• Raccontano la sequenza di
interazione di un utente con la UI
• Scopo: verificare e condividere con il
team quale possa essere
l’interazione e i passaggi su cui
focalizzare il design
• Molto utile per iniziare a raccontare
l’idea agli sviluppatori
DESIGN PER L’UTENTE
Sketch
43. • Documenti o schemi che illustrano
un’interazione verosimile da parte di un
utente tipo con l’interfaccia
• Considerazione del contesto e
dell’ambiente
• Scopo:
• verificare come l’interfaccia potrebbe
risolvere il task dell’utente,
• individuare problemi di usabilità
• individuare altre funzionalità di cui l’utente
potrebbe aver bisogno
DESIGN PER L’UTENTE
Scenari d’uso
44. • Diagrammi che illustrano tutti i
passaggi di interazione
dell’utente con l’interfaccia
• Vengono considerati anche i
momenti preliminari e
conseguenti rispetto
all’interazione (anche un
eventuale ritorno)
• Scopo: identificare i punti di
attrito, per capire dove
concentrare il design
DESIGN PER L’UTENTE
User Journeys
46. LE FASI DEL DESIGN
42
Il processo di progettazione
Low-Fi
Design
Med-Fi
Design
Hi-Fi
Design
T
E
S
T
T
E
S
T
T
E
S
T
Sviluppo
Manutenzione /
Ottimizzazione
Analytics
Brief
Behavioural
Research
A-B test /
multivariate
Behavioural
Design
48. • Design preliminare,
ancora in fase
esplorativa
• Schizzi su carta o
programmi di
wireframing rapido
(es. Balsamiq
Mockups)
LE FASI DEL DESIGN
Low - Fi Design
49. • Design intermedio
• Programmi di
wireframing
(es. Balsamiq
Mockups, Axure)
LE FASI DEL DESIGN
Med - Fi Design
50. • Design avanzato
• Programmi di
wireframing
(es. Axure)
• HTML + CSS
LE FASI DEL DESIGN
Hi - Fi Design
53. • Discount usability method
• È un’analisi condotta da esperti
• Per ridurre il bias, l’analisi viene condotta in
modo parallelo fra più valutatori (circa 3)
• Viene seguito il percorso di un task
rappresentativo, poi un’analisi completa
LE FASI DEL DESIGN - Discount methods
Analisi euristica di usabilità
54. • Discount usability method
• È un’analisi condotta attraverso l’utilizzo di
linee guida condivise o create ad hoc
• Metodo rapido, ma talvolta poco flessibile
LE FASI DEL DESIGN - Discount methods
Analisi tramite linee guida
57. • Lavoro di gruppo (3 persone is ok!)
• Circa 30 minuti
• Deliverable:
Wireframe Low-Fi
• Strumenti consigliati: Carta, Balsamiq
WORKSHOP
UI design
58. Il Cliente vuole creare un servizio per prenotare sale prova per
musicisti. Non è presente alcun sito web o app.
Obiettivi del Cliente:
• permettere ai musicisti di prenotare la sala prove
• consentire agli utenti di inserire recensioni o commenti
• dare ai gestori la possibilità di aggiungere la loro sala prove
• target di riferimento: musicisti sia novizi che esperti
WORKSHOP
Brief
59. • Wireframe Low-Fi della pagina principale
• (EPIC-level) Anche il wireframe Low-Fi di una
pagina di dettaglio di una saletta e del
sistema di prenotazione
Provate a farlo per tablet!
CHALLENGE ACCEPTED?
WORKSHOP
Consegne
60. • Un file di esempio per iPad
• iPad screen resolution: 1024x768
• Misure touch-friendly per le aree attive:
- 44x44 px - indice (misure Apple)
- 56x56 px - indice (misure da altre fonti)
- 72x72 px - pollice
http://bit.ly/12NZHYK
WORKSHOP
Utility
63. Steve Krug,
“Don’t Make Me Think”
“Rocket Surgery Made Easy”
Nielsen & Loranger
“Web Usability 2.0”
Donald Norman,
“La caffettiera del masochista”
“Emotional Design”
“Gestire la complessità”
Tutti i libri di
A-Book-Apart
Nielsen Alertbox
http://www.nngroup.com/
articles/
CONCLUDENDO
Letture consigliate
64. Milan UX Book Club
http://milanuxbookclub.wordpress.com
Appsterdam
http://www.meetup.com/AppsterdamMilan/
Architecta
http://www.architecta.it
AIAP
http://www.aiap.it
CONCLUDENDO
Cosa seguire / partecipare!