Demystifying Design for Developers

Cce24c4c0966cd16d9ce663f2f41ad7f?s=47 Manish Chiniwalar
November 04, 2014

Demystifying Design for Developers

Cce24c4c0966cd16d9ce663f2f41ad7f?s=128

Manish Chiniwalar

November 04, 2014
Tweet

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

  25. None
  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

  32. None
  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/