The Laws of Design: From Principle To Practice

6,052 views

Published on

Principles of design have been laid down before us in the past, but how do we as web designers put them to use?

Published in: Design, Technology

The Laws of Design: From Principle To Practice

  1. 1. The Laws of Design: From Principle to Practice Patrick Haney
  2. 2. http://www.flickr.com/photos/cc_chapman/1361197165
  3. 3. http://www.flickr.com/photos/extraketchup/749317332
  4. 4. Design principles are universal
  5. 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. 6. Fitt’s Law The time required to move to a target is a function of the target size and distance to target
  7. 7. Make clickable areas BIGGER
  8. 8. Hick’s Law The time it takes to make a decision increases as the number of alternatives increase
  9. 9. http://www.flickr.com/photos/oobrien/7597395/
  10. 10. Design for error. Donald Norman, Seven Principles for Transforming Difficult Tasks into Simple Ones
  11. 11. Affordance A property in which the physical characteristics of an object or environment influence its function
  12. 12. Chunking or The Magic Number 7
  13. 13. Organization makes a system of many appear fewer. #2: Laws of Simplicity, John Maeda
  14. 14. 7035559682
  15. 15. (703) 555-9682
  16. 16. Closure No, we’re not finished yet.
  17. 17. “Suggest” the box. Dan Cederholm
  18. 18. Signal-to-Noise Ratio The ratio of relevant to irrelevant information in a display
  19. 19. “There is no such thing as information overload, only bad design.” Edward Tufte
  20. 20. Color More than just a way to make your design “pretty”
  21. 21. Legibility The visual clarity of text, generally based on the size, typeface, contrast, text block, and spacing of the characters used
  22. 22. Accessibility Objects and environments should be designed to be usable, without modification, by as many people as possible
  23. 23. http://www.flickr.com/photos/oobrien/7597395/
  24. 24. Iteration A process of repeating a set of operations until a specific result is achieved
  25. 25. “Good Designers Redesign, Great Designers Realign” Cameron Moll
  26. 26. Questions?
  27. 27. Thank You. http://patrickhaney.com

×