Demystifying Design for Developers

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

description

This is the deck to the talk + micro workshop conducted for Google Developer Group Belgaum's Devfest on 4th November 2014. The objective of the session was to bring about general awareness about design and its processes with hands on exercises aimed at beginners.

Transcript of Demystifying Design for Developers

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

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

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

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

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/