Demystifying Design for Developers

Transcript

1. Demystifying Design for Developers
   Manish Chiniwalar - Product Manager, Multunus Software | Manoj Mani Nair, PGDPD, National Institute of Design
   

   View Slide

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.
   

   View Slide

3. Agenda
   1 Why, What & How of Design
   2 Design Process Micro-Workshop
   3 Usability & Validating your design
   + Pursuing Design
   

   View Slide

4. What is Design?
   

   View Slide

5. What is User Experience Design?
   

   View Slide

6. Let’s Bust Some Myths !
   

   View Slide

7. Myth #1 User Experience Design? Oh you mean User Interface Design!
   

   View Slide

8. Myth #1 User Experience Design? Oh you mean User Interface Design!
   Reality
   User Experience Design
   User
   Interface
   Design
   

   View Slide

9. Myth #2 UX is just another step to make a better product
   

   View Slide

10. Myth #2 UX is just another step to make a better product
    Reality
    UX is a Process
    UX is Iterative
    

    View Slide

11. Myth #3 User Experience? That’s the Designer’s job.
    

    View Slide

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.
    

    View Slide

13. Myth #4 User Experience is just about listening to the user.
    

    View Slide

14. Myth #4 User Experience is just about listening to the user.
    Reality
    User Needs Business Goals
    

    View Slide

15. Then What Is UX Design?
    

    View Slide

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
    

    View Slide

17. … for this session
    Understanding
    Empathy
    The Design
    Process
    Usability
    Testing
    

    View Slide

18. Understanding Empathy
    

    View Slide

19. How many of you can draw?
    Activity #1
    

    View Slide

20. If she can, you can
    http://youtu.be/Yi86XsEZoFM
    

    View Slide

21. Draw a Tree
    

    View Slide

22. Draw a House
    

    View Slide

23. Draw a Home
    

    View Slide

24. Articulating Empathy: Personas
    

    View Slide

25. View Slide

26. Design Process
    Activity #2
    

    View Slide

27. Themes
    1 Collaborating Notes
    2 Travel for Weekend Getaways
    

    View Slide

28. Creating Personas
    

    View Slide

29. Demographics Behaviors
    Frustrations
    Goals
    

    View Slide

30. Ideate
    

    View Slide

31. Synthesize Ideas: Wireframing
    

    View Slide

32. View Slide

33. Usability Testing
    Activity #3
    

    View Slide

34. You don’t need a working app!
    http://youtu.be/9wQkLthhHKA
    

    View Slide

35. Resources
    Wireframing
    Pen and Paper
    Gliffy
    Powerpoint or Keynote
    Prototyping
    POP - Mobile Designs
    MarvelApp
    InvisionApp
    Proto.io
    Online User Testing
    peek.usertesting.com
    

    View Slide

36. Summary
    Understand
    the User
    Conceptual
    Design
    Prototype
    Evaluate &
    Iterate
    

    View Slide

37. Pursuing Design
    

    View Slide

38. nid.edu

    admissions.nid.edu

    portfolio.nid.edu
    

    View Slide

39. Resources
    http://designforhackers.com/
    https://hackdesign.org/
    http://www.lukew.com/
    http://uxmag.com/
    

    View Slide

40. Attributions
    https://www.youtube.com/watch?v=Yi86XsEZoFM
    http://youtu.be/9wQkLthhHKA
    http://thenounproject.com/
    

    View Slide