Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Le Wagon's Product Design Sprint

2,459 views

Published on

Design and prototype your product following Le Wagon's methodology.

Published in: Technology

Le Wagon's Product Design Sprint

  1. 1. Product Design Sprint @bpapillard
  2. 2. Roadmap 1 - One use case 2 - One core journey 3 - Zoning 4 - Mockup 5 - Prototyping
  3. 3. Objective Demo your app tonight As if you had coded it :)
  4. 4. 1 - One use case verb + complement
  5. 5. Do ONE thing only, do it good book a place share a story order a cab manage a project discover recipes
  6. 6. Find a new angle. Your UVP Discovery Beautiful stories Instantaneous Nothing more than lists and cards Experience a place like a local It’s not a post, it’s a story Get a ride in one click Simplest UI possible Each step needs a nice picture Illustrated recipes
  7. 7. Best alumni projects do ONE thing plan your staff organize your festival build a guide find a job
  8. 8. social price Find your UVP VS
  9. 9. price
  10. 10. 2 - Core user journey 5 views max
  11. 11. 5 views max kill frictions
  12. 12. Best alumni projects have 5 views max
  13. 13. What’s the core user journey? Book a flat
  14. 14. home results show confirm search choose book pay
  15. 15. home results show confirm For each view Action I want my user to… Context For that he/she needs to know… Angle He/she understands my UVP because…
  16. 16. home index show confirm What should I see? What should I do? search form + suggestions search for a flat it feels about culture and people Why is it different? Action I want my user to search for a flat Context For that he/she needs to know how to search thanks to placeholders (location/checkin/checkout/guests) Angle He/she understands my UVP because there are suggestions with people’s flat and pictures below
  17. 17. home index show confirm Action I want my user to choose a flat Context For that he/she needs to know which one is the cheapest, best rated, best located Angle He/she understands my UVP because he sees rating and owner’s picture for each result
  18. 18. home index show confirm Action I want my user to book the flat Context For that he/she needs to know how much it would cost in total, and if the flat suits his/her needs Angle He/she understands my UVP because there are detailed travellers’ comments and several pictures of the flat
  19. 19. home index show confirm Action I want my user to pay Context For that he/she needs to know if he/she did not make mistakes in the booking, and how to enter credit card details Angle He/she understands my UVP because…
  20. 20. What should the user see? LESS IS MORE
  21. 21. What’s key for the understanding? - Title & description - Price - Equipment & beds - Reviews - Pictures - Owner’s profile picture - Owner’s other flats - Similar flat offers - District pictures - Nearby cool places - Other renters’ details
  22. 22. What do I want my user to do? One call to action
  23. 23. 3 - Zoning
  24. 24. Drawing rectangles
  25. 25. Map Flat results view Result Result Result Result Filters
  26. 26. Picture Title, rating Booking form Reviews Map Owner Equipment Flat show view
  27. 27. 4 - Mockup
  28. 28. Fill the zones
  29. 29. Picture Title, rating Booking form Reviews Map Owner Equipment Show view (zoning)
  30. 30. Show view (mockup)
  31. 31. Sketch Demo https://www.youtube.com/watch? v=zR-6RW3kHyM
  32. 32. 5 - Prototyping
  33. 33. Connect mockup views
  34. 34. Import PNG in marvelapp
  35. 35. Marvelapp Demo https://www.youtube.com/watch? v=MFIlW68giDY
  36. 36. Happy prototyping :)

×