lean ux: sviluppo software agile e incentrato sull'utente
DESCRIPTION
Slide della presentazione del 26/06/2014 presso l'Area Science Park di Trieste.TRANSCRIPT
LEAN UX sviluppo software agile e incentrato sull'utente
Area Science Park – Trieste, 26-06-2014
STEVE @MARASPIN
http://www.mvlabs.it/
http://www.area.trieste.it
LEAN UX
Due buzzword per un talk!
Due buzzword per un talk!
8
Cos'è la UX?
INTERFACCIA UTENTE
"LA GRAFICA"
NON BASTA
OSTACOLI DURANTE UN'ATTIVITÀ
NON APPARISCENTE
ARCHITETTURA DELL'INFORMAZIONE
PERSUASIONE
RESPONSIVITÀ
Tempi Accettabili • 140 millisecondi tra un'azione e
il suo feedback • 1 secondo tempo dopo il quale si
genera ansia • 700 millisecondi tempo richiesto
per notare un cambiamento e iniziare l'azione di risposta
30
Principi di Gestalt
31
Legge di Fitts
http://www.interaction-design.org/encyclopedia/fitts_law.html
32
MT = a + b log2 (2A/W)
CONTESTO
Cos'è la User Experience? L'insieme degli effetti derivanti dall'influenza dell'usabilità, utilità ed impatto emotivo su un utente durante l'interazione e l'uso di un sistema, dispositivo o prodotto, nonché il ricordo di essa quando questa si è conclusa.
Cos'è la User Experience? L'insieme degli effetti derivanti dall'influenza dell'usabilità, utilità ed impatto emotivo su un utente durante l'interazione e l'uso di un sistema, dispositivo o prodotto, nonché il ricordo di essa quando questa si è conclusa.
Cos'è la User Experience? L'insieme degli effetti derivanti dall'influenza dell'usabilità, utilità ed impatto emotivo su un utente durante l'interazione e l'uso di un sistema, dispositivo o prodotto, nonché il ricordo di essa quando questa si è conclusa.
PERCHÈ PREOCCUPARCENE?
COSTI DI FORMAZIONE
MANUALI: CHI LI USA?
SERVE UN MANUALE? METRICA
COLPA AGLI UTENTI
EVOLUZIONE
UX VS UCD
Cos'è LEAN?
LEAN MANUFACTURING
The machine that changed the world - 2007
TOYOTA PRODUCTION SYSTEM (TPS)
FILOSOFIA GESTIONE
ELIMINAZIONE SISTEMATICA
DEGLI SPRECHI
ELIMINAZIONE SISTEMATICA
DEGLI SPRECHI
QUALCUNO CI AVEVA GIÀ PENSATO!
PRODUZIONE DI MASSA
OK SE SITUAZIONI PREDICIBILI
NECESSITÀ TEMPI RISPOSTA RAPIDI
SOVRAPPRODUZIONE
INVESTIMENTI A PRIORI
TPS - Concetti fondamentali • JIT - Just in Time • Smart Automation • Kaizen - miglioramento continuo
60
FILOSOFIA PULL
TAIICHI OHNO
NIENTE SCORTE
SPRECO NEGLI SPOSTAMENTI
VALUE STREAM MAP
Principi
universalmente
validi
FEEDBACK E REAZIONI PIÙ RAPIDI
…E I PRODOTTI DIGITALI?
REWIND
LO SVILUPPO SOFTWARE IN 4 SLIDE
L’ESIGENZA…
L’ANALISI…
LO SVILUPPO
…IL RISULTATO
SOLO NELLE FIABE
NELLA REALTÀ…
L’ESIGENZA
L’ANALISI…
24-7-40
81
82
VA BENE?
EH, È CHE OGGI…
85
86
88
89
90
Siete in ritardo!
E POI CI SONO LORO…
IMPREVEDIBILI…
Utilizzo funzionalità software
7% 13%
16%
19%
45% Sempre
Spesso
Qualche volta
Raramente
Mai
94
(Standish Group Study Reported at XP2002)
SPESSO DECIDONO
SE NON PIACE…
44%
24%
32% Challenged
Failed
Successful
(2009 Standish Chaos Report)
La sorte dei progetti software
WELCOME TO REALITY
QUAL’È LA FONTE DEL PROBLEMA?
Analisi dei requisiti
Stesura specifiche
Progettazione
Implementazione
Installazione
Manutenzione
100
Approccio
PUSH
Presupposti…
SAPPIAMO PREVEDERE TUTTO
NON CI SARANNO CAMBIAMENTI
INGENUI
O PRESUNTUOSI
?
SOVRA INGEGNERIZZIAMO?
Mass
production
Codice generico per
non cambiarlo in un
secondo momento
E se non
servirà mai?
Utilizzo funzionalità software
7% 13%
16%
19%
45% Sempre
Spesso
Qualche volta
Raramente
Mai
110
(Standish Group Study Reported at XP2002)
Scrivere
codice per far
si che cambi
facilmente
PULL
113
Interveniamo Prima!
114
PATTERN NATURALE
FEEDBACK RAPIDO
117
http://soa-java.blogspot.it/2013/02/risk-reduction-strategy-early.html
118
http://blog.scrum.ir/2010/07/incremental-%DB%8C%D8%A7-iterative/
Nel Software: Gestione delle Versioni
MODIFICHE A CODICE SENZA TEST
E la UX?
antipattern
EMERGENTE
EMERGENTE IGNORATA
Resp. Punto
Vendita Resp.
Marketing
Resp.
Acquisti
Resp. Punto
Vendita Resp.
Marketing
Resp.
Acquisti
Resp. Punto
Vendita Resp.
Marketing
Resp.
Acquisti
Resp. Punto
Vendita Resp.
Marketing
Resp.
Acquisti
Resp.
Marketing
IMITAZIONE
"LA GRAFICA"
OTTIMI RISULTATI
DAVVERO?
CLIENTE != UTENTE
USER STORIES
User story (formalismo)
138
Come magazziniere voglio poter filtrare l’archivio ordini
secondo la data di ricezione
per consultare rapidamente gli
ultimi ordini evasi
User story (formalismo)
139
Come magazziniere voglio poter filtrare l’archivio ordini
secondo la data di ricezione
per consultare rapidamente gli
ultimi ordini evasi
ruolo
obiettivo
motivazione
________________________________
________________________________
________________________________
________________________________
________________________________
________________________________
________________________________
________________________________
________________________________
________________________________
________________________________
________________________________
________________________________
________________________________
________________________________
________________________________
________________________________
________________________________
________________________________
________________________________
Backlog
COINVOLGIMENTO CLIENTE
Rimandare le
decisioni - JIT
________________________________
________________________________
________________________________
________________________________
________________________________
________________________________
________________________________
________________________________
________________________________
________________________________
________________________________
________________________________
________________________________
________________________________
________________________________
________________________________
________________________________
________________________________
________________________________
________________________________
Sprint
144
145
146
TOOLS VS GOALS
CLIENTE
CLIENTE UTENTE
PUNTO DI VISTA DEGLI UTENTI
Personae
Source: MV Labs Project – Images with Creative Commons License from the web
NON SEMPLICI RUOLI
GET OUT OF THE BUILDING Steve Blank, professor at Stanford University
Genchi
gembutsu
IL GLOSSARIO
WIREFRAME
Processo Classico
157
http://www.flickr.com/photos/magia3e/5990317864/
Svolta a Priori
L'ANALISI RICHIEDE TEMPO
TROPPO, A VOLTE…
UCD O AGILE?
LA TIRANNIA DELL'O
L'approccio Zero Sprint
162
http://www.flickr.com/photos/magia3e/5990317864/
Week One Week Two
PASSAGGI DI CONSEGNA
PERICOLOSI!
PARAGONABILE
NOI, LORO
STESSI OBIETTIVI
Agile UX
168
http://www.flickr.com/photos/magia3e/5989772879
CROSS FUNCTIONAL TEAM
Accorciamento
Value Stream
USER NEEDS
BUSINESS GOALS
USER NEEDS
BUSINESS GOALS
PROJECT COSTS
T-Shaped Professionals
173
Breadth of Knowledge
Tech
nica
l Dep
th
VALIDAZIONE USER STORY
175
INCONTRIAMO CARLA
177
PRODUCONO VALORE?
assunzioni
validazioni
Evitare gli
sprechi
SPIKE, PROTOTIPI, MVP
FAIL FAST
NON CERCHIAMO SUBITO L’OTTIMO
RISCHIEREMMO DI FARE
OTTIMAMENTE
LA COSA SBAGLIATA
FEEDBACK IMMEDIATO
COL DIGITALE
WORK EXTERNALIZED
Aiuti visuali
190
191
L’approccio Lean Startup
192
PROTO-PERSONAE
REQUISITI
O IPOTESI?
cosa?
come
perchè?
199
http://www.localytics.com/blog/2013/localytics-app-user-retention-data/
5 perchè
FUNZIONALITA’
RISULTATI
SODDISFAZIONE = RISULTATO
NON PRODOTTO!
Outcome not output
207
PRINCIPI LEAN UX
• Cross Functional Teams
• Small, Dedicated, Colocated
• Progress=Outcomes, not Output
• Problem-Focused Teams
• Removing Waste
• Small Batch Size
• Continuous Discovery
• GOOB
• Shared Understanding
• Anti-Pattern: Rockstars, Gurus and Ninjas
• Externalizing your Work
• Making Over Analysis
• Learning over growth
• Permission to Fail
• Getting out of the deliverables business
208
Cosa portare a casa? • Filosofia PULL • Just in Time • Chiedersi perchè • Rimuovere gli sprechi • Miglioramento costante • Team Cross Functional • Outcome not output
210
Grazie per l’attenzione
Stefano Maraspin @maraspin [email protected]
http://www.mvlabs.it/
Per Approfondire:
Per Approfondire:
215
Per Approfondire:
216 216 216
Autori Fotografie • https://www.flickr.com/photos/sackton/7719298472/sizes/k/ - Mare tranquillo • https://www.flickr.com/photos/defenceimages/8675799490/sizes/o/ - Mare burrascoso • https://www.flickr.com/photos/thienzieyung/6580478755 - Sovrapproduzione • https://www.flickr.com/photos/mattiacam/6876076264 - Acquedotto • https://www.flickr.com/photos/mzn37/243526337 - Bimbo supermarket • https://www.flickr.com/photos/3059349393/3785406492 - Scorte • https://www.flickr.com/photos/didbygraham/225053752/sizes/o/ - Camion • https://www.flickr.com/photos/didbygraham/225053752/sizes/o/ - Staffetta • https://www.flickr.com/photos/epsos/5444678656 - Immondizia • https://www.flickr.com/photos/westmidlandspolice/6737476605 - Analisi • www.flickr.com/photos/amplifieduk/ - Coding • http://www.flickr.com/photos/andyarthur/7153821133/ - Cascata • http://www.flickr.com/photos/twcollins/561072853/ - Oracolo • https://www.flickr.com/photos/jakuza/2728096478/ - User Story • http://www.flickr.com/photos/nomadic_lass/5503362755/ - Pupazzo fasciato • https://www.flickr.com/photos/hcgilje/5283140014 - computer ui • http://www.ryzhakov.co.uk/dr-fearnot-or-how-i-learned-to-love-failure/ - munch • https://www.flickr.com/photos/andreasnilsson1976/287265116 - pasta • https://www.flickr.com/photos/11939863@N08/3793288383 - sale • https://www.flickr.com/photos/keelanj/4725017972 - matita rotta • https://www.flickr.com/photos/tambako/5877473972 - felino nascosto • http://www.autoblog.it/galleria/i-10-segnali-strada-li-piu-divertenti/7 - IA • https://www.flickr.com/photos/ignescent_infidel/175667211 – profumo • https://www.flickr.com/photos/zsoltika/1449603674 - nonno e nipotino • https://www.flickr.com/photos/pagedooley/13905987989 – classe • https://www.flickr.com/photos/astrid/14200685572/sizes/k/ - galleria arte
217
Autori Fotografie • http://www.flickr.com/photos/gary_dunaier/2404402271/ - Shea Stadium • http://www.flickr.com/photos/chubbybat/1751149642 - Fermata autobus • http://www.flickr.com/photos/mannewaar/3530731814/ - Kanban • http://www.flickr.com/photos/dlp/6097111286/ - Boxer • https://www.flickr.com/photos/keithallison/2310794054 - Fumble • http://www.flickr.com/photos/bk1bennett/2969083199/ - Handoff • http://www.flickr.com/photos/sunnyuk/3240916291/ - Matrioska • http://www.flickr.com/photos/jpartogi/4131283193 - Board • http://www.flickr.com/photos/singapore2010/4903325071/ - Vogatrici • https://www.flickr.com/photos/katiegail/431702206 - Empatia • http://www.flickr.com/photos/baldiri/5734993652/ - Wireframe • http://www.flickr.com/photos/grenade/3040654024/ - Hopeless • https://www.flickr.com/photos/didbygraham/225053752/sizes/o - Trasporti • https://www.flickr.com/photos/sblackley/2987232840 - Persone che discutono • http://www.flickr.com/photos/dobs/4128798936 - Questions? • https://www.flickr.com/photos/donkeyhotey/5666065982 - uncle sam • https://www.flickr.com/photos/stemonx/14487867062 - libro psicologia • https://www.flickr.com/photos/liverpoolhls/10826089793/sizes/o/ - fisiologia • https://www.flickr.com/photos/mahb/1047136540/sizes/o/ - mouse click • https://www.flickr.com/photos/8507625@N02/5787336842/sizes/o/ - neon lights • https://www.flickr.com/photos/-lif-/3213233094/sizes/o/ - coins • https://www.flickr.com/photos/brenda-starr/4421990486 - libri • https://www.flickr.com/photos/bryanburke/2854366734 – esplosione • https://www.flickr.com/photos/29317846@N03/2743294768 - iceberg • https://www.flickr.com/photos/23065375@N05/2234740167 -supermarket
218
Autori Fotografie • http://www.flickr.com/photos/criminalintent/3172180022 - Cucina • http://www.flickr.com/photos/traftery/5596828817 - Bimbo dubbioso • http://www.flickr.com/photos/sliceof/347352484 - Mendicante • http://www.flickr.com/photos/sterlingely/4623864 - Spazzatura • http://www.flickr.com/photos/horrigans/5357748598 - Bimbo sulle scale • https://www.flickr.com/photos/22750018@N05/4434362439 - Martello e PC • https://www.flickr.com/photos/hugo90/5055459393 - Toyota Van • http://www.flickr.com/photos/holtsman/4260462949/ - Bimbo con videogiochi • http://www.flickr.com/photos/dieselbug2007/398515084/ - Get out of building • https://www.flickr.com/photos/iamdabe/4931554963 - Manufacturing • https://www.flickr.com/photos/klengel/13184277094 - Giardino Zen • https://www.flickr.com/photos/katsrcool/14332815685 - Sprechi • https://www.flickr.com/photos/anned/8700093610 - Learning • https://www.flickr.com/photos/nhall/584785727 - Amici carrello • https://www.flickr.com/photos/geektechnique/2255792885 - Polaroid • http://www.flickr.com/photos/szene/4763604492/ - Applicazioni ipad • https://www.flickr.com/photos/cjschmit/4983427748/sizes/o/ - Cavalli • https://www.flickr.com/photos/sifu_renka/4130516993 – Salame • https://www.flickr.com/photos/brianconnolly/3593418247 - stopwatch • https://www.flickr.com/photos/piermario/375470947 - citofono UX issue • https://www.flickr.com/photos/mirsasha/3405381917 - nba • https://www.flickr.com/photos/thomasletholsen/8553236056 - costruzione • http://www.viralnova.com/31-building-fails/ - errore architettonico • https://www.flickr.com/photos/mrfishersclass/3228315973 - copiare i compiti Le altre foto sono state scattate dall'autore, Stefano Maraspin, oppure provengono da fotolia/iStockphoto
219
Stefano Maraspin @maraspin