demystifying design for developers
DESCRIPTION
"Design? I know, Good Design is about making things look good in photoshop!" Is that all there is to it? This is a simplified talk which will cover “Why” of Design, the best techniques to create great designs, and also how to validate your designs and Improve them.TRANSCRIPT
Demystifying Design for Developers
Manish Chiniwalar - Product Manager, Multunus Software | Manoj Mani Nair, PGDPD, National Institute of Design
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.
Agenda
1 Why, What & How of Design
2 Design Process Micro-Workshop
3 Usability & Validating your design
+ Pursuing Design
What is Design?
What is User Experience Design?
Let’s Bust Some Myths !
Myth #1 User Experience Design? Oh you mean User Interface Design!
Myth #1 User Experience Design? Oh you mean User Interface Design!
Reality
User Experience Design
User Interface Design
Myth #2 UX is just another step to make a better product
Myth #2 UX is just another step to make a better product
RealityUX is a Process
UX is Iterative
Myth #3 User Experience? That’s the Designer’s job.
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.
Myth #4 User Experience is just about listening to the user.
Myth #4 User Experience is just about listening to the user.
Reality
User Needs Business Goals
Then What Is UX Design?
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 DesignMinimum Viable Product
Design Management
Data Visualization
Design Thinking
Empathy
Experience Design
… for this session
Understanding Empathy
The Design Process
Usability Testing
Understanding Empathy
How many of you can draw?
Activity #1
Draw a Tree
Draw a House
Draw a Home
Articulating Empathy: Personas
Design Process
Activity #2
Themes
1 Collaborating Notes
2 Travel for Weekend Getaways
Creating Personas
Demographics Behaviors
FrustrationsGoals
Ideate
Synthesize Ideas: Wireframing
Usability Testing
Activity #3
Resources
Wireframing
Pen and Paper
Gliffy
Powerpoint or Keynote
Prototyping
POP - Mobile Designs
MarvelApp
InvisionApp
Proto.io
Online User Testing
peek.usertesting.com
Summary
Understand the User
Conceptual Design Prototype Evaluate &
Iterate
Pursuing Design
nid.edu
admissions.nid.edu
portfolio.nid.edu
Resources
http://designforhackers.com/ https://hackdesign.org/ http://www.lukew.com/ http://uxmag.com/
Attributionshttps://www.youtube.com/watch?v=Yi86XsEZoFM
http://youtu.be/9wQkLthhHKA
http://thenounproject.com/