Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Demystifying Design for Developers

Manish Chiniwalar
November 04, 2014

Demystifying Design for Developers

Manish Chiniwalar

November 04, 2014
Tweet

More Decks by Manish Chiniwalar

Other Decks in Design

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