lean ux: sviluppo software agile e incentrato sull'utente

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 s.maraspin@mvassociati.it

SEGUI @MARASPIN

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