Ctrl+F5 Mumbai, 2016: Design with Context by Ninad Raval
-
Upload
resellerclub -
Category
Design
-
view
140 -
download
0
Transcript of Ctrl+F5 Mumbai, 2016: Design with Context by Ninad Raval
![Page 1: Ctrl+F5 Mumbai, 2016: Design with Context by Ninad Raval](https://reader036.fdocuments.in/reader036/viewer/2022062523/58ecdf5b1a28ab8d688b45ed/html5/thumbnails/1.jpg)
Design with ContextNinad Raval, Directi.
![Page 2: Ctrl+F5 Mumbai, 2016: Design with Context by Ninad Raval](https://reader036.fdocuments.in/reader036/viewer/2022062523/58ecdf5b1a28ab8d688b45ed/html5/thumbnails/2.jpg)
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](https://reader036.fdocuments.in/reader036/viewer/2022062523/58ecdf5b1a28ab8d688b45ed/html5/thumbnails/3.jpg)
Worked with…
![Page 4: Ctrl+F5 Mumbai, 2016: Design with Context by Ninad Raval](https://reader036.fdocuments.in/reader036/viewer/2022062523/58ecdf5b1a28ab8d688b45ed/html5/thumbnails/4.jpg)
Lets talk about UX & Design
![Page 5: Ctrl+F5 Mumbai, 2016: Design with Context by Ninad Raval](https://reader036.fdocuments.in/reader036/viewer/2022062523/58ecdf5b1a28ab8d688b45ed/html5/thumbnails/5.jpg)
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](https://reader036.fdocuments.in/reader036/viewer/2022062523/58ecdf5b1a28ab8d688b45ed/html5/thumbnails/6.jpg)
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](https://reader036.fdocuments.in/reader036/viewer/2022062523/58ecdf5b1a28ab8d688b45ed/html5/thumbnails/7.jpg)
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](https://reader036.fdocuments.in/reader036/viewer/2022062523/58ecdf5b1a28ab8d688b45ed/html5/thumbnails/8.jpg)
Lets create a product
What do we need?
![Page 9: Ctrl+F5 Mumbai, 2016: Design with Context by Ninad Raval](https://reader036.fdocuments.in/reader036/viewer/2022062523/58ecdf5b1a28ab8d688b45ed/html5/thumbnails/9.jpg)
An Idea
![Page 10: Ctrl+F5 Mumbai, 2016: Design with Context by Ninad Raval](https://reader036.fdocuments.in/reader036/viewer/2022062523/58ecdf5b1a28ab8d688b45ed/html5/thumbnails/10.jpg)
Engineering
![Page 11: Ctrl+F5 Mumbai, 2016: Design with Context by Ninad Raval](https://reader036.fdocuments.in/reader036/viewer/2022062523/58ecdf5b1a28ab8d688b45ed/html5/thumbnails/11.jpg)
Design the product
![Page 12: Ctrl+F5 Mumbai, 2016: Design with Context by Ninad Raval](https://reader036.fdocuments.in/reader036/viewer/2022062523/58ecdf5b1a28ab8d688b45ed/html5/thumbnails/12.jpg)
Idea Engineering Design
+ +
A typical process...
![Page 13: Ctrl+F5 Mumbai, 2016: Design with Context by Ninad Raval](https://reader036.fdocuments.in/reader036/viewer/2022062523/58ecdf5b1a28ab8d688b45ed/html5/thumbnails/13.jpg)
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](https://reader036.fdocuments.in/reader036/viewer/2022062523/58ecdf5b1a28ab8d688b45ed/html5/thumbnails/14.jpg)
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](https://reader036.fdocuments.in/reader036/viewer/2022062523/58ecdf5b1a28ab8d688b45ed/html5/thumbnails/15.jpg)
Marathon Runner
Will she buy?
![Page 16: Ctrl+F5 Mumbai, 2016: Design with Context by Ninad Raval](https://reader036.fdocuments.in/reader036/viewer/2022062523/58ecdf5b1a28ab8d688b45ed/html5/thumbnails/16.jpg)
Lets see how our watch holds up to
our buyers requirements.
![Page 17: Ctrl+F5 Mumbai, 2016: Design with Context by Ninad Raval](https://reader036.fdocuments.in/reader036/viewer/2022062523/58ecdf5b1a28ab8d688b45ed/html5/thumbnails/17.jpg)
Digital time w/ seconds
Light weight
Measures Distance
Stop Watch
![Page 18: Ctrl+F5 Mumbai, 2016: Design with Context by Ninad Raval](https://reader036.fdocuments.in/reader036/viewer/2022062523/58ecdf5b1a28ab8d688b45ed/html5/thumbnails/18.jpg)
Scuba diverwill he buy?
![Page 19: Ctrl+F5 Mumbai, 2016: Design with Context by Ninad Raval](https://reader036.fdocuments.in/reader036/viewer/2022062523/58ecdf5b1a28ab8d688b45ed/html5/thumbnails/19.jpg)
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](https://reader036.fdocuments.in/reader036/viewer/2022062523/58ecdf5b1a28ab8d688b45ed/html5/thumbnails/20.jpg)
CelebrityWill she buy?
![Page 21: Ctrl+F5 Mumbai, 2016: Design with Context by Ninad Raval](https://reader036.fdocuments.in/reader036/viewer/2022062523/58ecdf5b1a28ab8d688b45ed/html5/thumbnails/21.jpg)
Exclusive
Expensive
Colour options
Maybe show time?
![Page 22: Ctrl+F5 Mumbai, 2016: Design with Context by Ninad Raval](https://reader036.fdocuments.in/reader036/viewer/2022062523/58ecdf5b1a28ab8d688b45ed/html5/thumbnails/22.jpg)
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](https://reader036.fdocuments.in/reader036/viewer/2022062523/58ecdf5b1a28ab8d688b45ed/html5/thumbnails/23.jpg)
NO.
![Page 24: Ctrl+F5 Mumbai, 2016: Design with Context by Ninad Raval](https://reader036.fdocuments.in/reader036/viewer/2022062523/58ecdf5b1a28ab8d688b45ed/html5/thumbnails/24.jpg)
we need to understand our users, their tasks
and their context
![Page 25: Ctrl+F5 Mumbai, 2016: Design with Context by Ninad Raval](https://reader036.fdocuments.in/reader036/viewer/2022062523/58ecdf5b1a28ab8d688b45ed/html5/thumbnails/25.jpg)
So what defines the experience of
a user for a Product?
![Page 26: Ctrl+F5 Mumbai, 2016: Design with Context by Ninad Raval](https://reader036.fdocuments.in/reader036/viewer/2022062523/58ecdf5b1a28ab8d688b45ed/html5/thumbnails/26.jpg)
Users needs, and his context of use
ContextProduct
![Page 27: Ctrl+F5 Mumbai, 2016: Design with Context by Ninad Raval](https://reader036.fdocuments.in/reader036/viewer/2022062523/58ecdf5b1a28ab8d688b45ed/html5/thumbnails/27.jpg)
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](https://reader036.fdocuments.in/reader036/viewer/2022062523/58ecdf5b1a28ab8d688b45ed/html5/thumbnails/28.jpg)
Files screen in a project management
tool
![Page 29: Ctrl+F5 Mumbai, 2016: Design with Context by Ninad Raval](https://reader036.fdocuments.in/reader036/viewer/2022062523/58ecdf5b1a28ab8d688b45ed/html5/thumbnails/29.jpg)
![Page 30: Ctrl+F5 Mumbai, 2016: Design with Context by Ninad Raval](https://reader036.fdocuments.in/reader036/viewer/2022062523/58ecdf5b1a28ab8d688b45ed/html5/thumbnails/30.jpg)
![Page 31: Ctrl+F5 Mumbai, 2016: Design with Context by Ninad Raval](https://reader036.fdocuments.in/reader036/viewer/2022062523/58ecdf5b1a28ab8d688b45ed/html5/thumbnails/31.jpg)
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](https://reader036.fdocuments.in/reader036/viewer/2022062523/58ecdf5b1a28ab8d688b45ed/html5/thumbnails/32.jpg)
Products NOT designed keeping context in mind?
![Page 33: Ctrl+F5 Mumbai, 2016: Design with Context by Ninad Raval](https://reader036.fdocuments.in/reader036/viewer/2022062523/58ecdf5b1a28ab8d688b45ed/html5/thumbnails/33.jpg)
![Page 34: Ctrl+F5 Mumbai, 2016: Design with Context by Ninad Raval](https://reader036.fdocuments.in/reader036/viewer/2022062523/58ecdf5b1a28ab8d688b45ed/html5/thumbnails/34.jpg)
![Page 35: Ctrl+F5 Mumbai, 2016: Design with Context by Ninad Raval](https://reader036.fdocuments.in/reader036/viewer/2022062523/58ecdf5b1a28ab8d688b45ed/html5/thumbnails/35.jpg)
Questions?
twitter: @ninad