SlideShare a Scribd company logo
1 of 60
Download to read offline
@Fabbrucci
Welcome
@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
fiori 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?
Riflettiamo
@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
No!
@Fabbrucci
@Fabbrucci
Fonti
@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 significa
progettare UX
applicando
principi lean.
dal tizio qui presente
Fabio Fabbrucci
@Fabbrucci
Roadmap
Cos’è #leanux
Approcci alla #leanux
Cosa posso fare io come Developer
@Fabbrucci
@Fabbrucci
Proposte e azioni
Approcci alla #leanux
@FabbrucciApprocci alla #leanux
Trasparenza e vision
@Fabbrucci
Codesign
Approcci alla #leanux
@Fabbrucci
Divergere e convergere
Approcci alla #leanux
@Fabbrucci
Trovare il giusto linguaggio
Approcci alla #leanux
@Fabbrucci
Interruzioni e urgenza
http://www.hanselman.com/blog/ScottHanselmansCompleteListOfProductivityTips.aspx
Approcci alla #leanux
Do it now
I
Decide
when to do it
II
Delegate it
III
Dump it
IV
Urgency
Importance
@Fabbrucci
Delega
Approcci alla #leanux
@Fabbrucci
Parliamo un po’
di iterazioni …
Approcci alla #leanux
@Fabbrucci
Utenti Team
Approcci alla #leanux
@Fabbrucci
Utenti Cliente
Team
Approcci alla #leanux
@Fabbrucci
Iterazioni: primo approccio
http://bit.ly/1mOepcT
Approcci alla #leanux
No fallimento e “ni” opportunità
Milestones
@Fabbrucci
Si possono prioritizzare per:
Valore finanziario
Costo
Conoscenza
Riduzione del rischio
User stories
Sono un requisito
Approcci alla #leanux
espressione di un bisogno
@FabbrucciApprocci alla #leanux
Incertezza
Tempo
Certezza
@FabbrucciApprocci alla #leanux
Esplorazione
How
What
How
What
@FabbrucciApprocci alla #leanux
Quick but
unsustainable
wins
I
Enduring
success
II
Slow failure
III
Fast failure
IV
Right Way
RightThing
Rischio
@FabbrucciApprocci alla #leanux
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
Approcci alla #leanux
Coaching
@Fabbrucci
Soft Linking
Approcci alla #leanux
Business vision
Execution
Strategy
@Fabbrucci
Paura di perdere il controllo
Approcci alla #leanux
@Fabbrucci
Roadmap
Cos’è #leanux
Approcci alla #leanux
Cosa posso fare io come Developer
@Fabbrucci
@Fabbrucci
Cosa posso…
cosa dovrei
Cosa posso fare io come Developer
@Fabbrucci
Uscire allo scoperto
Cosa posso fare io come Developer
Deploy automatico #continuous-delivery
Setting dell’environment #devops
Comunicazione al resto del team
@Fabbrucci
Ridurre gli sprechi
Styleguide Development
Cosa posso fare io come Developer
@Fabbrucci
È un dizionario
Designer
Developer
Cliente
Cosa posso fare io come Developer
Styleguide
@Fabbrucci
https://github.com/styleguide
Cosa posso fare io come Developer
@Fabbrucci
https://ux.mailchimp.com/patterns
Cosa posso fare io come Developer
@FabbrucciCosa posso fare io come Developer
Un esempio di interazione
Frontender campiona testo
Designer crea PSD
Frontender crea CSS
@FabbrucciCosa posso fare io come Developer
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
@FabbrucciCosa posso fare io come Developer
Caratteristiche
Manutenibile
Accessibile
Azionabile
@Fabbrucci
@FabbrucciCosa posso fare io come Developer
Accessibile
Capistrano + EC2
Multistage
Customized:
Silex + Twig + Yeoman + Bower + Grunt
@Fabbrucci
http://demo.patternlab.io/
@FabbrucciCosa posso fare io come Developer
Manutenibile
Testing
CSS ad oggetti o modulare
@Fabbrucci
@FabbrucciCosa posso fare io come Developer
CSS Modulare
OOCSS
Precompilatori (LESS, SASS)
Atomic Design
BEM, SMACSS
@Fabbrucci
@FabbrucciCosa posso fare io come Developer
Testing
Testing CSS: Phantom CSS
Testing JS: Phantom JS
http://csste.st
@Fabbrucci
@FabbrucciCosa posso fare io come Developer
@FabbrucciCosa posso fare io come Developer
Come developer posso…
aiutare a rimuovere gli sprechi
uscire allo scoperto
@Fabbrucci
@FabbrucciCosa posso fare io come Developer
Come developer dovrei…
lavorare sulle mie soft-skill
sviluppare un dizionario cross-funzionale
lavorare in team non è scontato…
e infine…
@Fabbrucci
@FabbrucciCosa posso fare io come Developer
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 differenze
@Fabbrucci
@Fabbrucci
Grazie a queste aziende
@Fabbrucci
Grazie a tutti
Domande?

http://fabbrucci.me

fabio.fabbrucci@gmail.com
@Fabbrucci

More Related Content

Viewers also liked

Strategie per migliorare la comprensione del testo
Strategie per migliorare la comprensione del testoStrategie per migliorare la comprensione del testo
Strategie per migliorare la comprensione del testoTrainingCognitivo
 
User Experience & Mobile Innovation Strategy
User Experience & Mobile Innovation StrategyUser Experience & Mobile Innovation Strategy
User Experience & Mobile Innovation StrategyAntonio De Pasquale
 
Design in motion. The new frontier of interaction design
Design in motion. The new frontier of interaction designDesign in motion. The new frontier of interaction design
Design in motion. The new frontier of interaction designAntonio De Pasquale
 
Design in Tech Report 2017
Design in Tech Report 2017Design in Tech Report 2017
Design in Tech Report 2017John Maeda
 
Visual Design with Data
Visual Design with DataVisual Design with Data
Visual Design with DataSeth Familian
 

Viewers also liked (7)

Strategie per migliorare la comprensione del testo
Strategie per migliorare la comprensione del testoStrategie per migliorare la comprensione del testo
Strategie per migliorare la comprensione del testo
 
The age of Augmented Humanity
The age of Augmented Humanity The age of Augmented Humanity
The age of Augmented Humanity
 
User Experience & Mobile Innovation Strategy
User Experience & Mobile Innovation StrategyUser Experience & Mobile Innovation Strategy
User Experience & Mobile Innovation Strategy
 
Responsive Webdesign
Responsive WebdesignResponsive Webdesign
Responsive Webdesign
 
Design in motion. The new frontier of interaction design
Design in motion. The new frontier of interaction designDesign in motion. The new frontier of interaction design
Design in motion. The new frontier of interaction design
 
Design in Tech Report 2017
Design in Tech Report 2017Design in Tech Report 2017
Design in Tech Report 2017
 
Visual Design with Data
Visual Design with DataVisual Design with Data
Visual Design with Data
 

Similar to Lean UX Development

Lean UX Development - Approach and toolkit
Lean UX Development - Approach and toolkitLean UX Development - Approach and toolkit
Lean UX Development - Approach and toolkitCodemotion
 
Agile Product Strategy - Dalla Startup Weekend al mercato
Agile Product Strategy - Dalla  Startup Weekend al mercatoAgile Product Strategy - Dalla  Startup Weekend al mercato
Agile Product Strategy - Dalla Startup Weekend al mercatoFabio Fabbrucci
 
Designers from Hell / Freelance Day 2015
Designers from Hell / Freelance Day 2015Designers from Hell / Freelance Day 2015
Designers from Hell / Freelance Day 2015Sketchin
 
UX e UI: buone pratiche e strumenti
UX e UI: buone pratiche e strumenti UX e UI: buone pratiche e strumenti
UX e UI: buone pratiche e strumenti Coppa+Landini
 
Master presentazione 1 come nasce un'idea
Master presentazione 1   come nasce un'ideaMaster presentazione 1   come nasce un'idea
Master presentazione 1 come nasce un'ideasculling77
 
Brainstorming efficaci - Disney Model e altro ...
Brainstorming efficaci - Disney Model e altro ...Brainstorming efficaci - Disney Model e altro ...
Brainstorming efficaci - Disney Model e altro ...Fabio Fabbrucci
 
Il project management degli avatar
Il project management degli avatarIl project management degli avatar
Il project management degli avatarRoberto Cobianchi
 
2021 DIDATTICA - Il metodo progettuale di Bruno Munari
2021 DIDATTICA - Il metodo progettuale di Bruno Munari2021 DIDATTICA - Il metodo progettuale di Bruno Munari
2021 DIDATTICA - Il metodo progettuale di Bruno MunariVanessa Speziale
 
From idea to concept - Todi Appy Days 2015
From idea to concept - Todi Appy Days 2015From idea to concept - Todi Appy Days 2015
From idea to concept - Todi Appy Days 2015Todi Appy Days
 
La prototipazione
La prototipazioneLa prototipazione
La prototipazioneOana Tatar
 
Sperimentazioni di Tecnologie e Comunicazioni Multimediali . Lezione 1
Sperimentazioni di Tecnologie e Comunicazioni Multimediali . Lezione 1Sperimentazioni di Tecnologie e Comunicazioni Multimediali . Lezione 1
Sperimentazioni di Tecnologie e Comunicazioni Multimediali . Lezione 1Salvatore Iaconesi
 
Webinar Susanna Pepi | Come Scegliere Font e Colori per Creare Landing Page
Webinar Susanna Pepi | Come Scegliere Font e Colori per Creare Landing PageWebinar Susanna Pepi | Come Scegliere Font e Colori per Creare Landing Page
Webinar Susanna Pepi | Come Scegliere Font e Colori per Creare Landing Page1minutesite
 
Stampa 3d open source
Stampa 3d open sourceStampa 3d open source
Stampa 3d open sourceMarco Ferrara
 

Similar to Lean UX Development (20)

Lean UX Development - Approach and toolkit
Lean UX Development - Approach and toolkitLean UX Development - Approach and toolkit
Lean UX Development - Approach and toolkit
 
Agile Product Strategy - Dalla Startup Weekend al mercato
Agile Product Strategy - Dalla  Startup Weekend al mercatoAgile Product Strategy - Dalla  Startup Weekend al mercato
Agile Product Strategy - Dalla Startup Weekend al mercato
 
SnW: Social Media @NECSTLab
SnW: Social Media @NECSTLabSnW: Social Media @NECSTLab
SnW: Social Media @NECSTLab
 
Designers from Hell / Freelance Day 2015
Designers from Hell / Freelance Day 2015Designers from Hell / Freelance Day 2015
Designers from Hell / Freelance Day 2015
 
UX e UI: buone pratiche e strumenti
UX e UI: buone pratiche e strumenti UX e UI: buone pratiche e strumenti
UX e UI: buone pratiche e strumenti
 
Master presentazione 1 come nasce un'idea
Master presentazione 1   come nasce un'ideaMaster presentazione 1   come nasce un'idea
Master presentazione 1 come nasce un'idea
 
Progettare Relazioni
Progettare RelazioniProgettare Relazioni
Progettare Relazioni
 
Brainstorming efficaci - Disney Model e altro ...
Brainstorming efficaci - Disney Model e altro ...Brainstorming efficaci - Disney Model e altro ...
Brainstorming efficaci - Disney Model e altro ...
 
Il project management degli avatar
Il project management degli avatarIl project management degli avatar
Il project management degli avatar
 
Cosa si fa con rhino
Cosa si fa con rhinoCosa si fa con rhino
Cosa si fa con rhino
 
II Workshop co progettazione
II Workshop co progettazione II Workshop co progettazione
II Workshop co progettazione
 
XYZ2017 — Output X: Publishing
XYZ2017 — Output X: Publishing XYZ2017 — Output X: Publishing
XYZ2017 — Output X: Publishing
 
2021 DIDATTICA - Il metodo progettuale di Bruno Munari
2021 DIDATTICA - Il metodo progettuale di Bruno Munari2021 DIDATTICA - Il metodo progettuale di Bruno Munari
2021 DIDATTICA - Il metodo progettuale di Bruno Munari
 
From idea to concept - Todi Appy Days 2015
From idea to concept - Todi Appy Days 2015From idea to concept - Todi Appy Days 2015
From idea to concept - Todi Appy Days 2015
 
Lab2 Lecture, 7 march 2017
Lab2 Lecture, 7 march 2017 Lab2 Lecture, 7 march 2017
Lab2 Lecture, 7 march 2017
 
La prototipazione
La prototipazioneLa prototipazione
La prototipazione
 
Sperimentazioni di Tecnologie e Comunicazioni Multimediali . Lezione 1
Sperimentazioni di Tecnologie e Comunicazioni Multimediali . Lezione 1Sperimentazioni di Tecnologie e Comunicazioni Multimediali . Lezione 1
Sperimentazioni di Tecnologie e Comunicazioni Multimediali . Lezione 1
 
Webinar Susanna Pepi | Come Scegliere Font e Colori per Creare Landing Page
Webinar Susanna Pepi | Come Scegliere Font e Colori per Creare Landing PageWebinar Susanna Pepi | Come Scegliere Font e Colori per Creare Landing Page
Webinar Susanna Pepi | Come Scegliere Font e Colori per Creare Landing Page
 
Stampa 3d open source
Stampa 3d open sourceStampa 3d open source
Stampa 3d open source
 
FF3300 issue #7
FF3300 issue #7FF3300 issue #7
FF3300 issue #7
 

More from Fabio Fabbrucci

Ignite Lisbona - (my) TOP & FLOP managing Dottor Clown Rimini for 10 years
Ignite Lisbona - (my) TOP & FLOP managing Dottor Clown Rimini for 10 yearsIgnite Lisbona - (my) TOP & FLOP managing Dottor Clown Rimini for 10 years
Ignite Lisbona - (my) TOP & FLOP managing Dottor Clown Rimini for 10 yearsFabio Fabbrucci
 
Living Styleguide: design and development workflows
Living Styleguide: design and development workflowsLiving Styleguide: design and development workflows
Living Styleguide: design and development workflowsFabio Fabbrucci
 
Come non trovare il lavoro che non ci piace
Come non trovare il lavoro che non ci piaceCome non trovare il lavoro che non ci piace
Come non trovare il lavoro che non ci piaceFabio Fabbrucci
 
Wind Business Factor - Abmundi Presentation
Wind Business Factor - Abmundi PresentationWind Business Factor - Abmundi Presentation
Wind Business Factor - Abmundi PresentationFabio Fabbrucci
 

More from Fabio Fabbrucci (8)

Ignite Lisbona - (my) TOP & FLOP managing Dottor Clown Rimini for 10 years
Ignite Lisbona - (my) TOP & FLOP managing Dottor Clown Rimini for 10 yearsIgnite Lisbona - (my) TOP & FLOP managing Dottor Clown Rimini for 10 years
Ignite Lisbona - (my) TOP & FLOP managing Dottor Clown Rimini for 10 years
 
Living Styleguide: design and development workflows
Living Styleguide: design and development workflowsLiving Styleguide: design and development workflows
Living Styleguide: design and development workflows
 
Come non trovare il lavoro che non ci piace
Come non trovare il lavoro che non ci piaceCome non trovare il lavoro che non ci piace
Come non trovare il lavoro che non ci piace
 
Wind Business Factor - Abmundi Presentation
Wind Business Factor - Abmundi PresentationWind Business Factor - Abmundi Presentation
Wind Business Factor - Abmundi Presentation
 
To fail or not to fail
To fail or not to failTo fail or not to fail
To fail or not to fail
 
Selenium for Designers
Selenium for DesignersSelenium for Designers
Selenium for Designers
 
Who designs css
Who designs cssWho designs css
Who designs css
 
+ SASS = - stress
+ SASS = - stress+ SASS = - stress
+ SASS = - stress
 

Recently uploaded

Chiara Martino, Conversational AI e Generative AI in @Assist Digital e Autric...
Chiara Martino, Conversational AI e Generative AI in @Assist Digital e Autric...Chiara Martino, Conversational AI e Generative AI in @Assist Digital e Autric...
Chiara Martino, Conversational AI e Generative AI in @Assist Digital e Autric...Associazione Digital Days
 
Massimiliano Manera, Art Director e Guido Callegari, Art Director. “Freestyle...
Massimiliano Manera, Art Director e Guido Callegari, Art Director. “Freestyle...Massimiliano Manera, Art Director e Guido Callegari, Art Director. “Freestyle...
Massimiliano Manera, Art Director e Guido Callegari, Art Director. “Freestyle...Associazione Digital Days
 
Matteo Cardamone, Design Leader – “Educazione al Feedback”.
Matteo Cardamone, Design Leader – “Educazione al Feedback”.Matteo Cardamone, Design Leader – “Educazione al Feedback”.
Matteo Cardamone, Design Leader – “Educazione al Feedback”.Associazione Digital Days
 
Rossana Bazzano, Service designer e Roberta Fitti, Digital Project Manager @M...
Rossana Bazzano, Service designer e Roberta Fitti, Digital Project Manager @M...Rossana Bazzano, Service designer e Roberta Fitti, Digital Project Manager @M...
Rossana Bazzano, Service designer e Roberta Fitti, Digital Project Manager @M...Associazione Digital Days
 
Andrea Gilardi, AI expert; Giulia Giordano, Ai Expert e Motion Designer; Luis...
Andrea Gilardi, AI expert; Giulia Giordano, Ai Expert e Motion Designer; Luis...Andrea Gilardi, AI expert; Giulia Giordano, Ai Expert e Motion Designer; Luis...
Andrea Gilardi, AI expert; Giulia Giordano, Ai Expert e Motion Designer; Luis...Associazione Digital Days
 
Sara Sisti, Freelance AI & Software Developer, Artist – “AI as a Medium: Nuov...
Sara Sisti, Freelance AI & Software Developer, Artist – “AI as a Medium: Nuov...Sara Sisti, Freelance AI & Software Developer, Artist – “AI as a Medium: Nuov...
Sara Sisti, Freelance AI & Software Developer, Artist – “AI as a Medium: Nuov...Associazione Digital Days
 

Recently uploaded (6)

Chiara Martino, Conversational AI e Generative AI in @Assist Digital e Autric...
Chiara Martino, Conversational AI e Generative AI in @Assist Digital e Autric...Chiara Martino, Conversational AI e Generative AI in @Assist Digital e Autric...
Chiara Martino, Conversational AI e Generative AI in @Assist Digital e Autric...
 
Massimiliano Manera, Art Director e Guido Callegari, Art Director. “Freestyle...
Massimiliano Manera, Art Director e Guido Callegari, Art Director. “Freestyle...Massimiliano Manera, Art Director e Guido Callegari, Art Director. “Freestyle...
Massimiliano Manera, Art Director e Guido Callegari, Art Director. “Freestyle...
 
Matteo Cardamone, Design Leader – “Educazione al Feedback”.
Matteo Cardamone, Design Leader – “Educazione al Feedback”.Matteo Cardamone, Design Leader – “Educazione al Feedback”.
Matteo Cardamone, Design Leader – “Educazione al Feedback”.
 
Rossana Bazzano, Service designer e Roberta Fitti, Digital Project Manager @M...
Rossana Bazzano, Service designer e Roberta Fitti, Digital Project Manager @M...Rossana Bazzano, Service designer e Roberta Fitti, Digital Project Manager @M...
Rossana Bazzano, Service designer e Roberta Fitti, Digital Project Manager @M...
 
Andrea Gilardi, AI expert; Giulia Giordano, Ai Expert e Motion Designer; Luis...
Andrea Gilardi, AI expert; Giulia Giordano, Ai Expert e Motion Designer; Luis...Andrea Gilardi, AI expert; Giulia Giordano, Ai Expert e Motion Designer; Luis...
Andrea Gilardi, AI expert; Giulia Giordano, Ai Expert e Motion Designer; Luis...
 
Sara Sisti, Freelance AI & Software Developer, Artist – “AI as a Medium: Nuov...
Sara Sisti, Freelance AI & Software Developer, Artist – “AI as a Medium: Nuov...Sara Sisti, Freelance AI & Software Developer, Artist – “AI as a Medium: Nuov...
Sara Sisti, Freelance AI & Software Developer, Artist – “AI as a Medium: Nuov...
 

Lean UX Development