A Philosophy of Restraint

C9b18d9dff88a9dd2393364c2b3b21bd?s=47 Simon Collison
September 10, 2012

A Philosophy of Restraint

Variant of a talk given at An Event Apart (Seattle), ESAD (Porto), Webshaped (Helsinki), Refresh (Edinburgh), and Reasons Festival (Brighton) during 2012. Some slides of work in progress removed.

With a wealth of ideas and tools at our disposal, we often muddle our messages and complicate our code.

We appreciate that less is usually more, yet stuff our sites to bursting point, failing to be economical with what we have.

We must know when to stop, and when to throw things out. We should embrace simplicity and subtlety, and exploit the invisible.

Through timeless lessons and practical examples, learn how reduction and restraint can improve communication, emotion, and experience in our designs, with a philosophy applicable to every aspect of the systems we produce.

C9b18d9dff88a9dd2393364c2b3b21bd?s=128

Simon Collison

September 10, 2012
Tweet

Transcript

  1. 2.
  2. 6.
  3. 7.
  4. 8.

    To delight someone is to give them a small lesson

    in seeing the world as something good. Frank Chimero, designer
  5. 9.
  6. 15.
  7. 17.
  8. 20.
  9. 21.
  10. 22.

    • Build a foundation for complexity • Devise a holistic

    approach for all projects • Devise a detailed project-specific system • Invest time in flexible pa ern libraries • Prepare for all eventualities
  11. 25.
  12. 26.

    Constraint is key to understanding complexity. Increase constraint and you

    create an ordered system; do that inappropriately and you create the conditions for catastrophic failure; remove constraint and the system is chaotic. Dave Snowden, The 5 C’s of Complexity
  13. 27.

    • Make sense of the constraints you’re given • Look

    for constraints you yourself can apply • Make constraints a feature or selling point
  14. 30.
  15. 31.
  16. 32.
  17. 33.

    • Immerse yourself in the subject • Design responses first,

    not a website • Discover what can be put to one side • Avoid misplaced vernacular and cliché
  18. 36.
  19. 37.
  20. 38.
  21. 39.
  22. 40.
  23. 41.
  24. 42.
  25. 43.
  26. 44.
  27. 45.
  28. 46.
  29. 48.

    • Good systems bear the weight of complexity • Embrace

    new methods for organising data • Find simplicity in the data flows • Don’t be afraid of obvious approaches • Release power gradually
  30. 53.
  31. 54.
  32. 55.

    • Anticipate mental models • Reveal only what is necessary

    • Let users find their own stories • Embrace serendipity • Trust users to make sense of things
  33. 57.

    An affordance is a quality of an object, or an

    environment, that allows an individual to perform an action.
  34. 61.

    • Understand the power of a ractiveness • Create obvious

    opportunities for interaction • Avoid unnecessary fakery and over-texturing • Don’t “iCal” the skeuomorphics • Use web type responsibly
  35. 65.
  36. 67.
  37. 68.
  38. 69.
  39. 70.
  40. 71.
  41. 72.
  42. 73.
  43. 74.

    • Use a clear hierarchy • Look for obvious clashes

    or fussy extras • Remove or lessen the impact of distractions • Avoid dozens of competing pa erns • Don’t disguise calls to action
  44. 76.

    Put the extraneous to one side. Focus on the task

    in hand, or add greater emphasis to stories.
  45. 77.
  46. 78.
  47. 79.
  48. 81.
  49. 82.
  50. 83.
  51. 84.

    • Design with context and tell the story • Allow

    users to focus • Split complex tasks into manageable chunks • Don’t compromise primary areas • Remove distractions at key times • Forms can always be simplified
  52. 85.
  53. 87.
  54. 88.
  55. 89.
  56. 90.
  57. 91.

    • Add breathing space to your schedule • Make regular

    audits a part of your process • Be honest about shortcomings or failures • Never be afraid to rethink and rework
  58. 94.
  59. 95.
  60. 96.
  61. 97.
  62. 99.
  63. 100.

    • Sit with your ‘finished’ work for some time •

    Stand back from it, find new perspectives • Seek valued opinion and feedback • Find things to throw away or reduce • Launch only when you are ready
  64. 102.

    delight / emotion / surprise systems / constraint / restraint

    simplicity / complexity / focus context / reduction