Demystifying Design for Developers

Transcript

1. Demystifying Design for Developers Manish Chiniwalar - Product Manager, Multunus Software | Manoj Mani Nair, PGDPD, National Institute of Design
2. Disclaimer The views and opinions expressed here are solely my own and do not necessarily represent the views of National Institute of Design or any of my previous employers.
3. Agenda 1 Why, What & How of Design 2 Design Process Micro-Workshop 3 Usability & Validating your design + Pursuing Design
4. What is Design?
5. What is User Experience Design?
6. Let’s Bust Some Myths !
7. Myth #1 User Experience Design? Oh you mean User Interface Design!
8. Myth #1 User Experience Design? Oh you mean User Interface Design! Reality User Experience Design User Interface Design
9. Myth #2 UX is just another step to make a better product
10. Myth #2 UX is just another step to make a better product Reality UX is a Process UX is Iterative
11. Myth #3 User Experience? That’s the Designer’s job.
12. Myth #3 User Experience? That’s the Designer’s job. Reality Organization Design Ideally… Organization-wide design centric culture makes everything about the product much better. Much more than any individual designer or team.
13. Myth #4 User Experience is just about listening to the user.
14. Myth #4 User Experience is just about listening to the user. Reality User Needs Business Goals
15. Then What Is UX Design?
16. Then What Is UX Design? User Research Brainstorming User Interface Design Prototyping Usability Testing Design Process Personas Scenarios Interaction Design Visual Design Information Design Information Architecture Customer Journey Map Customer Value Storytelling Typography User Centric Design Minimum Viable Product Design Management Data Visualization Design Thinking Empathy Experience Design
17. … for this session Understanding Empathy The Design Process Usability Testing
18. Understanding Empathy
19. How many of you can draw? Activity #1
20. If she can, you can http://youtu.be/Yi86XsEZoFM
21. Draw a Tree
22. Draw a House
23. Draw a Home
24. Articulating Empathy: Personas
26. Design Process Activity #2
27. Themes 1 Collaborating Notes 2 Travel for Weekend Getaways
28. Creating Personas
29. Demographics Behaviors Frustrations Goals
30. Ideate
31. Synthesize Ideas: Wireframing
33. Usability Testing Activity #3
34. You don’t need a working app! http://youtu.be/9wQkLthhHKA
35. Resources Wireframing Pen and Paper Gliffy Powerpoint or Keynote Prototyping POP - Mobile Designs MarvelApp InvisionApp Proto.io Online User Testing peek.usertesting.com
36. Summary Understand the User Conceptual Design Prototype Evaluate & Iterate
37. Pursuing Design
38. nid.edu
 admissions.nid.edu
 portfolio.nid.edu
39. Resources http://designforhackers.com/ https://hackdesign.org/ http://www.lukew.com/ http://uxmag.com/
40. Attributions https://www.youtube.com/watch?v=Yi86XsEZoFM http://youtu.be/9wQkLthhHKA http://thenounproject.com/