Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
The Laws of Design: From Principle to Practice
Search
Patrick Haney
September 26, 2011
Design
5
260
The Laws of Design: From Principle to Practice
Given at the DC Design Talks in February of 2008 in Washington DC.
Patrick Haney
September 26, 2011
Tweet
Share
More Decks by Patrick Haney
See All by Patrick Haney
One App, Two Apps: Design for the Device Ecosystem
notasausage
0
180
10 Foot, 2 Inches: Designing Apps for Up-Close & Afar
notasausage
5
590
Getting Shit Done, Build Edition
notasausage
2
380
Getting Shit Done (in 20 Minutes)
notasausage
7
660
Getting Shit Done
notasausage
14
1.3k
Design in a Web 2.0 World
notasausage
2
220
Design for Change NXNEi
notasausage
4
210
Other Decks in Design
See All in Design
ビジネス成果を最大限に発揮するPORTFOLIO
ataxi1003
0
190
真・altはつけるだけじゃなくて -alt属性の考察 2025年版-
securecat
5
1.5k
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
loglass2019
1
640
同人音声のための、 最高の視聴体験を求めて【サブカル×デザインMeetUP!】
vivion
0
710
無自覚なランクとその影響を紐解くワークショップ / Unpacking Unconscious Privilege Workshop
spring_aki
4
280
デザイナーとPMの両ロール_3つのポイント
toy1618
1
320
250131_product meetup
motokoishida
0
210
【Adobe MAX Japan 2025】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
7
5.6k
富山デザイン勉強会_デザイントレンド2025.pdf
keita_yoshikawa
0
310
Storyboard Honey
rocioparronrubio
0
270
もうひとつのアーキテクチャ #kichijojipm
kondoyuko
0
240
A brief & incomplete history of UX Design for the World Wide Web: 1989–2019
jct
1
200
Featured
See All Featured
A better future with KSS
kneath
239
17k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.4k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
700
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.5k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
5
210
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.4k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
48
2.8k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.8k
Music & Morning Musume
bryan
46
6.6k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.8k
Transcript
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
None
None
Make clickable areas BIGGER
None
None
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/
None
None
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
None
None
None
None
Chunking or The Magic Number 7
Organization makes a system of many appear fewer. #2: Laws
of Simplicity, John Maeda
7035559682
(703) 555-9682
None
None
None
None
None
None
Closure No, we’re not finished yet.
None
None
None
None
“Suggest” the box. Dan Cederholm
None
None
None
None
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
None
None
Color More than just a way to make your design
“pretty”
None
None
Legibility The visual clarity of text, generally based on the
size, typeface, contrast, text block, and spacing of the characters used
None
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/
None
None
None
None
Iteration A process of repeating a set of operations until
a specific result is achieved
“Good Designers Redesign, Great Designers Realign” Cameron Moll
None
None
Questions?
Thank You. http://patrickhaney.com