$30 off During Our Annual Pro Sale. View Details »

A more meaningful web

Simon Collison
February 24, 2012

A more meaningful web

IMARK, Reykjavik, February 2012.

Simon Collison

February 24, 2012
Tweet

More Decks by Simon Collison

Other Decks in Design

Transcript

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

    View Slide

  2. View Slide

  3. View Slide

  4. View Slide

  5. View Slide

  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

    View Slide

  7. View Slide

  8. A responsible web

    View Slide

  9. The web is not print

    View Slide

  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

    View Slide

  11. Craft, tools, inquiry

    View Slide

  12. Cra smanship is a basic human
    impulse: the desire to do a job well
    for its own sake
    Richard Senne

    View Slide

  13. Tools are the scaffold for what we
    produce, the enablers. They help us
    bring our ideas to fruition.
    Our tools

    View Slide

  14. Inquiring beyond the “necessary”
    to explore other areas, look at
    things differently, and bring these
    findings back into our work.
    Creative inquiry

    View Slide

  15. designer
    developer
    strategist
    writer
    educator
    manager
    web designer 100%

    View Slide

  16. Storytelling
    and the message

    View Slide

  17. View Slide

  18. View Slide

  19. View Slide

  20. View Slide

  21. h p://bensherman.com

    View Slide

  22. h p://jetse er.com

    View Slide

  23. View Slide

  24. View Slide

  25. h p://lostworldsfairs.com

    View Slide

  26. h p://benthebodyguard.com

    View Slide

  27. h p://nikebe erworld.com

    View Slide

  28. h p://dangersoffracking.com/

    View Slide

  29. View Slide

  30. h p://path.com

    View Slide

  31. View Slide

  32. Content

    View Slide

  33. Web writing is...
    Good writing adapted to the limits of the web
    as a medium and the needs of users.

    View Slide

  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.

    View Slide

  35. View Slide

  36. Techniques...
    Relevance, Titles and Headings
    Blurbs
    Pull quotes
    Icons, drop-caps and images
    Descriptions
    Linkage and Sources
    Lists
    Summarise

    View Slide

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

    View Slide

  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.

    View Slide

  39. Meaning & perception

    View Slide

  40. View Slide

  41. View Slide

  42. The models people have of themselves,
    others, the environment, and the things
    with which they interact.
    Mental models

    View Slide

  43. Environment
    Experience
    Others
    Me
    Instruction
    Interaction

    View Slide

  44. What are our motives, and why do
    we go in one particular direction?
    Motive

    View Slide

  45. View Slide

  46. View Slide

  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

    View Slide

  48. View Slide

  49. The art of using language effectively
    in order to persuade.
    Rhetoric

    View Slide

  50. View Slide

  51. The everyday language through
    which a group, community or
    regional area communicates.
    Innit.
    Vernacular

    View Slide

  52. View Slide

  53. The opportunity to present and
    exploit wit in order to communicate
    meaning.
    Humour

    View Slide

  54. View Slide

  55. View Slide

  56. View Slide

  57. Typography

    View Slide

  58. By using typography
    we give a wri en idea a visual form.
    TYPOGRAPHY

    View Slide

  59. View Slide

  60. View Slide

  61. View Slide

  62. h p://seedconference.com/

    View Slide

  63. View Slide

  64. View Slide

  65. Systems
    for evolving websites

    View Slide

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

    View Slide

  67. View Slide

  68. View Slide

  69. View Slide

  70. View Slide

  71. h p://mikekus.com/
    h p://gregorywood.co.uk/

    View Slide

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

    View Slide

  73. Adaptive
    layouts

    View Slide

  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

    View Slide

  75. View Slide

  76. View Slide

  77. View Slide

  78. View Slide

  79. View Slide

  80. Responsive
    web design

    View Slide

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

    View Slide

  82. View Slide

  83. View Slide

  84. Emotion & delight

    View Slide

  85. To delight someone is to give them a
    small lesson in seeing the world as
    something good.
    Frank Chimero

    View Slide

  86. View Slide

  87. h p://analog.coop

    View Slide

  88. h p://analog.coop

    View Slide

  89. h p://nizoapp.com

    View Slide

  90. h p://mailchimp.com

    View Slide

  91. View Slide

  92. Respond
    to our world

    View Slide

  93. View Slide

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

    View Slide

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

    View Slide

  96. View Slide

  97. Thanks
    Simon Collison
    colly.com
    @colly

    View Slide