Design by Philosophy

A presentation at Meta Refresh 2013 in February 2013 in Bengaluru, Karnataka, India by Prateek Rungta

Slide 1

Slide 1

Slide 2

Slide 2

Slide 3

Slide 3

DESIGN

by PHILOSOPHY @rungta

Slide 4

Slide 4

DESIGN

Slide 5

Slide 5

That database design is pretty rock

solid.

Slide 6

Slide 6

Our laws should be designed to protect " ee speech.

Slide 7

Slide 7

This is a very we

designed convention centre.

Slide 8

Slide 8

Circuit Design Computer-Aided Design Urban Design Structural Design Software Design Interface Design Web Design …

Slide 9

Slide 9

WHAT is DESIGN

Slide 10

Slide 10

You’re going to have your entire life to learn abou t

tools, but if you’re not a good thinker " om the get

go and if you don’t develop your mind, you’re lost.

Slide 11

Slide 11

I think that’s the mos t

powerful tool you can have. It sounds trite, but it’s tru e

because that’s what sets you apart.

Slide 12

Slide 12

– Jason Santa Maria You can always get better at Photoshop, but you hav e

to sharpen your mind first.

Slide 13

Slide 13

DECISIONS towards a certain GOAL

Slide 14

Slide 14

FRANK CHIMERO

Slide 15

Slide 15

SOCRATES’ LOGIC MACHINE A = B B

C C = A

Slide 16

Slide 16

ABSOLUTES

Slide 17

Slide 17

Slide 18

Slide 18

PEOPLE

Slide 19

Slide 19

ARISTOTLE

Slide 20

Slide 20

Using good deliberation, understanding, resulting i n

deliberate desire to b e

carried out with cleverness.

Slide 21

Slide 21

Technical know

how, ski

, cra ( , art. Involved i n

production, manufacturing & making.

Slide 22

Slide 22

DECISIONS towards a certain GOAL

Slide 23

Slide 23

UNCERTAIN by definition

Slide 24

Slide 24

UNPREDICTABLE

Slide 25

Slide 25

DECISIONS

Slide 26

Slide 26

Slide 27

Slide 27

$designer == rand()

Slide 28

Slide 28

FOUNDATIONS

Slide 29

Slide 29

PRINCIPLES

Slide 30

Slide 30

INTERACTIONS

Slide 31

Slide 31

SIMPLIFY

Slide 32

Slide 32

PAYMENTS OVER THE COUNTER

Slide 33

Slide 33

CASH

Slide 34

Slide 34

CARD

Slide 35

Slide 35

SPEECH

Slide 36

Slide 36

Slide 37

Slide 37

REDUCE

Slide 38

Slide 38

PREVENT REPETITION

Slide 39

Slide 39

Cleartrippers travel easy

My Trips

Sign in

Register

Tell us what you think

Search flights Search flights Search international and domestic flights Round trip One way Multi city Packages

From (any worldwide city or airport) New Delhi, IN - Indira Gandhi Airport (DEL) To (any worldwide city or airport) Kolkata, IN - Netaji Subhas Chandra Bose Airport (CCU) Depart on My dates are flexible (for travel within India) Adults (above 12 yrs) 1 Children (2-12 yrs) 0 Infants (under 2 yrs) 0 Search options: business class, flight times, airlines New Delhi New Delhi → → Kolkata Kolkata Sun, 24 Feb Sun, 24 Feb Rs. 3,300 Rs. 3,300 Today's Price Today's Price Bangalore Bangalore → → New Delhi New Delhi Sun, 24 Feb Sun, 24 Feb Rs. 8,818 Rs. 8,818 Today's Price Today's Price Rs. 3,758 Rs. 3,758 Since 3 Jan Since 3 Jan Your recent flight searches Your recent flight searches Offers & Deals Offers & Deals Connect: Flights

Hotels

Packages

Trains

Small World

more About Us

FAQs

Support

Blog

Cleartrip for Business

Privacy

Security

Terms of Use

Mobile © 2006–2012 Cleartrip Private Limited 24/2/2013

Slide 40

Slide 40

Simplify Reduce Prevent Repetition

Slide 41

Slide 41

ROBUSTNESS

Slide 42

Slide 42

– Jon Postel Be conservative in wha t

you send, liberal in wha t

you accept.

Slide 43

Slide 43

CREDIT CARD 2345911243130091 2345-9112-4313-0091 2345 9112 4313 0091

Slide 44

Slide 44

NUMBER 13000 13,000

Slide 45

Slide 45

DATE 22/02/2013 yesterday Saturday next thur

Slide 46

Slide 46

KNOWN UNKNOWNS

Slide 47

Slide 47

USER AGENT

Slide 48

Slide 48

VIEWPORT

Slide 49

Slide 49

BANDWIDTH

Slide 50

Slide 50

BROWSER CAPABILITY

Slide 51

Slide 51

PROCESSING POWER

Slide 52

Slide 52

CONTEXT

Slide 53

Slide 53

LOCALE

Slide 54

Slide 54

LANGUAGE

Slide 55

Slide 55

HUMAN ABILITIES

Slide 56

Slide 56

User Agent Viewport Bandwidth Context Locale Language Browser Capability Processing Power Human Abilities

Slide 57

Slide 57

COPY

Slide 58

Slide 58

– Apple Human Interface Group A word is worth a 1 000 pictures.

Slide 59

Slide 59

Slide 60

Slide 60

CATER EXTREMES FOR THE

Slide 61

Slide 61

You shouldn’t have to explain your interface Hide implementation details Simple trumps complex Direction over choice …

Slide 62

Slide 62

Clarity is job #1 Conserve attention at all costs One primary action per screen Provide a natural next step Progressive disclosure Help people inline

Slide 63

Slide 63

DIETER RAMS

Slide 64

Slide 64

Slide 65

Slide 65

– Doug “@stop” Bowman A

design is a series of compromises; but good design finds the right ones.

Slide 66

Slide 66

YOU OWN MODELS

Slide 67

Slide 67

QUESTION THE WHY

Slide 68

Slide 68

Slide 69

Slide 69

EVOLVE

Slide 70

Slide 70

fi n