View
3.334
Download
1
Category
Preview:
DESCRIPTION
Approaches and Toolkit
Citation preview
@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 ADisegnare 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 stessaDisegnare 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 taskvi 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 FabioDipendente, 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 talkCondividere 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’è #leanuxApprocci alla #leanux
Cosa posso fare io come Developer
@Fabbrucci
@Fabbrucci
Proposte e azioniApprocci alla #leanux
@FabbrucciApprocci alla #leanux
Trasparenza e vision
@Fabbrucci
CodesignApprocci alla #leanux
@Fabbrucci
Divergere e convergereApprocci alla #leanux
@Fabbrucci
Trovare il giusto linguaggio
Approcci alla #leanux
@Fabbrucci
Interruzioni e urgenzahttp://www.hanselman.com/blog/ScottHanselmansCompleteListOfProductivityTips.aspx
Approcci alla #leanux
Do it now
IDecide
when to do it
II
Delegate itIII
Dump itIV
UrgencyIm
port
ance
@Fabbrucci
DelegaApprocci 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 storiesSono un requisito
Approcci alla #leanux
espressione di un bisogno
@FabbrucciApprocci alla #leanux
IncertezzaTempo
Certe
zza
@FabbrucciApprocci alla #leanux
EsplorazioneHow
What
HowWhat
@FabbrucciApprocci alla #leanux
Quick but unsustainable
wins
IEnduring success
II
Slow failureIII
Fast failureIV
Right Way
Righ
t Thi
ng
Rischio
@FabbrucciApprocci alla #leanux
Iterazioni: secondo approccio
Framework di ipotesiRoadmap condivisa
Iterazioni “retroattive”
https://twitter.com/search?q=how%20spotify%20build%20a%20product&src=typd
@Fabbruccihttps://twitter.com/Icelord/status/423739304691912705/photo/1
Approcci alla #leanux
Coaching
@Fabbrucci
Soft LinkingApprocci alla #leanux
Business vision
Execution
Strategy
@Fabbrucci
Paura di perdere il controllo
Approcci alla #leanux
@Fabbrucci
Roadmap
Cos’è #leanuxApprocci 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 sprechiStyleguide 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 testoDesigner 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
ManutenibileAccessibile
Azionabile
@Fabbrucci
@FabbrucciCosa posso fare io come Developer
Accessibile
Capistrano + EC2Multistage
Customized:Silex + Twig + Yeoman + Bower + Grunt
@Fabbruccihttp://demo.patternlab.io/
@FabbrucciCosa posso fare io come Developer
Manutenibile
TestingCSS ad oggetti o modulare
@Fabbrucci
@FabbrucciCosa posso fare io come Developer
CSS Modulare
OOCSSPrecompilatori (LESS, SASS)
Atomic DesignBEM, SMACSS
@Fabbrucci
@FabbrucciCosa posso fare io come Developer
Testing
Testing CSS: Phantom CSSTesting 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 sprechiuscire 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 ascoltareprima 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 tuttiDomande?http://fabbrucci.me
fabio.fabbrucci@gmail.com
@Fabbrucci
Recommended