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

A more meaningful web

Simon Collison
February 24, 2012

A more meaningful web

IMARK, Reykjavik, February 2012.

Simon Collison

February 24, 2012

More Decks by Simon Collison

Other Decks in Design


  1. a more meaningful web simon collison ÍMARK, Reykjavík 2012

  2. Photo: [email protected]

  3. None
  4. None
  5. None
  6. Icelanders are very forward-thinking, and quickly embrace new technologies. The

    web is no exception, and I’m seeing an increasing number of beautifully designed, standards-compliant sites reaching out from the island. A couple of the ones I’ve listed have already impressed the global design community — and for good reason. h p://col.ly/s/61 2nd June 2004
  7. None
  8. A responsible web

  9. The web is not print

  10. The screen brings with it different kinds of challenges for

    visual design, some of which occur exclusively in interactive media. It’s unrealistic to think our old methods can fill in all the gaps, but new interaction pa erns and visual languages emerge everyday. These are the building blocks for our new design principles. JASON SANTA MARIA, 2008
  11. Craft, tools, inquiry

  12. Cra smanship is a basic human impulse: the desire to

    do a job well for its own sake Richard Senne
  13. Tools are the scaffold for what we produce, the enablers.

    They help us bring our ideas to fruition. Our tools
  14. Inquiring beyond the “necessary” to explore other areas, look at

    things differently, and bring these findings back into our work. Creative inquiry
  15. designer developer strategist writer educator manager web designer 100%

  16. Storytelling and the message

  17. None
  18. None
  19. None
  20. None
  21. h p://bensherman.com

  22. h p://jetse er.com

  23. None
  24. None
  25. h p://lostworldsfairs.com

  26. h p://benthebodyguard.com

  27. h p://nikebe erworld.com

  28. h p://dangersoffracking.com/

  29. None
  30. h p://path.com

  31. None
  32. Content

  33. Web writing is... Good writing adapted to the limits of

    the web as a medium and the needs of users.
  34. User needs... Trust in the the website and information source.

    Brevity and swi delivery of information Retrieval of key facts and information very quickly. Understanding the context of the page and website. Looking for calls to action or next steps. Email, print or respond to information immediately.
  35. None
  36. Techniques... Relevance, Titles and Headings Blurbs Pull quotes Icons, drop-caps

    and images Descriptions Linkage and Sources Lists Summarise
  37. Carbon Neutral Carbon Trading Cause-based or community investing Cause Related

    Marketing CFCs Child Labour Clean Development Mechanism Climate Change CO2 (Carbon Dioxide) Community Corporate Citizenship Corporate Governance Corporate Responsibility Environmental Impact Assessment Equal Opportunities Equator Principles Ethical Accounting Ethical Auditing Ethical Book Ethical purchasing Ethical screening Ethical trade Ethics Fairtrade Global compact Globalisation Green electricity Human Rights Impact areas Marketplace BITC, CR, CSR, 8000, NGO, SRI, SORI, EHS, EMAS, DJSI, APPG, AA1000 etc Triple bo om line Venture Philanthropy Global compact Equator principles Etc...
  38. What should boards do to ensure companies behave responsibly, and

    why? Both corporate responsibility and corporate governance have climbed the corporate agenda in recent years. But there has been li le consideration of how these two areas interrelate or about the specific board contribution to corporate responsibility. Both the Combined Code on Corporate Governance and the new Company Law Reform Bill give directors duties related to corporate responsibility. This report outlines the challenge boards face in fulfilling them, and the actions they can take in order to do so.
  39. Meaning & perception

  40. None
  41. None
  42. The models people have of themselves, others, the environment, and

    the things with which they interact. Mental models
  43. Environment Experience Others Me Instruction Interaction

  44. What are our motives, and why do we go in

    one particular direction? Motive
  45. None
  46. None
  47. A longing for the past, or the ephemera of the

    olden days, and the sense that everything was be er than it is today. Nostalgia
  48. None
  49. The art of using language effectively in order to persuade.

  50. None
  51. The everyday language through which a group, community or regional

    area communicates. Innit. Vernacular
  52. None
  53. The opportunity to present and exploit wit in order to

    communicate meaning. Humour
  54. None
  55. None
  56. None
  57. Typography

  58. By using typography we give a wri en idea a

    visual form. TYPOGRAPHY
  59. None
  60. None
  61. None
  62. h p://seedconference.com/

  63. None
  64. None
  65. Systems for evolving websites

  66. We don’t design web pages. We design systems.

  67. None
  68. None
  69. None
  70. None
  71. h p://mikekus.com/ h p://gregorywood.co.uk/

  72. h p://thebolditalic.com/ h p://jasonsantamaria.com/

  73. Adaptive layouts

  74. The ability to alter the presentation of a website without

    altering its structure should have opened up the floodgates of design creativity. JEREMY KEITH, 2006
  75. None
  76. None
  77. None
  78. None
  79. None
  80. Responsive web design

  81. http://www.alistapart.com/articles/responsive-web-design/

  82. None
  83. None
  84. Emotion & delight

  85. To delight someone is to give them a small lesson

    in seeing the world as something good. Frank Chimero
  86. None
  87. h p://analog.coop

  88. h p://analog.coop

  89. h p://nizoapp.com

  90. h p://mailchimp.com

  91. None
  92. Respond to our world

  93. None
  94. h p://www.tat.se/openinnovation/

  95. h p://www.tat.se/openinnovation/

  96. None
  97. Thanks Simon Collison colly.com @colly