the laws of simplicity

44
THE LAWS OF SIMPLICITY John Maeda Computer Scientist, Designer, Author

Upload: sandeep-jagtap

Post on 12-Apr-2017

1.018 views

Category:

Design


0 download

TRANSCRIPT

Page 1: The laws of simplicity

THE LAWS OF

SIMPLICITY

John MaedaComputer Scientist, Designer, Author

Page 2: The laws of simplicity

Introduction

Page 3: The laws of simplicity

10 LAWS OF SIMPLICITY

1. Reduce 3. Time2. Organize 4. Learn 5. Differences

6. Context 7. Emotion 8. Trust 9. Failure 10. The One

Page 4: The laws of simplicity

ReduceThe simplest way to achieve simplicity is through thoughtful reduction.

1

Page 5: The laws of simplicity

Reduce1

1. Shrink2. Hide3. Embody

Page 6: The laws of simplicity

Reduce1

< >

How simple can you make it ?

How complex does it have to be?

Page 7: The laws of simplicity

OrganizeOrganization makes a system of many appear fewer.

2

Page 8: The laws of simplicity

Organize2red lion cola blue bear frappe green alligator martini pink flamingo espresso white giraffe milk black penguin beer gray dog water

Page 9: The laws of simplicity

Organize2red lion colablue bear frappegreen alligator martini pink flamingo espresso white giraffe milk black penguin beer gray dog water

Page 10: The laws of simplicity

Organize2

Page 11: The laws of simplicity

Organize2

Sort Label Integrate Prioritize

Page 12: The laws of simplicity

TimeSavings in time feel like simplicity.

3

Page 13: The laws of simplicity

Time3

1.Shrink2.Hide3.Embody

Page 14: The laws of simplicity

Time3

1.Shrink2.Hide3.Embody

Page 15: The laws of simplicity

Time3

1.Shrink2.Hide3.Embody

Page 16: The laws of simplicity

Time3

1.Shrink2.Hide3.Embody

Page 17: The laws of simplicity

Time3

1.Shrink2.Hide3.Embody

Page 18: The laws of simplicity

Time3

1.Shrink2.Hide3.Embody

Page 19: The laws of simplicity

Time3

< >

How can you make the wait shorter?

How can you make the wait more tolerable?

Page 20: The laws of simplicity

LearnKnowledge makes everything simpler.

4

Page 22: The laws of simplicity

DifferencesSimplicity and complexity need each other

5simplici

ty

complexity

Page 23: The laws of simplicity

Differences

5

skeuomorphism

flat design

Page 24: The laws of simplicity

ContextWhat lies in the periphery of simplicity is definitely not peripheral.

6

Page 25: The laws of simplicity

Context6

Standard interface

:(

Page 26: The laws of simplicity

Context6

Standard interface

:(

Page 27: The laws of simplicity

Context6

Standard interface

:(

Page 28: The laws of simplicity

Context6

Contextual Interface

:)

Page 29: The laws of simplicity

EmotionMore emotions are better than less.

7

Page 30: The laws of simplicity

Emotion7

Page 31: The laws of simplicity

Emotion7

Page 32: The laws of simplicity

Emotion7

Page 33: The laws of simplicity

TrustIn simplicity we can trust.

8

Page 34: The laws of simplicity

Trust8

1. Usability2. Transparency3. Control4. Privacy

Page 35: The laws of simplicity

Trust8people

1. Usability2. Transparency3. Control4. Privacy

Page 36: The laws of simplicity

Trust8customers

1. Usability2. Transparency3. Control4. Privacy

Page 37: The laws of simplicity

Trust8

1. Usability2. Transparency3. Control4. Privacy

pricing & motives

Page 38: The laws of simplicity

Trust8undo & redo

1. Usability2. Transparency3. Control4. Privacy

Page 39: The laws of simplicity

Trust8

1. Usability2. Transparency3. Control4. Privacy

Page 40: The laws of simplicity

Trust8

1. Usability2. Transparency3. Control4. Privacy

Page 41: The laws of simplicity

Aesthetic Design

PleasurabilityLogical DesignEffectiveness

EMOTIONinternal

REDUCEscale

DIFFERENCErhythm

ORGANIZEmodel

LEARNtraining

TIMEperceived

TIMEactual

CONTEXTexternal

TRUSTImmediate &

ongoing

Page 42: The laws of simplicity

FailureSome things can never be made simple.

9

Page 43: The laws of simplicity

The OneSimplicity is about subtracting the obvious and adding the meaningful.

10

Page 44: The laws of simplicity

1. Reduce

3. Time

2. Organize

10. The One

Use SHE ( Shrink ,Hide ,Embody ) for thoughtful reduction.

Organize design using SLIP ( Sort ,Label, Integrate, Prioritize).

Use SHE ( Shrink ,Hide ,Embody ) to make wait shorter and more tolerable.

When in doubt subtract obvious and add meaningful.

SUMMARY