A more meaningful web

IMARK, Reykjavik, February 2012.

Transcript

1. a more meaningful web simon collison ÍMARK, Reykjavík 2012
2. Photo: annag@visir.is
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
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
21. h p://bensherman.com
22. h p://jetse er.com
25. h p://lostworldsfairs.com
26. h p://benthebodyguard.com
27. h p://nikebe erworld.com
28. h p://dangersoffracking.com/
30. h p://path.com
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.
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
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
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
49. The art of using language effectively in order to persuade. Rhetoric
51. The everyday language through which a group, community or regional area communicates. Innit. Vernacular
53. The opportunity to present and exploit wit in order to communicate meaning. Humour
57. Typography
58. By using typography we give a wri en idea a visual form. TYPOGRAPHY
62. h p://seedconference.com/
65. Systems for evolving websites
66. We don’t design web pages. We design systems.
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
80. Responsive web design
81. http://www.alistapart.com/articles/responsive-web-design/
84. Emotion & delight
85. To delight someone is to give them a small lesson in seeing the world as something good. Frank Chimero
87. h p://analog.coop
88. h p://analog.coop
89. h p://nizoapp.com
90. h p://mailchimp.com
92. Respond to our world
94. h p://www.tat.se/openinnovation/
95. h p://www.tat.se/openinnovation/
97. Thanks Simon Collison colly.com @colly