Io sono qui per voi Il mito della progettazione user centered e altre leggende sul ruolo del designer Seminario Giulio Andreini alla Scuola Normale Superiore di Pisa, 15 Maggio 2015 Partendo da una breve retrospettiva sull'evoluzione del web negli ultimi 20 anni riusciamo a capire come è cambiata l'interazione dell'utente con siti internet e applicazioni web. La centralità dell'utente ha portato ad adeguare le metodologie di management e di gestione di business di aziende e startup. Di conseguenza anche la progettazione è cambiata e sono state introdotte una serie di tecniche utilizzate con modalità iterativa che definiscono quello che chiamiamo user experience design.

1. IO SONO
QUI PER VOI
Il mito della progettazione user centered e
altre leggende sul ruolo del designer
Giulio Andreini

2. CONTESTO

3. PROGETTAZIONE

4. ✓ Siti internet
✓ Blog
✓ Portali
✓ E-Commerce
✓ E-Learning
✓ Applicazioni
web
✓ App mobile
✓ Archivi
digitali
✓ Network e
intranet

5. STORIA

6. …MOSAIC
MOTORI DI RICERCA, YAHOO, PIZZA HUT
EXPLORER, NETSCAPE, AMAZON, EBAY
HOTMAIL
GOOGLE
DOT COM BUBBLE
WIKIPEDIA
ITUNES STORE, MYSPACE, LINKEDIN, SKYPE
FACEBOOK, GMAIL, FIREFOX, WEB 2.0?
1 MILIARDO UTENTI, YOUTUBE
TWITTER, GOOGLE ACQUISTA YOUTUBE
IPHONE
CHROME, SPOTIFY, GROUPON, APP STORE
PINTEREST, INSTAGRAM, QUORA…
1993
1994
1995
1996
1998
2000
2001
2003
2004
2005
2006
2007
2008
2010

7. COSA È
CAMBIATO
?

8. WEB 1.0

9. WEB 2.0

10. APP
STORE

11. SERVIZI!
SERVIZI!
SERVIZI!

14. BUSINESS UTENTI

15. MANAGEMENT

16. WATERFALL

18. ✓ Sistema rigido e non flessibile.
✓ Non è possibile tornare alle fasi precedenti.
✓ Difficile fare una progettazione esaustiva
all’inizio e difficile conoscere le vere esigenze
degli utenti. Se ci sono errori nella fase iniziale…
✓ La validazione del lavoro svolto viene fatta solo
alla fine: non è più possibile tornare indietro.
✓ Spreco investimenti.
✓ Poca collaborazione tra gruppi di lavoro.
LIMITI DEL WATERFALL

20. AGILE

21. ✓ Gli individui e le interazioni più
che i processi e gli strumenti
✓ Il software funzionante più che la
documentazione esaustiva
✓ La collaborazione col cliente
più che la negoziazione dei contratti
✓ Rispondere al cambiamento
più che seguire un piano
MANIFESTO

22. ✓ La nostra massima priorità è soddisfare il cliente
rilasciando software di valore, fin da subito e in
maniera continua.
✓ Accogliamo i cambiamenti nei requisiti, anche a
stadi avanzati dello sviluppo.
✓ Consegnamo frequentemente software funzionante.
✓ Committenti e sviluppatori devono lavorare insieme
quotidianamente per tutta la durata del progetto.
✓ Il software funzionante è il principale metro di
misura di progresso
MANIFESTO

23. ✓ Flessibilità.
✓ E possibile apportare modifiche al progetto in
qualsiasi momento.
✓ Valutazione degli scopi principali del progetto
incorso d’opera (al termine di ogni iterazione).
✓ La validazione del lavoro svolto viene fatta in
corso d’opera.
✓ Maggior collaborazione tra gruppi di lavoro.
✓ Miglior gestione degli investimenti.
✓ Il prodotto può essere rilasciato prima.
VANTAGGI DI AGILE

24. LEAN
STARTUP

25. LEAN STARTUP
✓ Eliminare le incertezze
✓ Costruisci-misura-impara
✓ Minimun Viable Product
✓ Conoscenza validata
✓ Svolta

28. ✓ Il web è cambiato radicalmente negli ultimi 10
anni.
✓ Applicazioni web, siti web e app mobile come
servizi.
✓ La soddisfazione dell’utente a la risoluzione dei
suoi problemi acquista un’importanza primaria.
✓ Le tecniche di management hanno cercato di
adeguarsi.
✓ La crisi economica porta a una maggior cautela
nella gestione degli investimenti.
FACCIAMO IL PUNTO!

29. USER
EXPERIENCE
DESIGN

30. TECNICHE

31. TECNICHE // STUDIO
• Interviste ai vari attori coinvolti (committente)
• Sessioni di lavoro per la definizione delle
funzionalità richieste
• Sessioni di lavoro per la progettazione (anche
UI) insieme ai vari attori coinvolti
• Confronto e analisi di prodotti simili
• Ricerca contestuale
• Personas
• Definizione degli obiettivi degli utenti.
• Definizione dei percorsi utente
• Architettura dell’informazione
• Mappe esperienza utente

32. TECNICHE // PROGETTAZIONE
• Sketch
• Wireframe
• Mockup
• Prototipi
• Implementazione

33. TECNICHE // VALIDAZIONE
Qualitativa
• Testing
• Guerrilla testing
• Lab testing
• Remote testing
• Questionari
Quantitativa
• Analisi di dati quantitativi (es. Google
Analytics ma non solo, ROI)

34. PROGETTAZIONE STUDIO
VALIDAZIONE

35. MANAGEMENT AGILE
GESTIONE
BUSINESS
LEAN
PROGETTAZIONE
USER
EXPERIENCE
DESIGN

37. ✓ Oltre a le metodologie di management anche la
progettazione è cambiata radicalmente
✓ La User Experience è l’insieme di percezioni e
reazioni di una persona quando interagisce
con un prodotto, sistema o servizio
✓ User Experience Design prevede una serie di
tecniche ben definite
✓ User Experience Design prevede dei cicli di
iterazione strutturati in fasi di studio,
progettazione, validazione.
FACCIAMO IL PUNTO!

38. WEB
DESIGNER?

39. UX
DESIGNER

40. TUTTO
VERO?

42. PERCHÉ NO?

43. COSA FARE