SlideShare a Scribd company logo
TYPO SF 2015
CAROLINA DE BARTOLO
GOOD THINGS COME IN
GOOD THINGS COME IN
IF YOU TWEET ABOUT IT
THREE PRINCIPLES OF
ACCORDING TO
WHO IS THIS GUY?
Timeless Principles of Good Design
Timeless Principles of Good Design
Timeless Principles of Good Design
MARCUS VITRUVIUS POLLIO
C. 80BC–15 BC
TEN BOOKS ON ARCHITECTURE
DEDICATED TO AUGUSTUS
Timeless Principles of Good Design
Timeless Principles of Good Design
Timeless Principles of Good Design
Timeless Principles of Good Design
Timeless Principles of Good Design
Timeless Principles of Good Design
Timeless Principles of Good Design
Timeless Principles of Good Design
Timeless Principles of Good Design
Timeless Principles of Good Design
WHY IS THIS OLD
Timeless Principles of Good Design
Timeless Principles of Good Design
WHAT THE HECK IS
Timeless Principles of Good Design
IF YOU HAVE TO ASK
Timeless Principles of Good Design
“How can we
distinguish good
from bad?”—Phaedrus
Timeless Principles of Good Design
Timeless Principles of Good Design
Timeless Principles of Good Design
FIRMNESS
FITNESS
DELIGHT
FIRMNESS
FITNESS
DELIGHT
:)
FIRMNESS
FITNESS
DELIGHT
FITNESS
FIRMNESS
DELIGHT
:(
FIRMNESS
FITNESS
DELIGHT
GOODNESS
Timeless Principles of Good Design
PRINCIPLE 1
GOOD IDEA/BAD IDEA
EQUIVALENCIES TO FITNESS
Do we need it?
How much do we need it?
Timeless Principles of Good Design
Just
what
I need. It’s
handy!
So
useful!
We should
make that.
What a
great idea!
Wish I’d
thought
of that!
Why
would
I need
that?
It’s
useless!
How
stupid!
Bad idea!
Such a
waste of
time.
No one
will ever
buy that.
Timeless Principles of Good Design
Timeless Principles of Good Design
0%
100%
RELIABLE
USEFUL
BEAUTIFUL
WIKIPEDIA
Timeless Principles of Good Design
Timeless Principles of Good Design
0%
100%
USABLE
USEFUL
DESIRABLE
TYPEWRITER
1920s
0%
100%
USABLE
USEFUL
DESIRABLE
TYPEWRITER
TODAY
Timeless Principles of Good Design
Timeless Principles of Good Design
PRINCIPLE 2
MAKES SENSE/NO SENSE
EQUIVALENCIES TO FIRMNESS
Does it work?
How well does it work?
Crystal
clear!
Feels
solid.
It’s super
well-made.
It’s easy
to use!
I get it.
It’s very
readable.
Built
to last.
This thing
works like
a dream!
Piece
of sh*t.
Huh?
This just
makes no
sense.
I don’t even
understand
how to use it.
Seems
cheap.
I can’t
read it.
It
broke.
Timeless Principles of Good Design
Timeless Principles of Good Design
0%
100%
INFRASTRUCRUE
INFORMATION
JE
NE
SAIS
QUOI
UNICODE
Timeless Principles of Good Design
Timeless Principles of Good Design
PRINCIPLE 3
LIKE/DISLIKE
EQUIVALENCIES TO DELIGHT
Is it cool?
How cool is it?
It’s to
die for.
It’s
fresh!
Better
than
sex!
I don’t know
why...but I
just want it.
I love it!
It always
makes me
smile!
I don’t
like it.
It’s in
bad
taste.
Been there,
done that.
Meh.
It’s
boring.
That’s just
not my style.
Timeless Principles of Good Design
Timeless Principles of Good Design
Timeless Principles of Good Design
Timeless Principles of Good Design
0%
100%
READABLE
INNOVATIVE
COOL
FANCY M
Timeless Principles of Good Design
Timeless Principles of Good Design
Timeless Principles of Good Design
“How can we
distinguish good
from bad?”—Phaedrus
0%
100%
FIRMNESS
FITNESS
DELIGHT
GOODNESS
0%
100%
FIRMNESS
FITNESS
DELIGHT
BADNESS
0%
100%
FIRMNESS
FITNESS
DELIGHT
BADNESS
0%
100%
FIRMNESS
FITNESS
DELIGHT
BADNESS
0%
100%
FIRMNESS
FITNESS
DELIGHT
BADNESS
0%
100%
FIRMNESS
FITNESS
DELIGHT
BADNESS
0%
100%
FIRMNESS
FITNESS
DELIGHT
BADNESS
33+33+34
GOODNESS
FIRMNESS FITNESS
DELIGHT
FIRMNESS
FITNESS
DELIGHT
GOODNESS
FIRMNESS
FITNESS
DELIGHT
BADNESS
FIRMNESS
FITNESS
DELIGHT
BADNESS
FIRMNESS
FITNESS
DELIGHT
GOODNESS
FIRMNESS
FITNESS
DELIGHT
GOODNESS
Timeless Principles of Good Design
Timeless Principles of Good Design
Timeless Principles of Good Design
Fitness Firmness Delight
Utilitas Firmitas Venustas
Useful Usable Desirable
Commodity or Utility Functionality Beauty or Aesthetics
Invent Solve Create
Business Science + Technology Arts + Humanities
Does anyone need it? Does it work? Is it cool?
How much do we need it? How well does it work? How cool is it?
What? Who? When? How? Why? How?
“It’s a bad idea.” “It doesn’t make sense.” “I don’t like it.”
People + Public Principles + Practices Passion + Pulchritude
Message Legibility Composition
Information Hierarchy Proportion or Elegance
Entrepreneur Engineer Designer
Competitiveness Reliability Originality
Innovation Planning Presentation
Possibility Coherence Manifestation or Expression
Environment Infrastructure Application
Need Craft Style
Head (idea, vision) Hands (construction) Heart (feeling, intuition)
“...changing existing situations “The fewer moving parts “Je ne sais quoi.” —Je ne sais qui
into preferred ones.” —Herbert Simon the better.” —Engineering maxim
01 Vitruvius
02 Contemporary
03 Noun
04 Verb
05 Field
06 Yes/No Q
07 Degree Q
08 Wh Q
09 Criticism
10 Concern
11 Typography
12 Subject
13 Profession
14 Strategy
15 Activity
16 Thinking
17 Platform
18 Culture
19 Body
20 Quote
Timeless Principles of Good Design
FIRMNESS
FITNESS FITNESS
FITNESS
DELIGHT FIRMNESS
FIRMNESS
FIRMNESS
FIRMNESS
FIRMNESS
GOOD THINGS COME IN
Timeless Principles of Good Design
THANK YOU!

More Related Content

PDF
(Design) Principles To Build By
PDF
Design Creativity Day01
PDF
Design Theory - Lecture 02: Design processes & Problem solving
PDF
Structured Ideation and Design Thinking
PPTX
David barlex feb 2012 part 1
PDF
A Welcome Note
KEY
Putting Design Back into Instructional Design
PDF
Not Design Thinking
(Design) Principles To Build By
Design Creativity Day01
Design Theory - Lecture 02: Design processes & Problem solving
Structured Ideation and Design Thinking
David barlex feb 2012 part 1
A Welcome Note
Putting Design Back into Instructional Design
Not Design Thinking

Similar to Timeless Principles of Good Design (20)

PDF
Design Thinking for Quality Systems (with Notes)
ZIP
Overlappings and Underpinnings - Content Strategy and Information Architecture
PPTX
Usability and User Experience Training Seminar
PDF
Z-Shaped Thinkers
PDF
Creativity and design day 01
PDF
Designing Culture Workshop
PPTX
Podcamp Halifax 2014: A social experiment between developers and marketers
KEY
SSE_DesignThinking_Group2a_2011
PDF
TRIZ-Overview_150430
PPTX
Thinking Tools for Creative Kids An Introduction
PDF
Systems Thinking
PDF
iA on creativity, information and innovation
PDF
Lecture 1 - Introduction to architecture
PPTX
innovation conference [3]
PDF
655895737-09-Creative-Thinking-Cards-USLetter
PPT
Open 2013: Cross-Pollinating: Increasing innovation by blending arts & scien...
PDF
Why IT Needs Artistic Sensibilities
PDF
Fostering Creativity and Innovation: What Libraries Can Learn From The Second...
PDF
Fostering Creativity and Innovation: What Libraries Can Learn From The Second...
PPTX
Consulting toolkit brainstorming
Design Thinking for Quality Systems (with Notes)
Overlappings and Underpinnings - Content Strategy and Information Architecture
Usability and User Experience Training Seminar
Z-Shaped Thinkers
Creativity and design day 01
Designing Culture Workshop
Podcamp Halifax 2014: A social experiment between developers and marketers
SSE_DesignThinking_Group2a_2011
TRIZ-Overview_150430
Thinking Tools for Creative Kids An Introduction
Systems Thinking
iA on creativity, information and innovation
Lecture 1 - Introduction to architecture
innovation conference [3]
655895737-09-Creative-Thinking-Cards-USLetter
Open 2013: Cross-Pollinating: Increasing innovation by blending arts & scien...
Why IT Needs Artistic Sensibilities
Fostering Creativity and Innovation: What Libraries Can Learn From The Second...
Fostering Creativity and Innovation: What Libraries Can Learn From The Second...
Consulting toolkit brainstorming
Ad

More from Carolina de Bartolo (9)

PDF
Brand workshop
PDF
Punctuation matters
PDF
Grids are Everywhere
PDF
What.is.design.slides
PDF
What is User Testing?
PDF
TypeCon 2017 Education Forum presentation
PDF
NewCo sample slides
PDF
GeneralAssemblySF
PDF
Erik.is.with.us
Brand workshop
Punctuation matters
Grids are Everywhere
What.is.design.slides
What is User Testing?
TypeCon 2017 Education Forum presentation
NewCo sample slides
GeneralAssemblySF
Erik.is.with.us
Ad

Recently uploaded (20)

PPT
robotS AND ROBOTICSOF HUMANS AND MACHINES
PDF
321 LIBRARY DESIGN.pdf43354445t6556t5656
PPTX
Introduction to Building Information Modeling
PPTX
Presentation1.pptxnmnmnmnjhjhkjkjkkjkjjk
PPTX
Presentation.pptx anemia in pregnancy in
PPTX
Project_Presentation Bitcoin Price Prediction
PPTX
Drafting equipment and its care for interior design
PDF
1 Introduction to Networking (06).pdfbsbsbsb
PDF
trenching-standard-drawings procedure rev
PPTX
Drawing as Communication for interior design
PPTX
URBAN FINANCEnhynhynnnytnynnnynynyynynynyn
PPTX
lecture-8-entropy-and-the-second-law-of-thermodynamics.pptx
PPT
Fire_electrical_safety community 08.ppt
PPTX
Necrosgwjskdnbsjdmdndmkdndndnmdndndkdmdndkdkndmdmis.pptx
PPTX
Evolution_of_Computing_Presentation (1).pptx
PDF
How Animation is Used by Sports Teams and Leagues
PPTX
a group casestudy on architectural aesthetic and beauty
PDF
The Complete Guide to Buying Verified Stripe Accounts 2025.pdf
PDF
2025_AIFG_Akane_Kikuchi_Empathy_Design.PDF
PDF
Test slideshare presentation for blog post
robotS AND ROBOTICSOF HUMANS AND MACHINES
321 LIBRARY DESIGN.pdf43354445t6556t5656
Introduction to Building Information Modeling
Presentation1.pptxnmnmnmnjhjhkjkjkkjkjjk
Presentation.pptx anemia in pregnancy in
Project_Presentation Bitcoin Price Prediction
Drafting equipment and its care for interior design
1 Introduction to Networking (06).pdfbsbsbsb
trenching-standard-drawings procedure rev
Drawing as Communication for interior design
URBAN FINANCEnhynhynnnytnynnnynynyynynynyn
lecture-8-entropy-and-the-second-law-of-thermodynamics.pptx
Fire_electrical_safety community 08.ppt
Necrosgwjskdnbsjdmdndmkdndndnmdndndkdmdndkdkndmdmis.pptx
Evolution_of_Computing_Presentation (1).pptx
How Animation is Used by Sports Teams and Leagues
a group casestudy on architectural aesthetic and beauty
The Complete Guide to Buying Verified Stripe Accounts 2025.pdf
2025_AIFG_Akane_Kikuchi_Empathy_Design.PDF
Test slideshare presentation for blog post

Timeless Principles of Good Design