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
190
10 Foot, 2 Inches: Designing Apps for Up-Close & Afar
notasausage
5
600
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
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
loglass2019
1
2.8k
kintone Style Book
kintone
4
3.6k
Correspondence:共に生成していく過程
akiramotomura
0
110
大きな変化の中で、わたしが向き合ったこと #もがく中堅デザイナー
bengo4com
1
1.3k
Spectrum Tokyo_ デザイナーが事業責任者になってみた
shin_2
0
160
一次体験を起点にしたUX改善の取り組み / Direct Experience Driven UX Improvements
bitkey
PRO
0
260
mento Design Team Portfolio
mento0fficial
1
940
デザインから開発まで一貫したデザインシステムを構築するベストプラクティス / Best Practices for Building a Consistent Design System from Design to Development
lycorptech_jp
PRO
0
570
ChatGPT、Gemini、Claude は、なぜ似たようなUIを採用しているのか?
fuwarisprit
3
1.6k
8_8_リサーチカンファレンスプレイベント.pdf
muture
PRO
2
450
CMS管理画面のアクセシビリティ
magi1125
8
2.5k
企業にデザインが融けたとき、デザイナーにできること。事業会社12年間の探究と葛藤 / Designship2025
visional_engineering_and_design
0
800
Featured
See All Featured
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.2k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.1k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3.1k
Into the Great Unknown - MozCon
thekraken
40
2.1k
How to Ace a Technical Interview
jacobian
280
24k
Reflections from 52 weeks, 52 projects
jeffersonlam
353
21k
Large-scale JavaScript Application Architecture
addyosmani
514
110k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
658
61k
Learning to Love Humans: Emotional Interface Design
aarron
274
41k
Code Reviewing Like a Champion
maltzj
526
40k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
640
XXLCSS - How to scale CSS and keep your sanity
sugarenia
249
1.3M
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