Upgrade to Pro — share decks privately, control downloads, hide ads and more …

The Laws of Design: From Principle to Practice

Avatar for Patrick Haney 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.

Avatar for Patrick Haney

Patrick Haney

September 26, 2011
Tweet

More Decks by Patrick Haney

See All by Patrick Haney
One App, Two Apps: Design for the Device Ecosystem
Avatar for Patrick Haney notasausage
0
190
10 Foot, 2 Inches: Designing Apps for Up-Close & Afar
Avatar for Patrick Haney notasausage
5
600
Getting Shit Done, Build Edition
Avatar for Patrick Haney notasausage
2
380
Getting Shit Done (in 20 Minutes)
Avatar for Patrick Haney notasausage
7
660
Getting Shit Done
Avatar for Patrick Haney notasausage
14
1.3k
Design in a Web 2.0 World
Avatar for Patrick Haney notasausage
2
220
Design for Change NXNEi
Avatar for Patrick Haney notasausage
4
210

Other Decks in Design

See All in Design
サービスリブランディングにおけるイラストレーションシステムの構築と活用事例 / Building and Utilizing an Illustration System in Service Rebranding
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
650
保育AIプロダクトの UXデザインで考えてきたこと / hoiku-ai-ux-design
Avatar for Takahiro Yamaguchi hiro93n
0
190
maki setoguchi
Avatar for Maki / Web Designer maki_setoguchi
0
510
8_8_リサーチカンファレンスプレイベント.pdf
Avatar for Muture muture
PRO
2
450
Portfolio 齋藤明敏 Hiroyuki Saito
Avatar for HIROYUKI SAITO crearedesign
0
120
Liquid GlassとApp Intents
Avatar for touyou touyou
0
450
Meet, Learn, Grow × AI ― コミュニティで加速するスキル循環 「コミュニティと関わり方」
Avatar for ため tame
0
280
ユーザー像を「みてね」らしく可視化する　家族アルバムみてねUXリサーチチームの取り組み
Avatar for MIXI DESIGN mixi_design
PRO
1
270
「UXとUIの違い」v2
Avatar for Shirasu3 shirasu3
0
260
DESIGNEAST 2025 A-3
Avatar for Shigeru Kobayashi _kotobuki_
0
100
SAMSUL KAMAR ABDUL RAHMAN
Avatar for SAMSUL RAHMAN samsulrahman32
0
170
Correspondence：共に生成していく過程
Avatar for Akira Motomura akiramotomura
0
110

Featured

See All Featured
Designing Experiences People Love
Avatar for Jonathan Moore moore
142
24k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
46
2.5k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
40
2.1k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
667
130k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
44
7.8k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
46
7.7k
It's Worth the Effort
Avatar for 3n 3n
187
28k
Docker and Python
Avatar for Tania Allard trallard
46
3.6k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
285
14k
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
8
300
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
55
3k
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
38
2.9k

Transcript

  1. The Laws of Design: From Principle to Practice Patrick Haney

  2. http://www.flickr.com/photos/cc_chapman/1361197165

  3. http://www.flickr.com/photos/extraketchup/749317332

  4. Design principles are universal

  5. “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

  6. Fitt’s Law The time required to move to a target

    is a function of the target size and distance to target
  7. None
  8. None

  9. Make clickable areas BIGGER

  10. None
  11. None

  12. Hick’s Law The time it takes to make a decision

    increases as the number of alternatives increase

  13. http://www.flickr.com/photos/oobrien/7597395/

  14. None
  15. None

  16. Design for error. Donald Norman, Seven Principles for Transforming Difficult

    Tasks into Simple Ones

  17. Affordance A property in which the physical characteristics of an

    object or environment influence its function
  18. None
  19. None
  20. None
  21. None

  22. Chunking or The Magic Number 7

  23. Organization makes a system of many appear fewer. #2: Laws

    of Simplicity, John Maeda

  24. 7035559682

  25. (703) 555-9682

  26. None
  27. None
  28. None
  29. None
  30. None
  31. None

  32. Closure No, we’re not finished yet.

  33. None
  34. None
  35. None
  36. None

  37. “Suggest” the box. Dan Cederholm

  38. None
  39. None
  40. None
  41. None

  42. Signal-to-Noise Ratio The ratio of relevant to irrelevant information in

    a display

  43. “There is no such thing as information overload, only bad

    design.” Edward Tufte
  44. None
  45. None

  46. Color More than just a way to make your design

    “pretty”
  47. None
  48. None

  49. Legibility The visual clarity of text, generally based on the

    size, typeface, contrast, text block, and spacing of the characters used
  50. None

  51. Accessibility Objects and environments should be designed to be usable,

    without modification, by as many people as possible

  52. http://www.flickr.com/photos/oobrien/7597395/

  53. None
  54. None
  55. None
  56. None

  57. Iteration A process of repeating a set of operations until

    a specific result is achieved

  58. “Good Designers Redesign, Great Designers Realign” Cameron Moll

  59. None
  60. None

  61. Questions?

  62. Thank You. http://patrickhaney.com