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
270
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
200
10 Foot, 2 Inches: Designing Apps for Up-Close & Afar
notasausage
5
600
Getting Shit Done, Build Edition
notasausage
2
390
Getting Shit Done (in 20 Minutes)
notasausage
7
680
Getting Shit Done
notasausage
14
1.3k
Design in a Web 2.0 World
notasausage
2
240
Design for Change NXNEi
notasausage
4
230
Other Decks in Design
See All in Design
「余白」と「欲望」を味方につける ——AI時代のデザインエンジニアリングと「越境」の作法 #KNOTS2026
koyaman
1
1.4k
チームをデザイン対象にする / Design for your team
kaminashi
1
570
「ツール」から「パートナー」へ。AI伴走時代のUXデザインとは?~操作を減らし、成果を最大にするための設計~
ncdc
0
120
見栄えと使いやすさの先にある 特別感 をデザインする / Designing a Sense of Specialness Beyond Aesthetics and Usability
bitkey
PRO
0
250
hicard_credential_202601
hicard
0
160
OSO2025-マサカリと太陽:伝え方の情報デザイン
majimasachi
0
680
2026の目標「もっと定量的に事業、会社へ貢献する!」
yuri_ohashi
0
680
コムデマネージャーがプロダクトデザインに挑戦した。むずかしくて楽しかった。
payatsusan213
0
200
不確実性の時代にみんなで試したFigma × MCP × Cursor ハンズオン
techtekt
PRO
7
1.8k
AIエージェントが対話的なUIを返す!MCP−UIで変わるユーザ体験
daitasu
1
150
これからの「Webデザイン」の話をしよう~デザイナーの私が考えるブロックテーマへの対応で変わりゆくデザインの価値~
ds35mm
0
550
Vibe Coding デザインシステム
poteboy
3
1.7k
Featured
See All Featured
Exploring anti-patterns in Rails
aemeredith
2
250
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
287
14k
First, design no harm
axbom
PRO
2
1.1k
WCS-LA-2024
lcolladotor
0
450
Large-scale JavaScript Application Architecture
addyosmani
515
110k
Navigating Algorithm Shifts & AI Overviews - #SMXNext
aleyda
0
1.1k
More Than Pixels: Becoming A User Experience Designer
marktimemedia
3
330
Build The Right Thing And Hit Your Dates
maggiecrowley
39
3k
Leading Effective Engineering Teams in the AI Era
addyosmani
9
1.6k
Ethics towards AI in product and experience design
skipperchong
2
200
How to audit for AI Accessibility on your Front & Back End
davetheseo
0
180
<Decoding/> the Language of Devs - We Love SEO 2024
nikkihalliwell
1
130
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