35
Design thinking in everyday life Presented for BlueAnt Digital, New Delhi -India: 23/5/2014 Form follows Function. (Luis Sullivan, 1896) Form follows Meaning. (Reinhart Butter, 1989) Lacie ‘petite key’ by 5.5 designers Shujoy Chakraborty Ph.D (Design), M.Des, B.Arch design thinking | design research | product innovation Presented to

BlueAnt Digital Talks

Embed Size (px)

Citation preview

Page 1: BlueAnt Digital Talks

Design thinking in everyday life

Presented for BlueAnt Digital, New Delhi -India: 23/5/2014

Form follows Function. (Luis Sullivan, 1896)

Form follows Meaning. (Reinhart Butter, 1989)

Lacie ‘petite key’ by

5.5 designers

Shujoy Chakraborty

Ph.D (Design), M.Des, B.Arch

design thinking | design research | product innovation

Presented to

Page 2: BlueAnt Digital Talks

Living in a designed society

Wake up to design everday Experience design

everywhere

Walk through designed

streets

Study in designed universities

Above: EPFL Zurich, Switzerland

Presented for BlueAnt Digital, New Delhi -India: 23/5/2014

Page 3: BlueAnt Digital Talks

Living in a designed society

Use designed spaces Use designed services

Above: BikeMi, bike sharing

Milano

Experience designed systems

Above: Milan (Italy) Metro- yellow line

Experience designed

systems

Presented for BlueAnt Digital, New Delhi -India: 23/5/2014

Page 4: BlueAnt Digital Talks

Living in an un-designed society

Walk through un designed

streets

Study in un-designed universities

Above: IIT- Delhi

Eat un-designed food

Eat in un-designed restaurants

Presented for BlueAnt Digital, New Delhi -India: 23/5/2014

Page 5: BlueAnt Digital Talks

Living in an un-designed society

Experience un-designed services

Experience un-designed shopping

Above: MotherDairy outlet

Accept un-designed products

Above: wheelchair in Ahmedabad

airport

Presented for BlueAnt Digital, New Delhi -India: 23/5/2014

Page 6: BlueAnt Digital Talks

Standardisation in a designed society

For each service a standardised icon

Consistent usage of colors and fonts

Consistent usage across locations

Presented for BlueAnt Digital, New Delhi -India: 23/5/2014

Page 7: BlueAnt Digital Talks

User experience becomes intuitiveConsistent indication for every street

All important city layers are indicated

Presented for BlueAnt Digital, New Delhi -India: 23/5/2014

Page 8: BlueAnt Digital Talks

Non-standardisation in an un-designed society

Critical services are non-uniformly

indicated

Improvisation ‘jugaad’ is accepted No clearity of communication

Concept of iconography is weak

Presented for BlueAnt Digital, New Delhi -India: 23/5/2014

Page 9: BlueAnt Digital Talks

Non-standardisation in an un-designed society

Improvisation ‘jugaad’ is accepted

Above: Ahmedabad airport

Emergency indications are poorly

designed

Above: 2° AC compartment- Indian

Railways

Life threatening warnings illegible

Presented for BlueAnt Digital, New Delhi -India: 23/5/2014

Page 10: BlueAnt Digital Talks

Non-standardisation in an un-designed society

Problem runs even into manufactured

products

Presented for BlueAnt Digital, New Delhi -India: 23/5/2014

Page 11: BlueAnt Digital Talks

Clearity of form and communication

1° generation Bajaj pulsar

2002

3° generation Bajaj pulsar

2013

4° generation Bajaj pulsar

2014

Simple and clear product

communication

Complexity increases,

clearity reduces

Highly conflicted,

confused, and incoherent

Presented for BlueAnt Digital, New Delhi -India: 23/5/2014

Page 12: BlueAnt Digital Talks

Too much detailing

Over detailing leads to

confusion

Cartoonish proportions

Presented for BlueAnt Digital, New Delhi -India: 23/5/2014

Page 13: BlueAnt Digital Talks

Lack of resolution

Ill resolved forms

Ill resolved geometry

Presented for BlueAnt Digital, New Delhi -India: 23/5/2014

Page 14: BlueAnt Digital Talks

‘Hard vs Soft’ spaces

Un-designed is ‘Hard’

2° A.C. Indian Railways

designed is ‘Soft’

Treno di notte- Trenitalia (Italy)

Presented for BlueAnt Digital, New Delhi -India: 23/5/2014

Page 15: BlueAnt Digital Talks

Sensitivity to details

Thought out details lead to consistency

reducing stress on the user

Inconsistent details lead to stress on the

user

Presented for BlueAnt Digital, New Delhi -India: 23/5/2014

Page 16: BlueAnt Digital Talks

Sensitivity to consistency

Systemic level design leads to

consistency

Page 17: BlueAnt Digital Talks

Sensitivity to consistency

Logo Digital identity

Smart cardPhysical identity

Page 18: BlueAnt Digital Talks

Sensitivity to consistency

Piecemeal design leads to inconsistency

Presented for BlueAnt Digital, New Delhi -India: 23/5/2014

Page 19: BlueAnt Digital Talks

Sensitivity to simplicity

Presented for BlueAnt Digital, New Delhi -India: 23/5/2014

Do not use conflicting

fonts and colors

Use large fonts and

coordinated colors

Page 20: BlueAnt Digital Talks

Sensitivity to information

Presented for BlueAnt Digital, New Delhi -India: 23/5/2014

Metro map of ATM service Milan- all facilties are

indicated

Metro map of DMRC service Delhi- no facilties are

indicated

Page 21: BlueAnt Digital Talks

Sensitivity to usability

Presented for BlueAnt Digital, New Delhi -India: 23/5/2014

lack of usability Thought given to usability

Page 22: BlueAnt Digital Talks

Sensitivity to Design

Presented for BlueAnt Digital, New Delhi -India: 23/5/2014

Rubbish bin Plastic chair Ice-cream brick

Page 23: BlueAnt Digital Talks

Sensitivity to packaging

Presented for BlueAnt Digital, New Delhi -India: 23/5/2014

Quality packaging

communicates trust

(olive oil €4)

Usability increases

pleasure

(spices€2 each)

All critical information present

(chicken €3)

Page 24: BlueAnt Digital Talks

Sensitivity to packaging

Presented for BlueAnt Digital, New Delhi -India: 23/5/2014

Material selection is important

(bottle €2)

Graphics are important

(spaghetti €1)

Protection is important

(6 eggs €2)

Page 25: BlueAnt Digital Talks

Sensitivity to clearity

Presented for BlueAnt Digital, New Delhi -India: 23/5/2014

Too much information

No heirarchy

Structure and layer the information

Clear heirarchy

Page 26: BlueAnt Digital Talks

Make functions visible

Presented for BlueAnt Digital, New Delhi -India: 23/5/2014

Do not hide the obvious and basics

Above: 3 step operartion to remove a

contact

Page 27: BlueAnt Digital Talks

Consider symmetry and simplicity

Presented for BlueAnt Digital, New Delhi -India: 23/5/2014

Proper use of geometry is

important

Page 28: BlueAnt Digital Talks

Don’t introduce unknown symbols

Presented for BlueAnt Digital, New Delhi -India: 23/5/2014

Do not hide critical functionality behind arbitary icons

Critical functionality should be clearly mapped and visible

Page 29: BlueAnt Digital Talks

Reduce is not always simple

Presented for BlueAnt Digital, New Delhi -India: 23/5/2014

Less is not always better Google page 2014

Google page 2004

Page 30: BlueAnt Digital Talks

Reduce is not always clear

Presented for BlueAnt Digital, New Delhi -India: 23/5/2014

Iconography should be recognisable Too much reduction can take away clearity

Page 31: BlueAnt Digital Talks

Reduce can be archetypical

Presented for BlueAnt Digital, New Delhi -India: 23/5/2014

Icons should communicate clarity of thought and purpose

Page 32: BlueAnt Digital Talks

Affordance

Presented for BlueAnt Digital, New Delhi -India: 23/5/2014

Flat design shouldn’t take away from affordance

Page 33: BlueAnt Digital Talks

Consistency

Presented for BlueAnt Digital, New Delhi -India: 23/5/2014

Consistency is critical for everyday use

Above: Android 3.3

Consistency is critical for everyday use

Above: Android 4.2

Page 34: BlueAnt Digital Talks

Further Reading

Presented for BlueAnt Digital, New Delhi -India: 23/5/2014

Laws of Simplicity- John Maeda Emotional Design- Donald Norman

Page 35: BlueAnt Digital Talks

design thinking | design research | product innovation

Delhi | Milan

Sound logic behind great design.

Disclaimer: All content in this document is copyrighted intellectual property of DesignLogic India.