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

The Laws of Design: From Principle to Practice

93d8e25dfa9ef60e40f3628a23528a1e?s=47 Patrick Haney
September 26, 2011

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

More Decks by Patrick Haney

Other Decks in Design


  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

  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