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
Progettazione dell'interfaccia utente e sviluppo di mock-up legati agli Use Case specificati.
Materiale relativo al corso di Sistemi Informativi Aziendali al Politecnico di Torino, a.a. 2013/2014.
Maggiori informaizoni sul corso: http://bit.ly/sistinfo
La Pantera Rosa reinterpretata e rivisitata in un viaggio cromatico brioso e divertente. Progetto realizzato in collaborazione tra gli studenti del Politecnico di Milano e MGM.
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
Progettazione dell'interfaccia utente e sviluppo di mock-up legati agli Use Case specificati.
Materiale relativo al corso di Sistemi Informativi Aziendali al Politecnico di Torino, a.a. 2013/2014.
Maggiori informaizoni sul corso: http://bit.ly/sistinfo
La Pantera Rosa reinterpretata e rivisitata in un viaggio cromatico brioso e divertente. Progetto realizzato in collaborazione tra gli studenti del Politecnico di Milano e MGM.
PARCO URBANO - IL VERDE A PONTE LAMBRO
Presentazione ed illustrazione dei risultati del questionario e del progetto preliminare sull'area adibita a parco in zona Ponte Lambro
3/12/2012, MILANO, CAM PAREA
1. Risultati questionario
2. Considerazioni distributivo-funzionali
3. Progetto preliminare
4. Verifiche tecniche
5. Passi futuri
Trasformazione del libro “L’anno del giardiniere” di Karel Čapek in un libro visivo. Il messaggio del libro (occorre avere pazienza e rispettare i ritmi della natura sia nella cura di un giardino, che nella vita) è veicolato dalla presenza di uno spago che annoda i capitoli del libro; il lettore è costretto a slegare i nodi per poter leggere il libro e rispetta quindi la struttura temporale del libro.
Gluten Free Experience, il social network per favorire l'aggregazione tra giovani celiaci.
Brief, casi studio e realizzazione del progetto.
Progetto di Laurea a cura di Michela Galbiati, Laura Trapani e Sara Scotti per il CdL in Communication Design (Politecnico di Milano).
Introduzione ai Big Data e alla scienza dei dati - Sistemi di raccomandazioneVincenzo Manzoni
Lezione 4 del corso di analisi dati tenuto al Palazzolo Digital Hub (Palazzolo sull'Oglio, Brescia) nel 2014. In questa quarta lezione si introducono i sistemi di raccomandazione.
Social Media Campaign per il lancio dell'attività di scooter sharing di Enjoy.
Progetto per il corso di Comunicazione Digitale, TTC, Università Bicocca
UXPA BOSTON 2013 - Visual Communication in UX research and designDory_Kronos
Communicating strategies, concepts, ideas and user research data to key decision-makers is a major challenge that user experience designers continuously face in the product design cycle. A big part of this challenge lies in the fact that user experience deliverables need to be communicated to a wide audience with various skills and expertise at different stages of the product development. This presentation focuses on providing user experience researchers and designers with real examples on how infographics and information visualization methods have been used in the different stages of a user-centered design cycle to convey solutions to complex business problems in a visually more consumable format. According to various cognition and perception research literature, visualization has been proven to improve the reception of information and knowledge compared to text.
The content of this presentation reinforces those findings by examining the different visualization techniques and principles invoked in the literature and adapting them to promote the user experience being designed. Various visual representations have been explored as a replacement to more traditional formats of conveying ideas such as text for example. Those include"day-in-a-life charts", experience maps, color-coded dashboards and many more. Best practices and lessons learned will be shared during the session such as how to best apply Tufte's design principles to improve the effectiveness of visual representation. The session will be an interactive discussion where the audience is encouraged to start thinking on how the knowledge around information visualization could be leveraged to help us, designers and UX researchers, better communicate design problems and solutions.
Presentation done for the Explore Talks, about two different participatory action formats: Creative Citizens and Hacking Public Services (a design studio held in the School of Design of Politecnico di Milano - Master in product Service System Design, a.y. 20014/2015 Professors Anna Meroni, Daniela Selloni, Eduardo Staszowski)
Business culture is changing, and so will technology, design and communicationHelge Tennø
Today there are three different core principles for running a business. Communication is a strategic tool for all of these models, but in completely different ways. What businesses need to do is accept that these different models exist, understand or decide which type of business they are, and then make sure to use the right type of communications portfolio to reach their goals.
PARCO URBANO - IL VERDE A PONTE LAMBRO
Presentazione ed illustrazione dei risultati del questionario e del progetto preliminare sull'area adibita a parco in zona Ponte Lambro
3/12/2012, MILANO, CAM PAREA
1. Risultati questionario
2. Considerazioni distributivo-funzionali
3. Progetto preliminare
4. Verifiche tecniche
5. Passi futuri
Trasformazione del libro “L’anno del giardiniere” di Karel Čapek in un libro visivo. Il messaggio del libro (occorre avere pazienza e rispettare i ritmi della natura sia nella cura di un giardino, che nella vita) è veicolato dalla presenza di uno spago che annoda i capitoli del libro; il lettore è costretto a slegare i nodi per poter leggere il libro e rispetta quindi la struttura temporale del libro.
Gluten Free Experience, il social network per favorire l'aggregazione tra giovani celiaci.
Brief, casi studio e realizzazione del progetto.
Progetto di Laurea a cura di Michela Galbiati, Laura Trapani e Sara Scotti per il CdL in Communication Design (Politecnico di Milano).
Introduzione ai Big Data e alla scienza dei dati - Sistemi di raccomandazioneVincenzo Manzoni
Lezione 4 del corso di analisi dati tenuto al Palazzolo Digital Hub (Palazzolo sull'Oglio, Brescia) nel 2014. In questa quarta lezione si introducono i sistemi di raccomandazione.
Social Media Campaign per il lancio dell'attività di scooter sharing di Enjoy.
Progetto per il corso di Comunicazione Digitale, TTC, Università Bicocca
UXPA BOSTON 2013 - Visual Communication in UX research and designDory_Kronos
Communicating strategies, concepts, ideas and user research data to key decision-makers is a major challenge that user experience designers continuously face in the product design cycle. A big part of this challenge lies in the fact that user experience deliverables need to be communicated to a wide audience with various skills and expertise at different stages of the product development. This presentation focuses on providing user experience researchers and designers with real examples on how infographics and information visualization methods have been used in the different stages of a user-centered design cycle to convey solutions to complex business problems in a visually more consumable format. According to various cognition and perception research literature, visualization has been proven to improve the reception of information and knowledge compared to text.
The content of this presentation reinforces those findings by examining the different visualization techniques and principles invoked in the literature and adapting them to promote the user experience being designed. Various visual representations have been explored as a replacement to more traditional formats of conveying ideas such as text for example. Those include"day-in-a-life charts", experience maps, color-coded dashboards and many more. Best practices and lessons learned will be shared during the session such as how to best apply Tufte's design principles to improve the effectiveness of visual representation. The session will be an interactive discussion where the audience is encouraged to start thinking on how the knowledge around information visualization could be leveraged to help us, designers and UX researchers, better communicate design problems and solutions.
Presentation done for the Explore Talks, about two different participatory action formats: Creative Citizens and Hacking Public Services (a design studio held in the School of Design of Politecnico di Milano - Master in product Service System Design, a.y. 20014/2015 Professors Anna Meroni, Daniela Selloni, Eduardo Staszowski)
Business culture is changing, and so will technology, design and communicationHelge Tennø
Today there are three different core principles for running a business. Communication is a strategic tool for all of these models, but in completely different ways. What businesses need to do is accept that these different models exist, understand or decide which type of business they are, and then make sure to use the right type of communications portfolio to reach their goals.
FLSS vuole essere un supporto tecnologico alla gestione della vita condivisa, semplice, giocoso e facile da usare, volto a rendere piacevole e formativo quel periodo della vita in cui giovani studenti e lavoratori condividono un appartamento, soprattutto nelle grandi città dove i canoni d'affitto sono molto alti.
La scheda profilo, di seguito riportata e descritta nell’allegato B, è parte integrante del documento “G3 Web Skills Profiles - versione 2.0 - Generation 3 European ICT Professional Profiles”, specifica ufficiale del 30 giugno 2014” [WSPG3-03].
L' Augmented Reality Expert è responsabile della progettazione e realizzazione di sistemi di realtà aumentata. Si occupa di progettare e realizzare esperienze di realtà aumentata a partire dal design visuale dell’interfaccia fino ad arrivare all’interazione fra utente e sistema, attraverso tutto il ciclo di vita del sistema.
Lezione Comunicazione Visiva e Design delle Interfacce - Unimib - 2014 editionMarco Buonvino
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
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.
L'esperienza di progettare esperienze utenteSketchin
Il significato ed i benefici strategici introdotti dalla user experience come territorio comune tra discipline e professionalità diverse, verso un processo unificato adatto a progetti di ampie dimensioni. Infine una discussione degli impatti del web 2.0 e della internet of things sulla progettazione delle esperienze utente.
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?
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.
One of the worst myths of agile, is that people think agile means to not plan at all. Actually, we do not plan in a traditional way, because we use the rolling wave planning technique and we make a great use of visual management.
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.
Progettare per la condivisione: usabilità e redesign di un sito web commercialeGiulia S
Tesi di laurea magistrale in Psicologia del lavoro e del Benessere nelle Organizzazioni.
Ricerca svolta presso start-up operante nell'ambito della sharing economy presso l'incubatore imprese del politecnico di Torino. Coinvolgendo gli utenti tramite test di usabilità, svolti sull'interfaccia online e sul prototipo, si è cercato di comprendere l'interazione e le modalità per semplificarla e migliorarla.
Relazione finale del progetto Pedalami, app per ciclisti milanesi sviluppata per il Laboratorio di progettazione.
Gruppo User experience& Test di usabilità
Web Engineering L5: Content Model (5/8)Henry Muccini
This lecture focusses on Content Design.
It presents the UWE approach for producing the:
- Conceptual Model
- Navigation Space Model
- Navigational Structure Model
The output of this course consists in a list of artifacts and principles to be used when engineering Web applications is listed at https://trello.com/b/z49P8z3b
Libertà e regole - Congizione e LinguaggioAndrea Lanza
Progetto svolto durante il corso di "Cognizione e linguaggio" - corso di laurea in "Teoria e Tecnologia della Comunicazione". Lo studio riguarda l'apprendimento dei canti degli uccelli confrontato con l'apprendimento della parola da parte degli umani.
Progetto svolto durante il corso di "Atteggiamenti e Opinioni" - Corso di laurea magistrale in "Teoria e Tecnologia della Comunicazione". Lo studio si focalizza sui costrutti di stereotipi, controstereotipi di genere e pregiudizi.
Tecnologie per la_condivisone_di_esperienze_intergenerazionali_consegnato - g...Andrea Lanza
Il lavoro svolto durante il corso di "Gestione della Conoscenza" - Corso di laurea magistrale in "Teoria e tecnologia della comunicazione". Lo studio e approfondimento di tecnologie per esperienze intergenerazionali.
Quando un complimento non è un complimentoAndrea Lanza
Progetto del corso di "Atteggiamenti e opinioni" - Laurea Magistrale in "Teoria e Tecnologia della Comunicazione". Studio di alcuni articoli riguardo l'effetto dei complimenti, stereotipi e pregiudizi.
1. Relatrice: DOTT.SSA ROSSANA ACTIS GROSSO
Controrelatore: PROF. GIORGIO DE MICHELIS
TEORIA E TECNOLOGIA DELLA COMUNICAZIONE
MILANO // MARZO 2013
LA METODOLOGIA
NELLA RIPROGETTAZIONE DI UNA INTRANET
USER CENTERED DESIGN
ANDREA LANZA 744788
2. IL PROGETTO
2 La Metodologia User Centered Design nella riprogettazione di una Intranet
REDESIGN DI UNA INTRANET
L’OBIETTIVO E’ LA TRASFORMAZIONE SECONDO UNA LOGICA PIÙ ADERENTE A QUELLE
CHE SONO LE CHE UTILIZZANO QUOTIDIANAMENTE IL PORTALE.ESIGENZE DEGLI UTENTI
Il progetto è stato svolto presso Assist, azienda specializzata nella progettazione e
valutazione di canali digitali, servizi e spazi interattivi
PROCESSIUTENTITECNOLOGIE
INTRANET
3. USER CENTERED DESIGN
3 La Metodologia User Centered Design nella riprogettazione di una Intranet
LE FASI DEL PROGETTO
LO SCOPO DI TUTTE LE ATTIVITÀ È QUELLO DI FORNIRE PER LA
PROGETTAZIONE E OTTENERE RISCONTRI SULLA VALIDITÀ DELLE SCELTE FATTE
RICERCA CONCEPT
Interviste
Personas
Workshop
Scenari
VALUTAZIONE SVILUPPO
Information design
Interaction design
Graphic design
Relizzazione
Prototipo
Test di usabilità
NOTE: Le fasi descritte nelle prossime slide sono quelle relative alla Ricerca, Concept e Valutazione
SOLIDE BASI
Specifiche
4. RICERCA
4 La Metodologia User Centered Design nella riprogettazione di una Intranet
LE INTERVISTE
14 Utenti intervistati – durata intervista 1h 30’
GIORNATA TIPO
CONTESTO
– ATTIVITA’ LAVORATIVA
USO DEL PORTALE E DEGLI ALTRI STRUMENTI
RELAZIONE CON COLLEGHI/CLIENTI -
CAPIRE PERCHÉ L’UTENTE FA DETERMINATE SCELTE O HA
DETERMINATI COMPORTAMENTI
Temi indagati:
5. 5 La Metodologia User Centered Design nella riprogettazione di una Intranet
LE PERSONAS
SONO UN SUPPORTO DURANTE LA PROGETTAZIONE - IDENTIFICANO LE MOTIVAZIONI
DEGLI UTENTI, LE ASPETTATIVE E GLI OBIETTIVI
RUOLO - EXPERTISE INFORMATICA - DEVICES UTILIZZATI
- RELAZIONE COLLEGHI
MODALITA’ DI AGGIORNAMENTO - RELAZIONE CLIENTE
UTILIZZO DEL PORTALE
L’Analisi dei dati ha fatto emergere una serie di parametri
distintivi caratterizzanti le personas individuate :
SVOLGIMENTO ATTIVITA’
RICERCA
6. RICERCA
6 La Metodologia User Centered Design nella riprogettazione di una Intranet
LE PERSONAS
GIULIO MARCO LUIGI CARLA
QUATTRO LE “PERSONAS” INDIVIDUATE – SONO UNA RAPPRESENTANZA FITTIZIA E
SPECIFICA DEGLI UTENTI DESTINATARI
Il migliore nel suo ruolo
“Faccio del mio lavoro una
vera e propria passione”
NOTE: Le foto e nomi utilizzati non si riferiscono a utenti reali
Il tutto fare
“Sono il tuo punto di
riferimento”
Il coordinatore
“Noi siamo una vera
squadra”
L’abitudinaria
“Fidati di me”
7. RICERCA
7 La Metodologia User Centered Design nella riprogettazione di una Intranet
GLI SCENARI
Quattro gli scenari realizzati attraverso una
rappresentazione grafica stile “fumetto” con
integrazione anche di wireframe relative al nuovo
portale.
CONTESTO LAVORATIVO
STRUMENTI E FUNZIONALITA’ FUTURE
- ATTIVITA’ DELL’UTENTE
- OBIETTIVI
LE PERSONAS SI “MUOVONO” NEGLI SCENARI NEI QUALI VIENE RAPPRESENTATO IL
CONTESTO DI LAVORO E LE ATTIVITA’ SVOLTE DALL’UTENTE
8. RICERCA
8 La Metodologia User Centered Design nella riprogettazione di una Intranet
WORKSHOP
Design
partecipativo
Arricchimento –Validazione
Scenari
Arricchimento – Validazione
“Personas”
DUE WORKSHOP CHE HANNO VISTO UN COINVOLGIMENTO DI 25 UTENTI CON
ATTIVITA’ SULLE PERSONAS, SCENARI E CONTENUTI .
9. CONCEPT
9 La Metodologia User Centered Design nella riprogettazione di una Intranet
“LE FONDAMENTA”
LE ATTIVITA’ SVOLTE FINO AD ORA HANNO PERMESSO DI RACCOGLIERE LE
INFORMAZIONI NECESSARIE PER REALIZZARE IL MACRO-DISEGNO DEL FUTURO
PORTALE, AVENDO COME “FONDAMENTA” PROPRIO I BISOGNI DEGLI UTENTI E
UTILIZZANDOLI COME LINEE GUIDA NEL CORSO DELLA PROGETTAZIONE
10. CONCEPT
10 La Metodologia User Centered Design nella riprogettazione di una Intranet
IA CENTRATA SULL’UTENTE
UTENTI
• Identificazione dei contenuti che gli utenti si aspettano di trovare
• Valutazione dell’importanza che gli utenti attribuiscono ai contenuti
• Conoscenza del lessico adottato dagli utenti con conseguente
adattamento della terminologia del portale
• Unità informative strutturate in partizioni gerarchiche
RILEVARE IL LESSICO DEGLI UTENTI - IDENTIFICARE INTERESSI E
ASPETTATIVE DEGLI UTENTI - MIGLIORARE LA REPERIBILITA’ DI UN SISTEMA
INFORMATIVO -
Cosa è stato fatto:
PERMETTE DI:
CONTESTO
CONTENUTI
11. CONCEPT
11 La Metodologia User Centered Design nella riprogettazione di una Intranet
DESIGN
Due esempi di wireframe realizzati
IL WIREFRAME SI PUO’ DEFINIRE COME LA DESCRIZIONE DI TUTTI I COMPONENTI DI UNA
PAGINA E DI COME SI COMBINANO FRA LORO
I wireframe realizzati incorporano tutti i vari sistemi
di navigazione e interaction oltre a tutti gli
elementi dell’interfaccia.
12. VALUTAZIONE
12 La Metodologia User Centered Design nella riprogettazione di una Intranet
TEST DI USABILITA’
L‘OBIETTIVO E’ VALUTARE IL CONCEPT ED OTTENERE INDICAZIONI PRATICHE DAGLI UTENTI
PER INDIVIDUARE LE AREE DI MIGLIORAMENTO
Le attività svolte per la realizzazione del test
sono state le seguenti:
REALIZZAZIONE PROTOTIPO
STESURA SCENARI E PROTOCOLLO
TEST DI USABILITA’ - ANALISI DEI DATI
13. CONCLUSIONI
13 La Metodologia User Centered Design nella riprogettazione di una Intranet
FINALI
Durante la fase di test gli utenti hanno validato il concept proposto e i
“pillars” sui quali si fonda. L’importanza degli utenti e’ stata tale
anche in questa fase in quanto hanno fatto emergere sia aspetti
positivi che una serie di criticita’ e migliorie da apportare nelle
diverse aree.
La fase di ricerca che caratterizza lo user centered design e che ha
caratterizzato la prima fase del progetto risulta sicuramente molto
dispendiosa ma ha permesso di orientare il processo di sviluppo
verso le reali esigenze degli utenti. Il focus concentrato sugli utenti
non deve però portare a una tecnica troppo “tattica o conservativa”
seguendo i desideri e non i bisogni degli utenti.
Lo user centered design non persegue quindi soluzioni totalizzanti e
definitive, bensì un continuo miglioramento che si basa sui dati
forniti dall’osservazione.
14. 14 La Metodologia User Centered Design nella riprogettazione di una Intranet
GRAZIE PER L’ATTENZIONE