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.

1. @Fabbrucci
Welcome
by @Fabbrucci

2. @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

3. @Fabbrucci
Fonti

4. @Fabbrucci
Esperienza

5. @Fabbrucci

6. @Fabbrucci

7. @Fabbrucci
The dark side

8. @Fabbrucci

9. @Fabbrucci
No!

10. @Fabbrucci
Roadmap
Contesto
Approcci
Cosa posso fare io come Developer

11. Come faremo?
Ci riusciremo?
Ci pagherà?
Chi è l’altro?
Dove sta l’inc#?
L’agenzia Il cliente
@Fabbrucci
Qualcosa
Quanto
Contesto

12. PO Older CEO New Expert
Il cliente
Il tuo team
Dev Mkt Qualcuno
Business
Storia
Contesto @Fabbrucci
Vision
Goal
Roadmap
L’acquisita
Board
Progetto
nuovo
L’utente
Slave or master?

13. @Fabbrucci
100
75
50
25
0
Learning Risks Trust Delegation
Contact Kickoff Iteration 1 Iteration 2 Iteration 3
Contesto

14. Paura di perdere il controllo
@Fabbrucci
Approcci alla #leanux

15. @Fabbrucci
Roadmap
Contesto
Approcci
Cosa posso fare io come Developer

16. Miglioramento continuo
@Fabbrucci
Approcci alla #leanux

17. Trasparenza
Approcci alla #leanux @Fabbrucci

18. @Fabbrucci
Codesign
Approcci alla #leanux

19. Convergere e divergere
@Fabbrucci
Approcci alla #leanux

20. Interruzioni e urgenza
@Fabbrucci
http://www.hanselman.com/blog/ScottHanselmansCompleteListOfProductivityTips.aspx
Approcci alla #leanux

21. @Fabbrucci
Parliamo un po’
di iterazioni …
Approcci alla #leanux

22. @Fabbrucci
Utenti Team
Approcci alla #leanux

23. @Fabbrucci
Utenti Cliente
Team
Approcci alla #leanux

24. Processo di consegna e non comprensione
@Fabbrucci
Iterazioni:
primo approccio
http://bit.ly/1mOepcT
Approcci alla #leanux
Milestones

25. @Fabbrucci

26. Iterazioni:
secondo approccio
Roadmap condivisa
Framework di ipotesi
Iterazione “retroattive”
Approcci alla #leanux @Fabbrucci

27. @Fabbrucci
Business vision
Execution
Soft Linking
Strategy
Approcci alla #leanux

28. @Fabbrucci
Coaching/Consulenza/Training
https://twitter.com/Icelord/status/423739304691912705/photo/1
Approcci alla #leanux

29. @Fabbrucci
Roadmap
Contesto
Approcci
Cosa posso fare io come Developer

30. @Fabbrucci
Cosa posso
&
cosa dovrei
Cosa posso fare io come Developer

31. @Fabbrucci
Uscire allo scoperto
Setting dell’enviroment #devops
Deploy automatico #continuous-delivery
Comunicazione al resto del team
Cosa posso fare io come Developer

32. @Fabbrucci
Ridurre gli sprechi
Styleguide Development
Cosa posso fare io come Developer

33. @Fabbrucci
È un ponte di “conoscenza” !
tra le varie parti
Designer
Sviluppatore
Cliente
Cosa posso fare io come Developer
Styleguide

34. Progettare per
componenti, non
@Fabbrucci
per pagine
Cosa posso fare io come Developer

35. @Fabbrucci
https://github.com/styleguide
Cosa posso fare io come Developer

36. @Fabbrucci
https://ux.mailchimp.com/patterns
Cosa posso fare io come Developer

37. Un esempio
Designer crea PSD
Frontender campiona testo
Frontender crea CSS
Cosa posso fare io come Developer @Fabbrucci

38. Problema
Il design rischia di bloccare la prototipazione
Il design rischia di esplodere negli stili
Il designer si dimentica i line-height
Cosa posso fare io come Developer @Fabbrucci

39. @Fabbrucci
Proviamo
un altro approccio…
Cosa posso fare io come Developer

40. Cosa posso fare io come Developer @Fabbrucci

41. Caratteristiche
Accessibile
Migliorata continuamente
Azionabile
Cosa posso fare io come Developer @Fabbrucci

42. Accessibile
Multistage
Capistrano + EC2
Customized
Silex + Twig
Cosa posso fare io come Developer @Fabbrucci

43. Manutenzione
CSS ad oggetti o modulare
Testing
Cosa posso fare io come Developer @Fabbrucci

44. CSS Modulare
Precompilatori (LESS, SASS)
OOCSS
BEM, SMACSS, ITCSS
Atomic Design
Cosa posso fare io come Developer @Fabbrucci

45. Testing
Testing JS: Phantom JS
Testing CSS: Phantom CSS
http://csste.st
Cosa posso fare io come Developer @Fabbrucci

46. Cosa posso fare io come Developer @Fabbrucci

47. Come developer posso…
uscire allo scoperto
aiutare a rimuovere gli sprechi
Cosa posso fare io come Developer @Fabbrucci

48. Come developer dovrei…
sviluppare un dizionario cross-funzionale
lavorare sulle mie soft-skill
essere al servizio del mio team
e infine…
Cosa posso fare io come Developer @Fabbrucci

49. Uscire dalla mia comfort-zone
Agile non è un framework?
Che cos’è? Se lo cerco, per quale motivo?
Ascoltare per comprendere, senza di giudicare
Alleniamoci ad ottenere il meglio
da ciò che abbiamo, e a sfruttare le differenze
La nostra felicità non è un side-project
Cosa posso fare io come Developer @Fabbrucci

50. @Fabbrucci
Grazie a tutti
Domande? Insulti? Dubbi?
http://fabbrucci.me
fabio.fabbrucci@gmail.com

51. 30 gennaio, Bologna
25-26 maggio, Bologna
http://www.avanscoperta.it/
Trainings
http://www.leanuxday.it/
Marketing Time @Fabbrucci