Lean UX Development - Approach and toolkit

  • View
    233

  • Download
    0

Embed Size (px)

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.

Text of Lean UX Development - Approach and toolkit

  • 1. @FabbrucciWelcomeby @Fabbrucci

2. @FabbrucciCiao, sono FabioDipendente, imprenditore, startupper; ora freelancerFrontend Developer presso GNV & PartnersAgile practitioner presso AvanscopertaMi piace mangiare, conoscere le persone, Scrubs 3. @FabbrucciFonti 4. @FabbrucciEsperienza 5. @Fabbrucci 6. @Fabbrucci 7. @FabbrucciThe dark side 8. @Fabbrucci 9. @FabbrucciNo! 10. @FabbrucciRoadmapContestoApprocciCosa posso fare io come Developer 11. Come faremo?Ci riusciremo?Ci pagher?Chi laltro?Dove sta linc#?Lagenzia Il cliente@FabbrucciQualcosaQuantoContesto 12. PO Older CEO New ExpertIl clienteIl tuo teamDev Mkt QualcunoBusinessStoriaContesto @FabbrucciVisionGoalRoadmapLacquisitaBoardProgettonuovoLutenteSlave or master? 13. @Fabbrucci1007550250Learning Risks Trust DelegationContact Kickoff Iteration 1 Iteration 2 Iteration 3Contesto 14. Paura di perdere il controllo@FabbrucciApprocci alla #leanux 15. @FabbrucciRoadmapContestoApprocciCosa posso fare io come Developer 16. Miglioramento continuo@FabbrucciApprocci alla #leanux 17. TrasparenzaApprocci alla #leanux @Fabbrucci 18. @FabbrucciCodesignApprocci alla #leanux 19. Convergere e divergere@FabbrucciApprocci alla #leanux 20. Interruzioni e urgenza@Fabbruccihttp://www.hanselman.com/blog/ScottHanselmansCompleteListOfProductivityTips.aspxApprocci alla #leanux 21. @FabbrucciParliamo un podi iterazioni Approcci alla #leanux 22. @FabbrucciUtenti TeamApprocci alla #leanux 23. @FabbrucciUtenti ClienteTeamApprocci alla #leanux 24. Processo di consegna e non comprensione@FabbrucciIterazioni:primo approcciohttp://bit.ly/1mOepcTApprocci alla #leanuxMilestones 25. @Fabbrucci 26. Iterazioni:secondo approccioRoadmap condivisaFramework di ipotesiIterazione retroattiveApprocci alla #leanux @Fabbrucci 27. @FabbrucciBusiness visionExecutionSoft LinkingStrategyApprocci alla #leanux 28. @FabbrucciCoaching/Consulenza/Traininghttps://twitter.com/Icelord/status/423739304691912705/photo/1Approcci alla #leanux 29. @FabbrucciRoadmapContestoApprocciCosa posso fare io come Developer 30. @FabbrucciCosa posso&cosa dovreiCosa posso fare io come Developer 31. @FabbrucciUscire allo scopertoSetting dellenviroment #devopsDeploy automatico #continuous-deliveryComunicazione al resto del teamCosa posso fare io come Developer 32. @FabbrucciRidurre gli sprechiStyleguide DevelopmentCosa posso fare io come Developer 33. @Fabbrucci un ponte di conoscenza !tra le varie partiDesignerSviluppatoreClienteCosa posso fare io come DeveloperStyleguide 34. Progettare percomponenti, non@Fabbrucciper pagineCosa posso fare io come Developer 35. @Fabbruccihttps://github.com/styleguideCosa posso fare io come Developer 36. @Fabbruccihttps://ux.mailchimp.com/patternsCosa posso fare io come Developer 37. Un esempioDesigner crea PSDFrontender campiona testoFrontender crea CSSCosa posso fare io come Developer @Fabbrucci 38. ProblemaIl design rischia di bloccare la prototipazioneIl design rischia di esplodere negli stiliIl designer si dimentica i line-heightCosa posso fare io come Developer @Fabbrucci 39. @FabbrucciProviamoun altro approccioCosa posso fare io come Developer 40. Cosa posso fare io come Developer @Fabbrucci 41. CaratteristicheAccessibileMigliorata continuamenteAzionabileCosa posso fare io come Developer @Fabbrucci 42. AccessibileMultistageCapistrano + EC2CustomizedSilex + TwigCosa posso fare io come Developer @Fabbrucci 43. ManutenzioneCSS ad oggetti o modulareTestingCosa posso fare io come Developer @Fabbrucci 44. CSS ModularePrecompilatori (LESS, SASS)OOCSSBEM, SMACSS, ITCSSAtomic DesignCosa posso fare io come Developer @Fabbrucci 45. TestingTesting JS: Phantom JSTesting CSS: Phantom CSShttp://csste.stCosa posso fare io come Developer @Fabbrucci 46. Cosa posso fare io come Developer @Fabbrucci 47. Come developer possouscire allo scopertoaiutare a rimuovere gli sprechiCosa posso fare io come Developer @Fabbrucci 48. Come developer dovreisviluppare un dizionario cross-funzionalelavorare sulle mie soft-skillessere al servizio del mio teame infineCosa posso fare io come Developer @Fabbrucci 49. Uscire dalla mia comfort-zoneAgile non un framework?Che cos? Se lo cerco, per quale motivo?Ascoltare per comprendere, senza di giudicareAlleniamoci ad ottenere il meglioda ci che abbiamo, e a sfruttare le differenzeLa nostra felicit non un side-projectCosa posso fare io come Developer @Fabbrucci 50. @FabbrucciGrazie a tuttiDomande? Insulti? Dubbi?http://fabbrucci.mefabio.fabbrucci@gmail.com 51. 30 gennaio, Bologna25-26 maggio, Bolognahttp://www.avanscoperta.it/Trainingshttp://www.leanuxday.it/Marketing Time @Fabbrucci