{"id":199,"date":"2009-03-13T13:12:43","date_gmt":"2009-03-13T19:12:43","guid":{"rendered":"http:\/\/regnskygge.net\/sxsw2009\/?p=6"},"modified":"2009-03-13T13:12:43","modified_gmt":"2009-03-13T19:12:43","slug":"everything-you-know-about-web-design-is-wrong","status":"publish","type":"post","link":"http:\/\/techory.com\/sxsw\/?p=199","title":{"rendered":"Everything You Know About Web Design Is Wrong"},"content":{"rendered":"<p>Friday, 13 March 2009 at 2:00PM<br \/>\nPresenter:\u00a0 Dan Willis - <a href=\"http:\/\/www.sapient.com\/\">Sapient<\/a><\/p>\n<p>Making the argument that the Harry Potter movie site is everything that is wrong with web design. Why? They hide the web native stuff. Everything else is basically print magazine stuff regurgitated for the web- &#8220;Print in Disguise&#8221;. Headlines are a commodity that lead to linear text. Many newspapers have not realized how to exploit the web-native features. How can your website exploit the web and not just be a print brochure. We still treat web design as print design.<\/p>\n<p>This happened with the transition from still to motion photography. Technologists create the content until artists catch-up. He used Birth of a Nation (1915) by D.W. Griffith as an example of using the techniques developed before in a new way (e.g., cross-cutting is much more effective that transitions in live theater). Hitchcock, for example, takes the close-up and pushes into emotion. Example:\u00a0 Bird&#8217;s-eye view used in Fargo.<\/p>\n<p>&#8220;One plus one equals three&#8221;, or take some of these elements and combine them to create more:<\/p>\n<ul>\n<li><strong>Random voyeurism<\/strong><br \/>\nFlickrvision and Found Magazine. We like to look at people vo<\/li>\n<li><strong>Self-aware (but controllable) content<\/strong><br \/>\nThe content is meta-tagged and aware of itself in many different ways - just as referenced in Ambient Findability. Data\/content grows beyond the intended purpose of the creator.<\/li>\n<li><strong>User-created content<\/strong><br \/>\nFighting the user for control causes them to rebel. Forcing them down paths is problematic because they will rebel.<\/li>\n<li><strong>Ambient awareness<\/strong><br \/>\nExample:\u00a0 micro-blogging. Over time, something like Twitter allows us to know others in a way we did not before. Each tweet is a dot in a more sophisticated image.<\/li>\n<li><strong>Experiential content<\/strong><br \/>\nBasically, content is still king, but today content is more than the text and images. Interactive experiences augment the content now and this is the future of what designers will need to create, but the designer needs to share space with the user.<\/li>\n<\/ul>\n<p>How can we overcome print-in-disguise web sites? Hotel example:\u00a0 Use webcams in the hotel lobby (voyeurism and ambient awareness). Pillow choices linked to sleep research and customer experiences, concierge is expert on good sleep, etc.<\/p>\n<p>In the context of news, metadata links parts of stories so they can be reused. Don&#8217;t pollute too many pages with dynamic headlines because you can. Old design, print design needs to evolve and extinction is part of evolution.<\/p>\n<p>Design solves problems and the visual design of the web can&#8217;t be answering the same questions as print design. We have, traditionally, compartmentalized our design (information arch, interaction, visual, etc.) like a TV dinner tray. We need to look at it like jambalaya and mix it all together. This begs for a see-saw implementation where everyone is involved in the party, but experts need to know their area of expertise and acquiesce to others, too.<\/p>\n<ul>\n<li><strong>Organize<\/strong> cross-disc teams; <strong>exploit<\/strong> and <strong>protect<\/strong> expertise<\/li>\n<li><strong>Design<\/strong> for <strong>specific users and their needs<\/strong><\/li>\n<li><strong>Embrace<\/strong> your ignorance. We have not figured out the web, yet.<\/li>\n<li><strong>Don&#8217;t be distracted by business models<\/strong> that don&#8217;t begin and end with the user.<\/li>\n<li><strong>Don&#8217;t be distracted by technology.<\/strong><\/li>\n<li><strong>Don&#8217;t be distracted by failure.<\/strong> Ideally you will fail quickly if it happens and learn from it. Move on.<\/li>\n<\/ul>\n<p><em>References made during presentation:<\/em><\/p>\n<ul>\n<li>Presenter&#8217;s article:\u00a0 <a href=\"http:\/\/www.dswillis.com\/sxsw\/everything.pdf\">http:\/\/www.dswillis.com\/sxsw\/everything.pdf<\/a><\/li>\n<li>Book:\u00a0 <a href=\"http:\/\/www.amazon.com\/Experience-Economy-Theater-Every-Business\/dp\/0875848192\/ref=pd_bbs_sr_1?ie=UTF8&amp;s=books&amp;qid=1236975754&amp;sr=8-1\">The Experience Economy<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Friday, 13 March 2009 at 2:00PM<br \/>\nPresenter:\u00a0 Dan Willis &#8211; Sapient<br \/>\nMaking the argument that the Harry Potter movie site is everything that is wrong with web design. Why? They hide the web native stuff. Everything else is basically print magazine stuff regurgitated for the web- &#8220;Print in Disguise&#8221;. Headlines are a commodity that lead to linear [&#8230;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[11],"tags":[],"_links":{"self":[{"href":"http:\/\/techory.com\/sxsw\/index.php?rest_route=\/wp\/v2\/posts\/199"}],"collection":[{"href":"http:\/\/techory.com\/sxsw\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/techory.com\/sxsw\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/techory.com\/sxsw\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/techory.com\/sxsw\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=199"}],"version-history":[{"count":5,"href":"http:\/\/techory.com\/sxsw\/index.php?rest_route=\/wp\/v2\/posts\/199\/revisions"}],"predecessor-version":[{"id":500,"href":"http:\/\/techory.com\/sxsw\/index.php?rest_route=\/wp\/v2\/posts\/199\/revisions\/500"}],"wp:attachment":[{"href":"http:\/\/techory.com\/sxsw\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=199"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/techory.com\/sxsw\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=199"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/techory.com\/sxsw\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=199"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}