lean ux development - approach and toolkit
DESCRIPTION
by Fabio Fabbrucci - Nel libro "Lean UX" Jeff Gothelf e Josh Seiden mostrano un nuovo modo di fare UX, meno waterfall e più iterativo. Diventa sempre meno netta la linea che separa l'analisi dal prodotto, dal prototipo al prodotto, dal requisito all'assunto. In questo talk vorrei fornire una panoramica riassuntiva sui contenuti del libro focalizzandosi sul ruolo del frontendista a supporto del team. Come fare CSS riutilizzabile? Come creare automatismi che semplifichino lo sviluppo? Come creare una styleguide manutenibile? E' possibile testare il css? Tutto frutto di studio e di un anno in GNV Parnters.TRANSCRIPT
@Fabbrucci
Welcomeby @Fabbrucci
@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
Fonti
@Fabbrucci
Esperienza
@Fabbrucci
@Fabbrucci
@Fabbrucci
The dark side
@Fabbrucci
@Fabbrucci
No!
@Fabbrucci
@Fabbrucci
Roadmap
Contesto
Cosa posso fare io come Developer
@Fabbrucci
Approcci
@Fabbrucci
L’agenzia Il cliente
Qualcosa
Quanto
Come faremo? Ci riusciremo? Ci pagherà? Chi è l’altro?
Dove sta l’inc#?
Contesto
@FabbrucciContesto
Il cliente
Il tuo team
Dev Mkt Qualcuno
PO Older ExpertNewCEO
BusinessStoria
Vision
Roadmap
L’acquisita
Goal
BoardProgetto
nuovo
L’utenteSlave or master?
@Fabbrucci
0
25
50
75
100
Contact Kickoff Iteration 1 Iteration 2 Iteration 3
Learning Risks Trust Delegation
Contesto
@Fabbrucci
Paura di perdere il controllo
Approcci alla #leanux
@Fabbrucci
Roadmap
Contesto
Cosa posso fare io come Developer
@Fabbrucci
Approcci
@Fabbrucci
Miglioramento continuo
Approcci alla #leanux
@FabbrucciApprocci alla #leanux
Trasparenza
@Fabbrucci
CodesignApprocci alla #leanux
@Fabbrucci
Convergere e divergereApprocci alla #leanux
@Fabbrucci
Interruzioni e urgenza
http://www.hanselman.com/blog/ScottHanselmansCompleteListOfProductivityTips.aspx
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
Processo di consegna e non comprensioneMilestones
@Fabbrucci@Fabbrucci
@FabbrucciApprocci alla #leanux
Iterazioni: secondo approccio
Framework di ipotesiRoadmap condivisa
Iterazione “retroattive”
@Fabbrucci
Soft LinkingApprocci alla #leanux
Business vision
Execution
Strategy
@Fabbruccihttps://twitter.com/Icelord/status/423739304691912705/photo/1
Approcci alla #leanux
Coaching/Consulenza/Training
@Fabbrucci
Roadmap
Contesto
Cosa posso fare io come Developer
@Fabbrucci
Approcci
@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’enviroment #devops
Comunicazione al resto del team
@Fabbrucci
Ridurre gli sprechiStyleguide Development
Cosa posso fare io come Developer
@Fabbrucci
È un ponte di “conoscenza” !tra le varie parti
Designer
Sviluppatore
Cliente
Cosa posso fare io come Developer
Styleguide
@Fabbrucci
Progettare per componenti, non
per pagine
Cosa posso fare io come Developer
@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
Frontender campiona testoDesigner crea PSD
Frontender crea CSS
@FabbrucciCosa posso fare io come Developer
Problema
Il design rischia di esplodere negli stili
Il design rischia di bloccare la prototipazione
Il designer si dimentica i line-height
@Fabbrucci
Proviamo un altro approccio…
Cosa posso fare io come Developer @Fabbrucci
@FabbrucciCosa posso fare io come Developer @Fabbrucci
@FabbrucciCosa posso fare io come Developer
Caratteristiche
Migliorata continuamenteAccessibile
Azionabile
@Fabbrucci
@FabbrucciCosa posso fare io come Developer
Accessibile
Capistrano + EC2Multistage
CustomizedSilex + Twig
@Fabbrucci
@FabbrucciCosa posso fare io come Developer
Manutenzione
TestingCSS ad oggetti o modulare
@Fabbrucci
@FabbrucciCosa posso fare io come Developer
CSS Modulare
OOCSSPrecompilatori (LESS, SASS)
Atomic DesignBEM, SMACSS, ITCSS
@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
e infine…
@Fabbrucci
essere al servizio del mio team
@FabbrucciCosa posso fare io come Developer
Uscire dalla mia comfort-zone
Agile non è un framework?Che cos’è? Se lo cerco, per quale motivo?
Ascoltare per comprendere, senza di giudicare
La nostra felicità non è un side-project
Alleniamoci ad ottenere il meglio da ciò che abbiamo, e a sfruttare le differenze
@Fabbrucci
@FabbrucciMarketing Time
Trainings
http://www.leanuxday.it/30 gennaio, Bologna
http://www.avanscoperta.it/25-26 maggio, Bologna