lean ux development

Download Lean UX Development

Post on 14-Jun-2015

3.290 views

Category:

Design

1 download

Embed Size (px)

DESCRIPTION

Approaches and Toolkit

TRANSCRIPT

  • 1. @Fabbrucci Welcome @Fabbrucci

2. @Fabbrucci 6 volontari da formare 2 team di 3 persone @Fabbrucci Cominciamo con un GIOCO 3. @Fabbrucci Una meravigliosa estate Si disegna in silenzio Seguite le istruzioni che vi dar su un foglio Avete tutti gli strumenti che servono 1 minuto di tempo per disegnare insieme http://blog.crisp.se/2009/02/18/davidbarnholdt/1234986060000 4. @Fabbrucci@Fabbrucciicona di Samuel Q. Green - the Noun Project 5. @Fabbrucci Squadra A Disegnare una meravigliosa estate con ori rossi e blu in un prato verde, alcune mucche e degli uccelli in volo mentre il sole splende 6. @Fabbrucci Squadra B 10 ori blu con 5 petali ciascuno 5 ori blu con 6 petali ciascuno 13 ori rossi con 6 petali ciascuno 2 mucche con 3 macchie nere 1 mucca con 5 macchie nere 2 uccelli nellangolo in alto a sinistra 3 uccelli nel centro 1 sole con cinque raggi solari Disegnare una meravigliosa estate con 7. @Fabbrucci La vision era la stessa Disegnare una meravigliosa estate 8. @Fabbrucci Quale vi piace di pi? Disegno A? [su le mani] Disegno B? [su le mani] @Fabbrucci 9. @Fabbrucci I dettagli aiutano a raggiungere la vision? Quando sviluppate un taskvi ricordate la vision del progetto/prodotto? Trovate delle analogie con il vostro lavoro? Riettiamo @Fabbrucci 10. @Fabbrucci Lean UX Development Approach and toolkit @Fabbrucci Codemotion 2014, Roma 11. @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 @Fabbrucci 12. @Fabbrucci@Fabbrucci Vision di questo talk Condividere con voi la mia esperienza nellintento di fornivi strumenti da sperimentare nel vostro team 13. @Fabbrucci No! @Fabbrucci 14. @Fabbrucci Fonti 15. @Fabbrucci Cos #leanux Roadmap Approcci alla #leanux Cosa posso fare io come Developer @Fabbrucci 16. @Fabbrucci Donald Arthur Don Norman Cos #leanux @Fabbrucci User experience encompasses all aspects of the end-user's interaction with the company, its services, and its products. 17. @FabbrucciCos #leanux Jeff Gothelf Lean UX is the practice of bringing the true nature of a product to light faster, in a collaborative, cross-functional way that reduces the emphasis on through documentation while increasing the focus on building a shared understanding of the actual product experience being designed. 18. @FabbrucciCos #leanux Lean UX signica progettare UX applicando principi lean. dal tizio qui presente Fabio Fabbrucci 19. @Fabbrucci Roadmap Cos #leanux Approcci alla #leanux Cosa posso fare io come Developer @Fabbrucci 20. @Fabbrucci Proposte e azioni Approcci alla #leanux 21. @FabbrucciApprocci alla #leanux Trasparenza e vision 22. @Fabbrucci Codesign Approcci alla #leanux 23. @Fabbrucci Divergere e convergere Approcci alla #leanux 24. @Fabbrucci Trovare il giusto linguaggio Approcci alla #leanux 25. @Fabbrucci Interruzioni e urgenza http://www.hanselman.com/blog/ScottHanselmansCompleteListOfProductivityTips.aspx Approcci alla #leanux Do it now I Decide when to do it II Delegate it III Dump it IV Urgency Importance 26. @Fabbrucci Delega Approcci alla #leanux 27. @Fabbrucci Parliamo un po di iterazioni Approcci alla #leanux 28. @Fabbrucci Utenti Team Approcci alla #leanux 29. @Fabbrucci Utenti Cliente Team Approcci alla #leanux 30. @Fabbrucci Iterazioni: primo approccio http://bit.ly/1mOepcT Approcci alla #leanux No fallimento e ni opportunit Milestones 31. @Fabbrucci Si possono prioritizzare per: Valore nanziario Costo Conoscenza Riduzione del rischio User stories Sono un requisito Approcci alla #leanux espressione di un bisogno 32. @FabbrucciApprocci alla #leanux Incertezza Tempo Certezza 33. @FabbrucciApprocci alla #leanux Esplorazione How What How What 34. @FabbrucciApprocci alla #leanux Quick but unsustainable wins I Enduring success II Slow failure III Fast failure IV Right Way RightThing Rischio 35. @FabbrucciApprocci alla #leanux Iterazioni: secondo approccio Framework di ipotesi Roadmap condivisa Iterazioni retroattive https://twitter.com/search?q=how%20spotify%20build%20a%20product&src=typd 36. @Fabbrucci https://twitter.com/Icelord/status/423739304691912705/photo/1 Approcci alla #leanux Coaching 37. @Fabbrucci Soft Linking Approcci alla #leanux Business vision Execution Strategy 38. @Fabbrucci Paura di perdere il controllo Approcci alla #leanux 39. @Fabbrucci Roadmap Cos #leanux Approcci alla #leanux Cosa posso fare io come Developer @Fabbrucci 40. @Fabbrucci Cosa posso cosa dovrei Cosa posso fare io come Developer 41. @Fabbrucci Uscire allo scoperto Cosa posso fare io come Developer Deploy automatico #continuous-delivery Setting dellenvironment #devops Comunicazione al resto del team 42. @Fabbrucci Ridurre gli sprechi Styleguide Development Cosa posso fare io come Developer 43. @Fabbrucci un dizionario Designer Developer Cliente Cosa posso fare io come Developer Styleguide 44. @Fabbrucci https://github.com/styleguide Cosa posso fare io come Developer 45. @Fabbrucci https://ux.mailchimp.com/patterns Cosa posso fare io come Developer 46. @FabbrucciCosa posso fare io come Developer Un esempio di interazione Frontender campiona testo Designer crea PSD Frontender crea CSS 47. @FabbrucciCosa posso fare io come Developer Problemi Il design rischia di esplodere negli stili Il design rischia di bloccare la prototipazione Il designer si dimentica i line-height 48. @Fabbrucci Proviamo un approccio pi semantico Cosa posso fare io come Developer @Fabbrucci 49. @FabbrucciCosa posso fare io come Developer @Fabbrucci 50. @FabbrucciCosa posso fare io come Developer Caratteristiche Manutenibile Accessibile Azionabile @Fabbrucci 51. @FabbrucciCosa posso fare io come Developer Accessibile Capistrano + EC2 Multistage Customized: Silex + Twig + Yeoman + Bower + Grunt @Fabbrucci http://demo.patternlab.io/ 52. @FabbrucciCosa posso fare io come Developer Manutenibile Testing CSS ad oggetti o modulare @Fabbrucci 53. @FabbrucciCosa posso fare io come Developer CSS Modulare OOCSS Precompilatori (LESS, SASS) Atomic Design BEM, SMACSS @Fabbrucci 54. @FabbrucciCosa posso fare io come Developer Testing Testing CSS: Phantom CSS Testing JS: Phantom JS http://csste.st @Fabbrucci 55. @FabbrucciCosa posso fare io come Developer 56. @FabbrucciCosa posso fare io come Developer Come developer posso aiutare a rimuovere gli sprechi uscire allo scoperto @Fabbrucci 57. @FabbrucciCosa posso fare io come Developer Come developer dovrei lavorare sulle mie soft-skill sviluppare un dizionario cross-funzionale lavorare in team non scontato e inne @Fabbrucci 58. @FabbrucciCosa posso fare io come Developer Alzare lo sguardo Agile non un framework.Che cos? Se lo cerco, per quale motivo? Proviamo a capire ed ascoltareprima di infamare La nostra felicit non un side-project Alleniamoci ad ottenere il meglio da ci che abbiamo, e a sfruttare le dierenze @Fabbrucci 59. @Fabbrucci Grazie a queste aziende 60. @Fabbrucci Grazie a tutti Domande?http://fabbrucci.me fabio.fabbrucci@gmail.com @Fabbrucci