lean ux development - approach and toolkit

@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

@Fabbrucci

Grazie a tuttiDomande? Insulti? Dubbi?

http://fabbrucci.mefabio.fabbrucci@gmail.com

@Fabbrucci

@FabbrucciMarketing Time

Trainings

http://www.leanuxday.it/30 gennaio, Bologna

http://www.avanscoperta.it/25-26 maggio, Bologna