Demystifying Design for Product Mangers
- 1. demystifying design for the product managers By Divya Chadha
- 3. content + Activity 01: Demystifying design + Mapping with design roles/tasks with product lifecycle + Activity 02: Design Sprint + Case study for understanding a UX flow + Design guidelines - Design thinking, Heuristics laws, Gestalts Laws, material design + Few best practices
- 4. Example 01: Which one would you use to transfer files?
- 5. Example 01: Which one would you use to transfer files? Takeaway: Focus on the user journey flow for better experience
- 6. Example 01: Which one would you use to transfer money?
- 7. Example 02: Which one would you use to transfer money? Takeaway: Remove unnecessary steps to improve the user experience
- 8. Example 03: Which one would you use to buy/review products? https://www.ikea.com/in/en/https://www.scriptonline.com/
- 9. - Nice hierarchy of information. - links to buy, or details of the product or even similar products are nicely visualised on one page. - No ergonomic hierarchy in place. confusion, space is broken in small patches. - Ugly black dots to click
- 10. -Clean seamless display -Information like price or name is not disturbing the product visuals -space on the page is broken with grey squares. -all the buttons and text is not giving pleasant viewing experience
- 12. Design Researcher Design Strategist Interaction Designer UI Designer - during business/market scoping, insight gathering - Service design blueprint, system design, stakeholder value-web, double diamond (design thinking) - understanding the users articulated/ unarticulated needs - Empathy mapping tools like organic interactions, metaphor elicitation, cognitive walk-throughs - Translating the ideas identified into structure and skeleton. - Information architecture, wireframes using tools like card-sorting. - Designing the final interface for the world to view - Color theory, material design guidelines, gestalts laws “Decoding a Designer”
- 13. Product manager Identifying business need = design researcher + strategist Designer Product manager Designer ‘Scenario 01’ Idea to implementation = Interaction + UI designer ‘Scenario 02’ Product Manager and Designer’s Engagements
- 14. Activity 02 Design a ‘wow feature’ for a banking app Make teams of 5 each/-
- 15. strategy scoping structure skeleton surface Step 01 # Pick one of the banking activity and one person in your team as a USER. # Break down the user journey of the selected activity # Identify the challenge/opportunity
- 16. strategy scoping structure skeleton surface Step 02 #Priortise what challenge/opportunity to focus first #Brainstorm on how to solve a challenge or design an experience for the opportunity and come up with the ‘wow features’ #Priortise and select one ‘Key WOW Feature’
- 17. strategy scoping structure skeleton surface Step 03 #design the flow of the usage of the feature Keeping Information Architecture in mind
- 18. strategy scoping structure skeleton surface Step 04 #design the wireframes Using heuristics law and cognitive ergonomics in mind
- 19. Heuristics Laws 1. Visibility of System Status: 2. Match between system and the real world: 3. User Control and Freedom 4. Consistency and Standards 5. Error Prevention 6. Recognition rather than recall 7. Flexibility and Efficiency of use 8. Aesthetic and minimalist design 9. Help users recognize, diagnose, and recover from errors 10. Help and Documentation https://blog.prototypr.io/10-usability-heuristics-with-examples-4a81ada920c https://uxdesign.cc/user-experience-is-one-of-the-hottest-topics-in-day-today-designers-life-fb314978e1ff
- 20. strategy scoping structure skeleton surface Step 05 #design the look and feel of the app Keeping material design guidelines and gestalts’ laws for UI in mind
- 21. Gestalts Law 1. Similarity 2. Proximity 3. Focal Point 4. Common region 5. Figure and ground 6. symmetry
- 22. proximity
- 23. similarity
- 24. similarity
- 25. Focal point
- 26. Common region
- 27. Case study To design a digital platform where users can purchase cars strategy scoping structuring skeleton surface
- 29. + Clear vision and purpose should be shared with the designer + Collaborate and co-ownership + Find a common language to communicate like design thinking + Give them freedom to explore and experiment + Identify when and where to indulge your designer Best Practices for a Product Manager while interacting with Designers in the team