lean ux approach for developers

51
@Fabbrucci Welcome by @Fabbrucci

Upload: fabio-fabbrucci

Post on 07-Jul-2015

456 views

Category:

Design


0 download

DESCRIPTION

Presentazione fatta al Codemotion Milano 2014

TRANSCRIPT

Page 1: Lean UX Approach for developers

@Fabbrucci

Welcomeby @Fabbrucci

Page 2: Lean UX Approach for developers

@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

Page 3: Lean UX Approach for developers

@Fabbrucci

Fonti

Page 4: Lean UX Approach for developers

@Fabbrucci

Esperienza

Page 5: Lean UX Approach for developers

@Fabbrucci

Page 6: Lean UX Approach for developers

@Fabbrucci

Page 7: Lean UX Approach for developers

@Fabbrucci

The dark side

Page 8: Lean UX Approach for developers

@Fabbrucci

Page 9: Lean UX Approach for developers

@Fabbrucci

No!

@Fabbrucci

Page 10: Lean UX Approach for developers

@Fabbrucci

Roadmap

Contesto

Cosa posso fare io come Developer

@Fabbrucci

Approcci

Page 11: Lean UX Approach for developers

@Fabbrucci

L’agenzia Il cliente

Qualcosa

Quanto

Come faremo? Ci riusciremo? Ci pagherà? Chi è l’altro?

Dove sta l’inc#?

Contesto

Page 12: Lean UX Approach for developers

@FabbrucciContesto

Il cliente

Il tuo team

Dev Mkt Qualcuno

PO Older ExpertNewCEO

BusinessStoria

Vision

Roadmap

L’acquisita

Goal

BoardProgetto

nuovo

L’utenteSlave or master?

Page 13: Lean UX Approach for developers

@Fabbrucci

0

25

50

75

100

Contact Kickoff Iteration 1 Iteration 2 Iteration 3

Learning Risks Trust Delegation

Contesto

Page 14: Lean UX Approach for developers

@Fabbrucci

Paura di perdere il controllo

Approcci alla #leanux

Page 15: Lean UX Approach for developers

@Fabbrucci

Roadmap

Contesto

Cosa posso fare io come Developer

@Fabbrucci

Approcci

Page 16: Lean UX Approach for developers

@Fabbrucci

Miglioramento continuo

Approcci alla #leanux

Page 17: Lean UX Approach for developers

@FabbrucciApprocci alla #leanux

Trasparenza

Page 18: Lean UX Approach for developers

@Fabbrucci

CodesignApprocci alla #leanux

Page 19: Lean UX Approach for developers

@Fabbrucci

Convergere e divergereApprocci alla #leanux

Page 20: Lean UX Approach for developers

@Fabbrucci

Interruzioni e urgenza

http://www.hanselman.com/blog/ScottHanselmansCompleteListOfProductivityTips.aspx

Approcci alla #leanux

Page 21: Lean UX Approach for developers

@Fabbrucci

Parliamo un po’ di iterazioni …

Approcci alla #leanux

Page 22: Lean UX Approach for developers

@Fabbrucci

Utenti Team

Approcci alla #leanux

Page 23: Lean UX Approach for developers

@Fabbrucci

Utenti Cliente

Team

Approcci alla #leanux

Page 24: Lean UX Approach for developers

@Fabbrucci

Iterazioni: primo approccio

http://bit.ly/1mOepcT

Approcci alla #leanux

Processo di consegna e non comprensioneMilestones

Page 25: Lean UX Approach for developers

@Fabbrucci@Fabbrucci

Page 26: Lean UX Approach for developers

@FabbrucciApprocci alla #leanux

Iterazioni: secondo approccio

Framework di ipotesiRoadmap condivisa

Iterazione “retroattive”

Page 27: Lean UX Approach for developers

@Fabbrucci

Soft LinkingApprocci alla #leanux

Business vision

Execution

Strategy

Page 28: Lean UX Approach for developers

@Fabbruccihttps://twitter.com/Icelord/status/423739304691912705/photo/1

Approcci alla #leanux

Coaching/Consulenza/Training

Page 29: Lean UX Approach for developers

@Fabbrucci

Roadmap

Contesto

Cosa posso fare io come Developer

@Fabbrucci

Approcci

Page 30: Lean UX Approach for developers

@Fabbrucci

Cosa posso &

cosa dovrei

Cosa posso fare io come Developer

Page 31: Lean UX Approach for developers

@Fabbrucci

Uscire allo scoperto

Cosa posso fare io come Developer

Deploy automatico #continuous-delivery

Setting dell’enviroment #devops

Comunicazione al resto del team

Page 32: Lean UX Approach for developers

@Fabbrucci

Ridurre gli sprechiStyleguide Development

Cosa posso fare io come Developer

Page 33: Lean UX Approach for developers

@Fabbrucci

È un ponte di “conoscenza” !tra le varie parti

Designer

Sviluppatore

Cliente

Cosa posso fare io come Developer

Styleguide

Page 34: Lean UX Approach for developers

@Fabbrucci

Progettare per componenti, non

per pagine

Cosa posso fare io come Developer

Page 35: Lean UX Approach for developers

@Fabbrucci

https://github.com/styleguide

Cosa posso fare io come Developer

Page 36: Lean UX Approach for developers

@Fabbrucci

https://ux.mailchimp.com/patterns

Cosa posso fare io come Developer

Page 37: Lean UX Approach for developers

@FabbrucciCosa posso fare io come Developer

Un esempio

Frontender campiona testoDesigner crea PSD

Frontender crea CSS

Page 38: Lean UX Approach for developers

@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

Page 39: Lean UX Approach for developers

@Fabbrucci

Proviamo un altro approccio…

Cosa posso fare io come Developer @Fabbrucci

Page 40: Lean UX Approach for developers

@FabbrucciCosa posso fare io come Developer @Fabbrucci

Page 41: Lean UX Approach for developers

@FabbrucciCosa posso fare io come Developer

Caratteristiche

Migliorata continuamenteAccessibile

Azionabile

@Fabbrucci

Page 42: Lean UX Approach for developers

@FabbrucciCosa posso fare io come Developer

Accessibile

Capistrano + EC2Multistage

CustomizedSilex + Twig

@Fabbrucci

Page 43: Lean UX Approach for developers

@FabbrucciCosa posso fare io come Developer

Manutenzione

TestingCSS ad oggetti o modulare

@Fabbrucci

Page 44: Lean UX Approach for developers

@FabbrucciCosa posso fare io come Developer

CSS Modulare

OOCSSPrecompilatori (LESS, SASS)

Atomic DesignBEM, SMACSS, ITCSS

@Fabbrucci

Page 45: Lean UX Approach for developers

@FabbrucciCosa posso fare io come Developer

Testing

Testing CSS: Phantom CSSTesting JS: Phantom JS

http://csste.st

@Fabbrucci

Page 46: Lean UX Approach for developers

@FabbrucciCosa posso fare io come Developer

Page 47: Lean UX Approach for developers

@FabbrucciCosa posso fare io come Developer

Come developer posso…

aiutare a rimuovere gli sprechiuscire allo scoperto

@Fabbrucci

Page 48: Lean UX Approach for developers

@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

Page 49: Lean UX Approach for developers

@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

Page 50: Lean UX Approach for developers

@Fabbrucci

Grazie a tuttiDomande? Insulti? Dubbi?

http://[email protected]

@Fabbrucci

Page 51: Lean UX Approach for developers

@FabbrucciMarketing Time

Trainings

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

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