Lean UX Development - Approach and toolkit - Fabbrucci

@Fabbrucci
6 volontari da formare 2 team di 3 persone
@Fabbrucci
Cominciamo con un GIOCO

@Fabbrucci
Una meravigliosa estate
Si disegna in silenzio
Seguite le istruzioni che vi darò su un foglio
Avete tutti gli strumenti che servono
1 minuto di tempo per disegnare insieme
http://blog.crisp.se/2009/02/18/davidbarnholdt/1234986060000

@Fabbrucci@Fabbrucciicona di Samuel Q. Green - the Noun Project

@Fabbrucci
Squadra A
Disegnare una meravigliosa estate con
ﬁori rossi e blu in un prato verde, alcune
mucche e degli uccelli in volo mentre il
sole splende

@Fabbrucci
Squadra B
• 10 fiori blu con 5 petali ciascuno

• 5 fiori blu con 6 petali ciascuno

• 13 fiori rossi con 6 petali ciascuno

• 2 mucche con 3 macchie nere

• 1 mucca con 5 macchie nere

• 2 uccelli nell’angolo in alto a sinistra

• 3 uccelli nel centro

• 1 sole con cinque raggi solari
Disegnare una meravigliosa estate con

@Fabbrucci
La vision era la stessa
Disegnare una meravigliosa estate …

@Fabbrucci
Quale vi piace di più?
Disegno A? [su le mani]
Disegno B? [su le mani]
@Fabbrucci

@Fabbrucci
I dettagli aiutano a raggiungere la vision?
Quando sviluppate un task

vi ricordate la vision del progetto/prodotto?
Trovate delle analogie con il vostro lavoro?
Riﬂettiamo
@Fabbrucci

@Fabbrucci
Lean UX Development
Approach and toolkit
@Fabbrucci
Codemotion 2014, Roma

@Fabbrucci
Ciao, sono Fabio
Dipendente, imprenditore, startupper; ora freelancer
Frontend Developer presso GNV & Partners
Agile practitioner presso Avanscoperta
Mi piace mangiare, conoscere le persone, Scrubs
@Fabbrucci

@Fabbrucci@Fabbrucci
Vision di questo talk
Condividere con voi la mia esperienza

nell’intento di fornivi strumenti

da sperimentare nel vostro team

@Fabbrucci
Cos’è #leanux
Roadmap
Approcci alla #leanux
Cosa posso fare io come Developer
@Fabbrucci

@Fabbrucci
Donald Arthur “Don” Norman
Cos’è #leanux @Fabbrucci
User experience
encompasses
all aspects of the end-user's
interaction with the company,
its services, and its products.

@FabbrucciCos’è #leanux
Jeff Gothelf
Lean UX is the practice
of bringing the true nature
of a product to light faster,
in a collaborative, cross-functional way
that reduces the emphasis on through
documentation while increasing
the focus on building a shared
understanding of the actual product
experience being designed.

@FabbrucciCos’è #leanux
Lean UX signiﬁca
progettare UX
applicando
principi lean.
dal tizio qui presente
Fabio Fabbrucci

@Fabbrucci
Roadmap
Cos’è #leanux
@Fabbrucci

@Fabbrucci
Proposte e azioni

@FabbrucciApprocci alla #leanux
Trasparenza e vision

@Fabbrucci
Codesign

@Fabbrucci
Divergere e convergere

@Fabbrucci
Trovare il giusto linguaggio

@Fabbrucci
Interruzioni e urgenza
http://www.hanselman.com/blog/ScottHanselmansCompleteListOfProductivityTips.aspx
Do it now
I
Decide
when to do it
II
Delegate it
III
Dump it
IV
Urgency
Importance

@Fabbrucci
Delega

@Fabbrucci
Parliamo un po’
di iterazioni …

@Fabbrucci
Utenti Team

@Fabbrucci
Utenti Cliente
Team

@Fabbrucci
Iterazioni: primo approccio
http://bit.ly/1mOepcT
No fallimento e “ni” opportunità
Milestones

@Fabbrucci
Si possono prioritizzare per:
Valore ﬁnanziario
Costo
Conoscenza
Riduzione del rischio
User stories
Sono un requisito
espressione di un bisogno

Incertezza
Tempo
Certezza

Esplorazione
How
What
How
What

Quick but
unsustainable
wins
I
Enduring
success
II
Slow failure
III
Fast failure
IV
Right Way
RightThing
Rischio

Iterazioni: secondo approccio
Framework di ipotesi
Roadmap condivisa
Iterazioni “retroattive”
https://twitter.com/search?q=how%20spotify%20build%20a%20product&src=typd

@Fabbrucci
https://twitter.com/Icelord/status/423739304691912705/photo/1
Coaching

@Fabbrucci
Soft Linking
Business vision
Execution
Strategy

@Fabbrucci
Paura di perdere il controllo

@Fabbrucci
Cosa posso…
cosa dovrei

@Fabbrucci
Uscire allo scoperto
Deploy automatico #continuous-delivery
Setting dell’environment #devops
Comunicazione al resto del team

@Fabbrucci
Ridurre gli sprechi
Styleguide Development

@Fabbrucci
È un dizionario
Designer
Developer
Cliente
Styleguide

@Fabbrucci
https://github.com/styleguide

@Fabbrucci
https://ux.mailchimp.com/patterns

@FabbrucciCosa posso fare io come Developer
Un esempio di interazione
Frontender campiona testo
Designer crea PSD
Frontender crea CSS

Problemi
Il design rischia di esplodere negli stili
Il design rischia di bloccare la prototipazione
Il designer si dimentica i line-height

@Fabbrucci
Proviamo
un approccio
più semantico …
Cosa posso fare io come Developer @Fabbrucci

@FabbrucciCosa posso fare io come Developer @Fabbrucci

Caratteristiche
Manutenibile
Accessibile
Azionabile
@Fabbrucci

Accessibile
Capistrano + EC2
Multistage
Customized:
Silex + Twig + Yeoman + Bower + Grunt
@Fabbrucci
http://demo.patternlab.io/

Manutenibile
Testing
CSS ad oggetti o modulare
@Fabbrucci

CSS Modulare
OOCSS
Precompilatori (LESS, SASS)
Atomic Design
BEM, SMACSS
@Fabbrucci

Testing
Testing CSS: Phantom CSS
Testing JS: Phantom JS
http://csste.st
@Fabbrucci

Come developer posso…
aiutare a rimuovere gli sprechi
uscire allo scoperto
@Fabbrucci

Come developer dovrei…
lavorare sulle mie soft-skill
sviluppare un dizionario cross-funzionale
lavorare in team non è scontato…
e inﬁne…
@Fabbrucci

Alzare lo sguardo
Agile non è un framework.

Che cos’è? Se lo cerco, per quale motivo?
Proviamo a capire ed ascoltare

prima di infamare
La nostra felicità non è un side-project
Alleniamoci ad ottenere il meglio

da ciò che abbiamo, e a sfruttare le diﬀerenze
@Fabbrucci

@Fabbrucci
Grazie a queste aziende

@Fabbrucci
Grazie a tutti
Domande?

http://fabbrucci.me 
fabio.fabbrucci@gmail.com
@Fabbrucci

Lean UX Development - Approach and toolkit - Fabbrucci

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Ähnlich wie Lean UX Development - Approach and toolkit - Fabbrucci

Ähnlich wie Lean UX Development - Approach and toolkit - Fabbrucci (20)

Mehr von Codemotion

Mehr von Codemotion (20)

Lean UX Development - Approach and toolkit - Fabbrucci