35
Design with Context Ninad Raval, Directi.

Ctrl+F5 Mumbai, 2016: Design with Context by Ninad Raval

Embed Size (px)

Citation preview

Page 1: Ctrl+F5 Mumbai, 2016: Design with Context by Ninad Raval

Design with ContextNinad Raval, Directi.

Page 2: Ctrl+F5 Mumbai, 2016: Design with Context by Ninad Raval

About meProgrammer, Designer,

Product person.

Setup Directi’s 1st Design Team (10 years back)

Page 3: Ctrl+F5 Mumbai, 2016: Design with Context by Ninad Raval

Worked with…

Page 4: Ctrl+F5 Mumbai, 2016: Design with Context by Ninad Raval

Lets talk about UX & Design

Page 5: Ctrl+F5 Mumbai, 2016: Design with Context by Ninad Raval

Purpose of UX & Design

To make things Intuitive

Easy to useDelightful

Get the job done

Page 6: Ctrl+F5 Mumbai, 2016: Design with Context by Ninad Raval

Our job responsibilityTo cultivate empathy

To make peoples lives easy To make a difference

Page 7: Ctrl+F5 Mumbai, 2016: Design with Context by Ninad Raval

Lets talk about some products you have used that you really enjoyed

using.

Page 8: Ctrl+F5 Mumbai, 2016: Design with Context by Ninad Raval

Lets create a product

What do we need?

Page 9: Ctrl+F5 Mumbai, 2016: Design with Context by Ninad Raval

An Idea

Page 10: Ctrl+F5 Mumbai, 2016: Design with Context by Ninad Raval

Engineering

Page 11: Ctrl+F5 Mumbai, 2016: Design with Context by Ninad Raval

Design the product

Page 12: Ctrl+F5 Mumbai, 2016: Design with Context by Ninad Raval

Idea Engineering Design

+ +

A typical process...

Page 13: Ctrl+F5 Mumbai, 2016: Design with Context by Ninad Raval

Show time

Metal, Gears,Battery

Color, look,layout

Lets design a watch

Take 10 mins, draw a watch.

Page 14: Ctrl+F5 Mumbai, 2016: Design with Context by Ninad Raval

Lets design a watch

Take 3 minutes to come up with your own…

Page 15: Ctrl+F5 Mumbai, 2016: Design with Context by Ninad Raval

Marathon Runner

Will she buy?

Page 16: Ctrl+F5 Mumbai, 2016: Design with Context by Ninad Raval

Lets see how our watch holds up to

our buyers requirements.

Page 17: Ctrl+F5 Mumbai, 2016: Design with Context by Ninad Raval

Digital time w/ seconds

Light weight

Measures Distance

Stop Watch

Page 18: Ctrl+F5 Mumbai, 2016: Design with Context by Ninad Raval

Scuba diverwill he buy?

Page 19: Ctrl+F5 Mumbai, 2016: Design with Context by Ninad Raval

Water proof

Digital time w/ seconds

Backlit display

Measures depth

Measures water temperature

Page 20: Ctrl+F5 Mumbai, 2016: Design with Context by Ninad Raval

CelebrityWill she buy?

Page 21: Ctrl+F5 Mumbai, 2016: Design with Context by Ninad Raval

Exclusive

Expensive

Colour options

Maybe show time?

Page 22: Ctrl+F5 Mumbai, 2016: Design with Context by Ninad Raval

So, does a good Idea, great Engineering &

a kickass Visual design

Good UX?

=

Page 23: Ctrl+F5 Mumbai, 2016: Design with Context by Ninad Raval

NO.

Page 24: Ctrl+F5 Mumbai, 2016: Design with Context by Ninad Raval

we need to understand our users, their tasks

and their context

Page 25: Ctrl+F5 Mumbai, 2016: Design with Context by Ninad Raval

So what defines the experience of

a user for a Product?

Page 26: Ctrl+F5 Mumbai, 2016: Design with Context by Ninad Raval

Users needs, and his context of use

ContextProduct

Page 27: Ctrl+F5 Mumbai, 2016: Design with Context by Ninad Raval

What is context?

Why is he on this screen?What does he need here?

Which screen has he come from?Is he on mobile or desktop?

Is he sitting or standing?Power user or beginner?

Page 28: Ctrl+F5 Mumbai, 2016: Design with Context by Ninad Raval

Files screen in a project management

tool

Page 29: Ctrl+F5 Mumbai, 2016: Design with Context by Ninad Raval
Page 30: Ctrl+F5 Mumbai, 2016: Design with Context by Ninad Raval
Page 31: Ctrl+F5 Mumbai, 2016: Design with Context by Ninad Raval

Friction is a measurement of a good fit

- Christopher Alexander, Notes on Synthesis of Form

Page 32: Ctrl+F5 Mumbai, 2016: Design with Context by Ninad Raval

Products NOT designed keeping context in mind?

Page 33: Ctrl+F5 Mumbai, 2016: Design with Context by Ninad Raval
Page 34: Ctrl+F5 Mumbai, 2016: Design with Context by Ninad Raval
Page 35: Ctrl+F5 Mumbai, 2016: Design with Context by Ninad Raval

Questions?

twitter: @ninad