UX Days 2019 by Flupa - Conférence : Nicolas Duval et Dawid Woldu
•
1 like•370 views
UX Days 2019 - Journée des Conférences du vendredi 21 juin 2019 - Conférence de Nicolas Duval et Dawid Woldu : Evolution of design systems. Closing the gap between design and production.
Recommended
Recommended
More Related Content
Similar to UX Days 2019 by Flupa - Conférence : Nicolas Duval et Dawid Woldu
Similar to UX Days 2019 by Flupa - Conférence : Nicolas Duval et Dawid Woldu (20)
More from Flupa
More from Flupa (20)
Recently uploaded
Recently uploaded (20)
UX Days 2019 by Flupa - Conférence : Nicolas Duval et Dawid Woldu
- 1. Closing the gap between ideas and reality Nicolas Duval Lead Designer Dawid Woldu Designer
- 2. Nicolas Duval Lead Designer Dawid Woldu Designer
- 5. ❝ You’re doing machine learning at human speed. Romain Serres Data Scientist
- 7. Design?
- 10. Reality...
- 11. Data analysis Flow analysis User feedback User testing User scenario Discovery Definition Development Delivery Delivery Measure User stories Jobs to be done Design principles How might we Brainstorm Hypotheses Card sorting Benchmark Sketching Wireframing Prototyping Guerilla testing Validate hypotheses Finalise designs High fidelity prototyping Usability tests Writing specs Front end dev QA Look at numbers Look at users feedback (For real)
- 12. Data analysis Flow analysis User feedback User testing User scenario Discovery Definition Development Delivery Delivery Measure User stories Jobs to be done Design principles How might we Brainstorm Hypotheses Card sorting Benchmark Sketching Wireframing Prototyping Guerilla testing Validate hypotheses Finalise designs High fidelity prototyping User testings Writing specs Front end dev QA Look at numbers Look at users feedback (For real)
- 13. Data analysis Flow analysis User feedback User testing User scenario Discovery Definition Development Delivery Delivery Measure User stories Jobs to be done Design principles How might we Brainstorm Hypotheses Card sorting Benchmark Sketching Wireframing Prototyping Guerilla testing Validate hypotheses Finalise designs High fidelity prototyping User testings Writing specs Front end dev QA Look at numbers Look at users feedback (For real)
- 14. Data analysis Flow analysis User feedback User testing User scenario Discovery Definition Development Delivery Delivery Measure User stories Jobs to be done Design principles How might we Brainstorm Hypotheses Card sorting Benchmark Sketching Wireframing Prototyping Guerilla testing Validate hypotheses Finalise designs High fidelity prototyping User testings Writing specs Front end dev QA Look at numbers Look at users feedback (For real)
- 15. Data analysis Flow analysis User feedback User testing User scenario Discovery Definition Development Delivery Delivery Measure User stories Jobs to be done Design principles How might we Brainstorm Hypotheses Card sorting Benchmark Sketching Wireframing Prototyping Guerilla testing Validate hypotheses Finalise designs High fidelity prototyping User testings Writing specs Front end dev QA Look at numbers Look at users feedback (For real)
- 16. Data analysis Flow analysis User feedback User testing User scenario Discovery Definition Development Delivery Delivery Measure User stories Jobs to be done Design principles How might we Brainstorm Hypotheses Card sorting Benchmark Sketching Wireframing Prototyping Guerilla testing Validate hypotheses Finalise designs High fidelity prototyping User testings Writing specs Front end dev QA Look at numbers Look at users feedback (For real)
- 17. Close the gap
- 18. Closethegap
- 19. How?
- 20. Start with the basics ❝ What is the right border radius for our buttons? ❝
- 25. Data analysis Flow analysis User feedback User testing User scenario Discovery Definition Development Delivery Delivery Measure User stories Jobs to be done Design principles How might we Brainstorm Hypotheses Card sorting Benchmark Sketching Wireframing Prototyping Guerilla testing Validate hypotheses Finalise designs High fidelity prototyping User testings Writing specs Front end dev QA Look at numbers Look at users feedback (For real)
- 27. Define experience patterns ❝ How do we convey success to the user? ❝
- 28. Add more details to get more passengers 50% Add your profile photo Add a ride comment Add extra information Add stopovers +25% +10% +10% +5% SkipImprove your ride 12:30 LET’S DO IT Congratulations! Your ride has been published. Publish Passengers prefered option. Yes, sure ! You approve each booking request yourself. No, thanks Automatically approve bookings ? Offer a ride blablacar.fr Passengers now book and pay online.NEW Want it approved? We'll notify you of the driver's reply by email and SMS before Today - 13:30. Drivers like to put a face to a name. Add your photo Driver: Mary P Paris » Lyon Sun 30 Oct - 08:00 You’ll be charged £10 if they approve. Request sent to driver Ok 4 I entered the wrong phone number The account ju*********t@gmail.com is not mine, link my phone number to account carolyn@gmail.com The account ju*********t@gmail.com is or was mine +33 536755386 is linked to another account (ju*******t@gmail.com) Number already used 10:40 100%
- 32. Data analysis Flow analysis User feedback User testing User scenario Discovery Definition Development Delivery Delivery Measure User stories Jobs to be done Design principles How might we Brainstorm Hypotheses Card sorting Benchmark Sketching Wireframing Prototyping Guerilla testing Validate hypotheses Finalise designs High fidelity prototyping User testings Writing specs Front end dev QA Look at numbers Look at users feedback (For real)
- 33. Data analysis Flow analysis User feedback User testing User scenario Discovery Definition Development Delivery Delivery Measure User stories Jobs to be done Design principles How might we Brainstorm Hypotheses Card sorting Benchmark Sketching Wireframing Prototyping Guerilla testing Validate hypotheses Finalise designs High fidelity prototyping User testings Writing specs Front end dev QA Look at numbers Look at users feedback (For real)
- 34. Data analysis Flow analysis User feedback User testing User scenario Discovery Definition Development Delivery Delivery Measure User stories Jobs to be done Design principles How might we Brainstorm Hypotheses Card sorting Benchmark Sketching Wireframing Prototyping Guerilla testing Validate hypotheses Finalise designs High fidelity prototyping User testings Writing specs Front end dev QA Look at numbers Look at users feedback (For real)
- 36. Help teams decide ❝Should we send an email to let the user know? ❝
- 40. -25% emails
- 44. Data analysis Flow analysis User feedback User testing User scenario Discovery Definition Development Delivery Delivery Measure User stories Jobs to be done Design principles How might we Brainstorm Hypotheses Card sorting Benchmark Sketching Wireframing Prototyping Guerilla testing Validate hypotheses Finalise designs High fidelity prototyping User testings Writing specs Front end dev QA Look at numbers Look at users feedback (For real)
- 45. Data analysis Flow analysis User feedback User testing User scenario Discovery Definition Development Delivery Delivery Measure User stories Jobs to be done Design principles How might we Brainstorm Hypotheses Card sorting Benchmark Sketching Wireframing Prototyping Guerilla testing Validate hypotheses Finalise designs High fidelity prototyping User testings Writing specs Front end dev QA Look at numbers Look at users feedback (For real)
- 47. Get design even closer to development ❝Are we testing a real scenario? ❝
- 48. Discovery Definition Development Delivery Delivery Measure (For real)
- 49. Discovery Definition Development Delivery Measure
- 53. Real Thing
- 54. Blueprint
- 58. ❝ Look! It’s like a real thing! Cool huh? - Designer
- 60. Driver publishes A to B
- 61. Passenger searches for C to B
- 62. We create a stopover
- 63. No one knows who chose that place.
- 67. …
- 68. ¯_(ツ)_/¯
- 70. ❝ Please imagine that it’s actually working - Test Moderator
- 71. We hit the wall
- 74. DEMO
- 75. Lorem Ipsum Real world data Production data
- 79. ?
- 80. DEMO
- 82. Let’s close the gap between our ideas and reality. Build. Learn. Standardise & Share knowledge.
- 83. Thanks!
- 84. 👯 We’re hiring!
- 85. Readings The future of design systems Design Better by Invision The full stack design system Intercom https://algorithms.design Tools origami.design framer.com modulz.app draftbit.com