Slide della presentazione del 26/06/2014 presso l'Area Science Park di Trieste.

1. LEAN UX
sviluppo software agile e incentrato sull'utente
Area Science Park – Trieste, 26-06-2014

2. STEVE @MARASPIN

3. http://www.mvlabs.it/

4. http://www.area.trieste.it

5. LEAN UX

6. Due buzzword per un talk!

7. Due buzzword per un talk!

8. 8

9. Cos'è la UX?

10. INTERFACCIA UTENTE

12. "LA GRAFICA"

13. NON BASTA

15. OSTACOLI DURANTE UN'ATTIVITÀ

16. NON APPARISCENTE

17. ARCHITETTURA DELL'INFORMAZIONE

18. PERSUASIONE

29. RESPONSIVITÀ

30. 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

31. Principi di Gestalt
31

32. Legge di Fitts
http://www.interaction-design.org/encyclopedia/fitts_law.html
32
MT = a + b log2 (2A/W)

33. CONTESTO

35. 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.

36. 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.

37. 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.

38. PERCHÈ PREOCCUPARCENE?

39. COSTI DI FORMAZIONE

40. MANUALI: CHI LI USA?

41. SERVE UN MANUALE? METRICA

42. COLPA AGLI UTENTI

44. EVOLUZIONE

45. UX VS UCD

46. Cos'è LEAN?

47. LEAN MANUFACTURING

48. The machine that changed the world - 2007

49. TOYOTA PRODUCTION SYSTEM (TPS)

50. FILOSOFIA GESTIONE

51. ELIMINAZIONE SISTEMATICA
DEGLI SPRECHI

52. ELIMINAZIONE SISTEMATICA
DEGLI SPRECHI

53. QUALCUNO CI AVEVA GIÀ PENSATO!

54. PRODUZIONE DI MASSA

55. OK SE SITUAZIONI PREDICIBILI

56. NECESSITÀ TEMPI RISPOSTA RAPIDI

57. SOVRAPPRODUZIONE

58. INVESTIMENTI A PRIORI

60. TPS - Concetti fondamentali
• JIT - Just in Time
• Smart Automation
• Kaizen - miglioramento continuo
60

61. FILOSOFIA PULL
TAIICHI OHNO

62. NIENTE SCORTE

63. SPRECO NEGLI SPOSTAMENTI

64. VALUE STREAM MAP

65. Principi
universalmente
validi

67. FEEDBACK E REAZIONI PIÙ RAPIDI

68. …E I PRODOTTI DIGITALI?

69. REWIND

71. LO SVILUPPO SOFTWARE IN 4 SLIDE

72. L’ESIGENZA…

73. L’ANALISI…

74. LO SVILUPPO

75. …IL RISULTATO

76. SOLO NELLE FIABE

77. NELLA REALTÀ…

78. L’ESIGENZA

79. L’ANALISI…

80. 24-7-40

81. 81

82. 82

83. VA BENE?

84. EH, È CHE OGGI…

85. 85

86. 86

88. 88

89. 89

90. 90

91. Siete in ritardo!

92. E POI CI SONO LORO…

93. IMPREVEDIBILI…

94. Utilizzo funzionalità software
7%
13%
16%
19%
45% Sempre
Spesso
Qualche volta
Raramente
Mai
94
(Standish Group Study Reported at XP2002)

95. SPESSO DECIDONO

96. SE NON PIACE…

97. 44%
24%
32%
Challenged
Failed
Successful
(2009 Standish Chaos Report)
La sorte dei progetti software

98. WELCOME TO REALITY

99. QUAL’È LA FONTE DEL PROBLEMA?

100. Analisi dei requisiti
Stesura specifiche
Progettazione
Implementazione
Installazione
Manutenzione
10
0

101. Approccio
PUSH

102. Presupposti…

103. SAPPIAMO PREVEDERE TUTTO

104. NON CI SARANNO CAMBIAMENTI

105. INGENUI
O
PRESUNTUOSI
?

106. SOVRA INGEGNERIZZIAMO?

107. Mass
production

108. Codice generico per
non cambiarlo in un
secondo momento

109. E se non
servirà mai?

110. Utilizzo funzionalità software
7%
13%
16%
19%
45% Sempre
Spesso
Qualche volta
Raramente
Mai
110
(Standish Group Study Reported at XP2002)

111. Scrivere
codice per far
si che cambi
facilmente

112. PULL

113. 113

114. Interveniamo Prima!
114

115. PATTERN NATURALE

116. FEEDBACK RAPIDO

117. 117
http://soa-java.blogspot.it/2013/02/risk-reduction-strategy-early.html

118. 118
http://blog.scrum.ir/2010/07/incremental-%DB%8C%D8%A7-iterative/

119. Nel Software: Gestione delle Versioni

120. MODIFICHE A CODICE SENZA TEST

121. E la UX?

122. antipattern

123. EMERGENTE

124. EMERGENTE IGNORATA

126. Resp. Punto
Vendita
Resp.
Marketing
Resp.
Acquisti

127. Resp. Punto
Vendita
Resp.
Marketing
Resp.
Acquisti

128. Resp. Punto
Vendita
Resp.
Marketing
Resp.
Acquisti

129. Resp. Punto
Vendita
Resp.
Marketing
Resp.
Acquisti

130. Resp.
Marketing

131. IMITAZIONE

132. "LA GRAFICA"

134. OTTIMI RISULTATI

135. DAVVERO?

136. CLIENTE != UTENTE

137. USER STORIES

138. User story (formalismo)
13
8
Come magazziniere
voglio poter filtrare l’archivio ordini
secondo la data di ricezione
per consultare rapidamente gli
ultimi ordini evasi

139. User story (formalismo)
13
9
Come magazziniere
voglio poter filtrare l’archivio ordini
secondo la data di ricezione
per consultare rapidamente gli
ultimi ordini evasi
ruolo
obiettivo
motivazione

140. ________________
________________
________________
________________
________________
________________
________________
________________
________________
________________
________________
________________
________________
________________
________________
________________
________________
________________
________________
________________
________________
________________
________________
________________
________________
________________
________________
________________
________________
________________
________________
________________
________________
________________
________________
________________
________________
________________
________________
________________
Backlog

141. COINVOLGIMENTO CLIENTE

142. Rimandare le
decisioni - JIT

143. ________________
________________
________________
________________
________________
________________
________________
________________
________________
________________
________________
________________
________________
________________
________________
________________
________________
________________
________________
________________
________________
________________
________________
________________
________________
________________
________________
________________
________________
________________
________________
________________
________________
________________
________________
________________
________________
________________
________________
________________
Sprint

144. 14
4

145. 14
5

146. 14
6

147. TOOLS VS GOALS

148. CLIENTE

149. CLIENTEUTENTE

150. PUNTO DI VISTA DEGLI UTENTI

151. Personae
Source: MV Labs Project – Images with Creative Commons License from the web

152. NON SEMPLICI RUOLI

153. GET OUT OF THE BUILDING
Steve Blank, professor at Stanford University

154. Genchi
gembutsu

155. IL GLOSSARIO

156. WIREFRAME

157. Processo Classico
15
7
http://www.flickr.com/photos/magia3e/5990317864/
Svolta a Priori

158. L'ANALISI RICHIEDE TEMPO

159. TROPPO, A VOLTE…

160. UCD O AGILE?

161. LA TIRANNIA
DELL'O

162. L'approccio Zero Sprint
16
2
http://www.flickr.com/photos/magia3e/5990317864/
Week One Week Two

163. PASSAGGI DI CONSEGNA

164. PERICOLOSI!

165. PARAGONABILE

166. NOI, LORO

167. STESSI OBIETTIVI

168. Agile UX
16
8
http://www.flickr.com/photos/magia3e/5989772879

169. CROSS FUNCTIONAL TEAM

170. Accorciamento
Value Stream

171. USER
NEEDS
BUSINESS
GOALS

172. USER
NEEDS
BUSINESS
GOALS
PROJECT
COSTS

173. T-Shaped Professionals
17
3
Breadth of Knowledge
TechnicalDepth

174. VALIDAZIONE USER STORY

175. 17
5

176. INCONTRIAMO CARLA

177. 17
7

178. PRODUCONO VALORE?

179. assunzioni

180. validazioni

181. Evitare gli
sprechi

182. SPIKE, PROTOTIPI, MVP

183. FAIL FAST

184. NON CERCHIAMO SUBITO L’OTTIMO

185. RISCHIEREMMO DI FARE
OTTIMAMENTE
LA COSA SBAGLIATA

186. FEEDBACK IMMEDIATO
COL DIGITALE

188. WORK EXTERNALIZED

189. Aiuti visuali

190. 19
0

191. 191

192. L’approccio Lean Startup
19
2

193. PROTO-PERSONAE

194. REQUISITI
O IPOTESI?

195. cosa?

196. come

197. perchè?

199. 19
9
http://www.localytics.com/blog/2013/localytics-app-user-retention-data/

201. 5 perchè

202. FUNZIONALITA’

204. RISULTATI

205. SODDISFAZIONE = RISULTATO
NON PRODOTTO!

206. Outcome not output

207. 20
7

208. 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
20
8

209. Cosa portare a casa?
• Filosofia PULL
• Just in Time
• Chiedersi perchè
• Rimuovere gli sprechi
• Miglioramento costante
• Team Cross Functional
• Outcome not output

210. 21
0

211. Grazie per l’attenzione
Stefano Maraspin
@maraspin
s.maraspin@mvassociati.it

212. SEGUI @MARASPIN

213. http://www.mvlabs.it/

214. Per Approfondire:

215. Per Approfondire:
215

216. Per Approfondire:
216216216

217. 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

218. 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

219. 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

220. Stefano Maraspin
@maraspin