Lean UX Development - Approach and toolkit - Fabbrucci
1 like983 views
Il documento presenta un talk di Fabio Fabbrucci su approcci Lean UX nel design collaborativo e nel coinvolgimento degli utenti, condividendo strumenti pratici e strategie per sviluppatori. Vengono esplorati concetti come la trasparenza nella vision di progetto, il co-design e la gestione delle iterazioni efficienti. Fabbrucci enfatizza l'importanza di ridurre gli sprechi e migliorare la comunicazione all'interno dei team per creare prodotti di successo.
![@Fabbrucci
Quale vi piace di più?
Disegno A? [su le mani]
Disegno B? [su le mani]
@Fabbrucci](https://image.slidesharecdn.com/fabiofabbrucci-140429113429-phpapp02/85/Lean-UX-Development-Approach-and-toolkit-Fabbrucci-8-320.jpg)
Lean UX Development - Approach and toolkit - 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 fiori rossi e blu in un prato verde, alcune mucche e degli uccelli in volo mentre il sole splende
- 6. @Fabbrucci Squadra B • 10 fiori blu con 5 petali ciascuno • 5 fiori blu con 6 petali ciascuno • 13 fiori rossi con 6 petali ciascuno • 2 mucche con 3 macchie nere • 1 mucca con 5 macchie nere • 2 uccelli nell’angolo 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 task vi ricordate la vision del progetto/prodotto? Trovate delle analogie con il vostro lavoro? Riflettiamo @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 nell’intento di fornivi strumenti da sperimentare nel vostro team
- 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 significa 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
- 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
- 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 finanziario Costo Conoscenza Riduzione del rischio User stories Sono un requisito Approcci alla #leanux espressione di un bisogno
- 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
- 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 dell’environment #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 infine… @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 ascoltare prima di infamare La nostra felicità non è un side-project Alleniamoci ad ottenere il meglio da ciò che abbiamo, e a sfruttare le differenze @Fabbrucci
- 59. @Fabbrucci Grazie a queste aziende