SlideShare a Scribd company logo
The Laws of Design: From
Principle to Practice
Patrick Haney
http://www.flickr.com/photos/cc_chapman/1361197165
http://www.flickr.com/photos/extraketchup/749317332
Design principles are
universal
“Like all man-made
‘laws’ they do not exist
in the absolute sense - to
break them is no sin.”
John Maeda,
on his Laws of Simplicity
Fitt’s Law
The time required to move to a target is a
function of the target size and distance to
target
Make clickable areas
     BIGGER
Hick’s Law
The time it takes to make a decision
increases as the number of alternatives
increase
http://www.flickr.com/photos/oobrien/7597395/
Design for error.
Donald Norman,
Seven Principles for Transforming
Difficult Tasks into Simple Ones
Affordance
A property in which the physical
characteristics of an object or
environment influence its function
Chunking
or The Magic Number 7
Organization makes a system
of many appear fewer.
#2: Laws of Simplicity,
John Maeda
7035559682
(703) 555-9682
Closure
No, we’re not finished yet.
“Suggest” the box.
Dan Cederholm
Signal-to-Noise Ratio
The ratio of relevant to irrelevant
information in a display
“There is no such thing as
information overload, only
bad design.”
Edward Tufte
Color
More than just a way to make your design
“pretty”
Legibility
The visual clarity of text, generally based
on the size, typeface, contrast, text block,
and spacing of the characters used
Accessibility
Objects and environments should be
designed to be usable, without
modification, by as many people as
possible
http://www.flickr.com/photos/oobrien/7597395/
Iteration
A process of repeating a set of operations
until a specific result is achieved
“Good Designers Redesign,
 Great Designers Realign”
Cameron Moll
Questions?
Thank You.
http://patrickhaney.com

More Related Content

Viewers also liked

Graphic Design PowerPoint
Graphic Design PowerPointGraphic Design PowerPoint
Graphic Design PowerPointnycdoe
 
Principles of design theory of design module 2 proportion,scale, hierarchy etc
Principles of design theory of design module 2   proportion,scale, hierarchy etcPrinciples of design theory of design module 2   proportion,scale, hierarchy etc
Principles of design theory of design module 2 proportion,scale, hierarchy etc
Stanly Sunny
 
Michael Bierut - Graphic Designer
Michael Bierut - Graphic DesignerMichael Bierut - Graphic Designer
Michael Bierut - Graphic Designer
Arts4good
 
Understanding Graphic Design
Understanding Graphic DesignUnderstanding Graphic Design
Understanding Graphic Design
Frank Curkovic
 
Principles of Design
Principles of DesignPrinciples of Design
Principles of Design
erinsmith.art
 
Elements and Principles of Design
Elements and Principles of DesignElements and Principles of Design
Elements and Principles of Design
Ravi Bhadauria
 
Graphic Design 101
Graphic Design 101Graphic Design 101
Graphic Design 101
sbernalmarcial
 
Chapter 4 scale and proportion
Chapter 4 scale and proportionChapter 4 scale and proportion
Chapter 4 scale and proportion
Tracie King
 
Design Principles: The Philosophy of UX
Design Principles: The Philosophy of UXDesign Principles: The Philosophy of UX
Design Principles: The Philosophy of UX
Whitney Hess
 
Art Appreciation, Principles of Art: Unity, Variety, Balance, Scale, & Propor...
Art Appreciation, Principles of Art: Unity, Variety, Balance, Scale, & Propor...Art Appreciation, Principles of Art: Unity, Variety, Balance, Scale, & Propor...
Art Appreciation, Principles of Art: Unity, Variety, Balance, Scale, & Propor...
Paige Prater
 
Elements And Principles of Art
Elements And Principles of ArtElements And Principles of Art
Elements And Principles of Art
kpikuet
 
SlideShare 101
SlideShare 101SlideShare 101
SlideShare 101
Amit Ranjan
 

Viewers also liked (13)

Graphic Design PowerPoint
Graphic Design PowerPointGraphic Design PowerPoint
Graphic Design PowerPoint
 
Elements of design
Elements of designElements of design
Elements of design
 
Principles of design theory of design module 2 proportion,scale, hierarchy etc
Principles of design theory of design module 2   proportion,scale, hierarchy etcPrinciples of design theory of design module 2   proportion,scale, hierarchy etc
Principles of design theory of design module 2 proportion,scale, hierarchy etc
 
Michael Bierut - Graphic Designer
Michael Bierut - Graphic DesignerMichael Bierut - Graphic Designer
Michael Bierut - Graphic Designer
 
Understanding Graphic Design
Understanding Graphic DesignUnderstanding Graphic Design
Understanding Graphic Design
 
Principles of Design
Principles of DesignPrinciples of Design
Principles of Design
 
Elements and Principles of Design
Elements and Principles of DesignElements and Principles of Design
Elements and Principles of Design
 
Graphic Design 101
Graphic Design 101Graphic Design 101
Graphic Design 101
 
Chapter 4 scale and proportion
Chapter 4 scale and proportionChapter 4 scale and proportion
Chapter 4 scale and proportion
 
Design Principles: The Philosophy of UX
Design Principles: The Philosophy of UXDesign Principles: The Philosophy of UX
Design Principles: The Philosophy of UX
 
Art Appreciation, Principles of Art: Unity, Variety, Balance, Scale, & Propor...
Art Appreciation, Principles of Art: Unity, Variety, Balance, Scale, & Propor...Art Appreciation, Principles of Art: Unity, Variety, Balance, Scale, & Propor...
Art Appreciation, Principles of Art: Unity, Variety, Balance, Scale, & Propor...
 
Elements And Principles of Art
Elements And Principles of ArtElements And Principles of Art
Elements And Principles of Art
 
SlideShare 101
SlideShare 101SlideShare 101
SlideShare 101
 

More from Patrick Haney

Go Brand Yourself!
Go Brand Yourself!Go Brand Yourself!
Go Brand Yourself!
Patrick Haney
 
One App, Two Apps: Design for the Device Ecosystem
One App, Two Apps: Design for the Device EcosystemOne App, Two Apps: Design for the Device Ecosystem
One App, Two Apps: Design for the Device Ecosystem
Patrick Haney
 
10 foot 2 inches: Designing Apps for Up-Close & Afar
10 foot 2 inches: Designing Apps for Up-Close & Afar10 foot 2 inches: Designing Apps for Up-Close & Afar
10 foot 2 inches: Designing Apps for Up-Close & Afar
Patrick Haney
 
Getting Shit Done
Getting Shit DoneGetting Shit Done
Getting Shit Done
Patrick Haney
 
Design for Change, It Makes Cents
Design for Change, It Makes CentsDesign for Change, It Makes Cents
Design for Change, It Makes Cents
Patrick Haney
 
Finding Design Inspiration
Finding Design InspirationFinding Design Inspiration
Finding Design Inspiration
Patrick Haney
 
First Refresh Boston Meeting
First Refresh Boston MeetingFirst Refresh Boston Meeting
First Refresh Boston Meeting
Patrick Haney
 
Design in a Web 2.0 World: Beyond Glossy And Gradients
Design in a Web 2.0 World: Beyond Glossy And GradientsDesign in a Web 2.0 World: Beyond Glossy And Gradients
Design in a Web 2.0 World: Beyond Glossy And Gradients
Patrick Haney
 

More from Patrick Haney (8)

Go Brand Yourself!
Go Brand Yourself!Go Brand Yourself!
Go Brand Yourself!
 
One App, Two Apps: Design for the Device Ecosystem
One App, Two Apps: Design for the Device EcosystemOne App, Two Apps: Design for the Device Ecosystem
One App, Two Apps: Design for the Device Ecosystem
 
10 foot 2 inches: Designing Apps for Up-Close & Afar
10 foot 2 inches: Designing Apps for Up-Close & Afar10 foot 2 inches: Designing Apps for Up-Close & Afar
10 foot 2 inches: Designing Apps for Up-Close & Afar
 
Getting Shit Done
Getting Shit DoneGetting Shit Done
Getting Shit Done
 
Design for Change, It Makes Cents
Design for Change, It Makes CentsDesign for Change, It Makes Cents
Design for Change, It Makes Cents
 
Finding Design Inspiration
Finding Design InspirationFinding Design Inspiration
Finding Design Inspiration
 
First Refresh Boston Meeting
First Refresh Boston MeetingFirst Refresh Boston Meeting
First Refresh Boston Meeting
 
Design in a Web 2.0 World: Beyond Glossy And Gradients
Design in a Web 2.0 World: Beyond Glossy And GradientsDesign in a Web 2.0 World: Beyond Glossy And Gradients
Design in a Web 2.0 World: Beyond Glossy And Gradients
 

Recently uploaded

一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
9a93xvy
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
cy0krjxt
 
Mohannad Abdullah portfolio _ V2 _22-24
Mohannad Abdullah  portfolio _ V2 _22-24Mohannad Abdullah  portfolio _ V2 _22-24
Mohannad Abdullah portfolio _ V2 _22-24
M. A. Architect
 
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
taqyed
 
Can AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI preludeCan AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI prelude
Alan Dix
 
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
h7j5io0
 
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
pmgdscunsri
 
20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf
ameli25062005
 
Technoblade The Legacy of a Minecraft Legend.
Technoblade The Legacy of a Minecraft Legend.Technoblade The Legacy of a Minecraft Legend.
Technoblade The Legacy of a Minecraft Legend.
Techno Merch
 
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdfPORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
fabianavillanib
 
White wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva TschoppWhite wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva Tschopp
Mansi Shah
 
LORRAINE ANDREI_LEQUIGAN_HOW TO USE TRELLO
LORRAINE ANDREI_LEQUIGAN_HOW TO USE TRELLOLORRAINE ANDREI_LEQUIGAN_HOW TO USE TRELLO
LORRAINE ANDREI_LEQUIGAN_HOW TO USE TRELLO
lorraineandreiamcidl
 
Borys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior designBorys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior design
boryssutkowski
 
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
gpffo76j
 
Connect Conference 2022: Passive House - Economic and Environmental Solution...
Connect Conference 2022: Passive House -  Economic and Environmental Solution...Connect Conference 2022: Passive House -  Economic and Environmental Solution...
Connect Conference 2022: Passive House - Economic and Environmental Solution...
TE Studio
 
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
9a93xvy
 
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
jyz59f4j
 
Book Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for DesignersBook Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for Designers
Confidence Ago
 
Moldes de letra 3D Alfabeto completo esp
Moldes de letra 3D Alfabeto completo espMoldes de letra 3D Alfabeto completo esp
Moldes de letra 3D Alfabeto completo esp
Hess9
 
Transforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting ProfitabilityTransforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting Profitability
aaryangarg12
 

Recently uploaded (20)

一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
 
Mohannad Abdullah portfolio _ V2 _22-24
Mohannad Abdullah  portfolio _ V2 _22-24Mohannad Abdullah  portfolio _ V2 _22-24
Mohannad Abdullah portfolio _ V2 _22-24
 
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
 
Can AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI preludeCan AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI prelude
 
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
 
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
 
20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf
 
Technoblade The Legacy of a Minecraft Legend.
Technoblade The Legacy of a Minecraft Legend.Technoblade The Legacy of a Minecraft Legend.
Technoblade The Legacy of a Minecraft Legend.
 
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdfPORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
 
White wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva TschoppWhite wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva Tschopp
 
LORRAINE ANDREI_LEQUIGAN_HOW TO USE TRELLO
LORRAINE ANDREI_LEQUIGAN_HOW TO USE TRELLOLORRAINE ANDREI_LEQUIGAN_HOW TO USE TRELLO
LORRAINE ANDREI_LEQUIGAN_HOW TO USE TRELLO
 
Borys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior designBorys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior design
 
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
 
Connect Conference 2022: Passive House - Economic and Environmental Solution...
Connect Conference 2022: Passive House -  Economic and Environmental Solution...Connect Conference 2022: Passive House -  Economic and Environmental Solution...
Connect Conference 2022: Passive House - Economic and Environmental Solution...
 
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
 
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
 
Book Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for DesignersBook Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for Designers
 
Moldes de letra 3D Alfabeto completo esp
Moldes de letra 3D Alfabeto completo espMoldes de letra 3D Alfabeto completo esp
Moldes de letra 3D Alfabeto completo esp
 
Transforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting ProfitabilityTransforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting Profitability
 

The Laws of Design: From Principle To Practice