Successfully reported this slideshow.

Understanding Product Design UX / UI / v.3



Upcoming SlideShare
Design process
Design process
Loading in …3
1 of 60
1 of 60

More Related Content

Understanding Product Design UX / UI / v.3

  1. 1. Understanding Product Design Eduardo Wydler | Luciana Lattanzi
  2. 2. Our work includes art direction, brand identity, web and mobile applications, and packaging. We like to approach every project from a human-centred perspective. We pride ourselves on being research-lead. A strong understanding of your audience is our base for creating meaningful and effective designs. About us PRODUCT DESIGN
  3. 3. What we see as Product Design Surface Visual Design
  4. 4. Surface Visual Design Prototype Look & Feel Research & Validation Plan & Discovery 10% 90%
  5. 5. What is Product Design? PRODUCT DESIGN Great products are understandable (set expectations and live up to them) and meaningful (help people solve problems or accomplish goals) and, hopefully, delightful.
  6. 6. Product Design Cycle PRODUCT DESIGN
  8. 8. What is UX and UI? PRODUCT DESIGN User Experience (UX) and User Interface (UI) are some of the most confused and misused terms in our field. A UI without UX is like a painter slapping paint onto canvas without thought; while UX without UI is like the frame of a sculpture with no paper mache on it. A great product experience starts with UX followed by UI. Both are essential for the product’s success.
  9. 9. Your toolkit PRODUCT DESIGN
  10. 10. Product design is the whole process: you’ve got the designer, the developer, the marketing cap on MVP works from the start UX is not UI – but both are equally important Takeaways: PRODUCT DESIGN
  11. 11. 01. Define PRODUCT DESIGN
  12. 12. Defining the problem PRODUCT DESIGN Three little words on a slide belittle what is actually the hardest thing you will have to do.
  13. 13. Defining the problem PRODUCT DESIGN
  14. 14. Defining the problem PRODUCT DESIGN
  15. 15. Competition Customer risk Consider your impact Understand PRODUCT DESIGN
  16. 16. Define a persona, not a target demographic PRODUCT DESIGN What do they want to achieve? What have they already tried? Where are they now? Where are they dealing with the problem? And what obstacles stand in between them.
  18. 18. Personas are better than target demographics If you don’t have your persona nailed you will just create something that no one will be interested in. Skipping this point will create something for anyone and no one. Mapping out pain points will help you and your team come up with more solutions. Takeaways: PRODUCT DESIGN
  19. 19. Exercise #1 PRODUCT DESIGN Persona development
  20. 20. 02. Ideate PRODUCT DESIGN
  21. 21. User Journey PRODUCT DESIGN A user journey it’s a timeline of your customers experience. To cater for their needs, you need to have a deep understanding of their perspective. This is a quick way to put yourself into your customer's shoes.
  23. 23. Define your users goals PRODUCT DESIGN Persona 1: Potential client Key Goals Book appointments quickly Push featured stylist and relevant services in their area We Must Behaviours Search for stylist availability around my area We Must Never Overwhelm them with too many choices “I don’t have time to get to the salon and need a stylist to work around my hours and the comfort of my home”
  24. 24. Test your ideas PRODUCT DESIGN ➢ Typeform ➢ Google forms ➢ MeetUp ➢ Facebook ➢ Guerrilla research
  25. 25. Steal my idea, I dare you PRODUCT DESIGN
  26. 26. A better understanding of the problem will generate multiple solutions. See all of the steps a user is taking - which might be too many. User journeys visualise the vision for the project Higher level of what’s involved when achieving a goal. Takeaways: PRODUCT DESIGN
  27. 27. Exercise #2 PRODUCT DESIGN Map the user journey
  28. 28. 03. Design and testing PRODUCT DESIGN
  29. 29. Brainstorming a solution PRODUCT DESIGN Now that you understand your user's needs and behaviours, it's time to brainstorm a solution. It could be an app, a website, a physical product?
  30. 30. Core flows PRODUCT DESIGN
  31. 31. Wireframes PRODUCT DESIGN ➢ Paper ➢ UX Pin ➢ Balsamiq ➢ Wireframe CC
  32. 32. Design flows, not screen PRODUCT DESIGN ➢ ➢ ➢
  33. 33. Tease out requirements and visualise the flows Personas have different goals and different flows Prototypes help to crystallise the experience Takeaways: PRODUCT DESIGN
  34. 34. Exercise #3 PRODUCT DESIGN Brainstorm a solution
  35. 35. 04. Look & feel PRODUCT DESIGN
  36. 36. Visual language PRODUCT DESIGN ➢ Branding ➢ UI design ➢ Landing page ➢ Social media graphics ➢ Style guide
  37. 37. Wireframes Final UI
  38. 38. Proposition website PRODUCT DESIGN The value proposition is your customer’s first contact with your product. The less known your company is or the more revolutionary your product is, the better explained your value proposition should be.
  39. 39. Style guide PRODUCT DESIGN
  40. 40. Be consistent throughout your communications People buy on value not on features Get users excited with a landing page Takeaways: PRODUCT DESIGN Have a clear proposition and call to action.
  41. 41. 05. User testing PRODUCT DESIGN
  42. 42. BeforePRODUCT DESIGN
  43. 43. AfterPRODUCT DESIGN
  44. 44. Usability testing PRODUCT DESIGN ➢ ➢ ➢ ➢
  45. 45. Resources PRODUCT DESIGN
  46. 46. Validate your assumptions PRODUCT DESIGN
  47. 47. Get valuable feedback PRODUCT DESIGN
  48. 48. Refine the product PRODUCT DESIGN
  49. 49. Some testing is better than no testing. What do you want to learn? Interview in person and one user at a time. Takeaways: PRODUCT DESIGN Look out for patterns.
  50. 50. Exercise #4 PRODUCT DESIGN Test assumptions
  51. 51. 05. Key take aways PRODUCT DESIGN
  52. 52. Reimagine your product spec as a press release defining what the update is, who it is for and why it matters Watch and observe people because what they say they do is often very different from their actual behavior Design flows, not screens When users complete a task (like signing up), make sure there are pathways for them to continue down (discover new products, find friends, etc) There are no silver bullets. It is the cumulative effect of lots of little improvements that create successful products. Share your ideas early and often Your designs don’t need to be saved for a big reveal.
  53. 53. Suggested reading PRODUCT DESIGN
  54. 54. Thank You! Eduardo Wydler | Luciana Lattanzi