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
250
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
160
10 Foot, 2 Inches: Designing Apps for Up-Close & Afar
notasausage
5
570
Getting Shit Done, Build Edition
notasausage
2
370
Getting Shit Done (in 20 Minutes)
notasausage
7
650
Getting Shit Done
notasausage
14
1.3k
Design in a Web 2.0 World
notasausage
2
210
Design for Change NXNEi
notasausage
4
200
Other Decks in Design
See All in Design
デザインシステムの力 Webデザイナーとエンジニアのための実践ガイド / The Power of Design System
spindle
9
4.7k
ビジョン実現を加速させるデザインプログラムマネージャーの視座とキャリア/ Designship2024_Sato
root_recruit
0
230
AIと創る広告の未来 ― タップルと極AIお台場スタジオの最新事例― / ai-tapple-odaiba
cyberagentdevelopers
PRO
1
610
(第1回) アーキテクト・テックリード育成講座
masakaya
0
130
藤本佳子・ポートフォリオ・2025/01
yoshi_designer
0
1.6k
Les petites aventures de CSS, saison 2025
goetter
3
3.9k
エンタメ業界からDX領域に飛び込んだデザイナーが今立ち向かっている壁とは / applibot-dx-designer
cyberagentdevelopers
PRO
1
160
Rayout Pattern 01
one0
0
440
Дизайн услуги через её визуализацию с Картой процесса-опыта
ashapiro
0
190
Charcoal 2.0: デザインシステムの基盤を再構築
godlingkogami
1
640
生成AIを受け入れ共創できるデザイナーマインドへープロセス改革を想定したデザイナーの準備ー
takumasaito
1
1.5k
Findy - デザイナー向け会社紹介 / Hiring Findy's Designers
findyinc
6
61k
Featured
See All Featured
Building a Scalable Design System with Sketch
lauravandoore
460
33k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
29
960
Fashionably flexible responsive web design (full day workshop)
malarkey
406
66k
Raft: Consensus for Rubyists
vanstee
137
6.7k
A Philosophy of Restraint
colly
203
16k
Testing 201, or: Great Expectations
jmmastey
41
7.2k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
19
2.3k
What's in a price? How to price your products and services
michaelherold
244
12k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
26
1.9k
Writing Fast Ruby
sferik
628
61k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
3
180
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