{"id":3530,"date":"2011-09-16T16:59:45","date_gmt":"2011-09-16T16:59:45","guid":{"rendered":"http:\/\/www.redmonk.com\/jgovernor\/?p=3530"},"modified":"2011-09-16T16:59:45","modified_gmt":"2011-09-16T16:59:45","slug":"windows-8-the-first-os-for-the-wide-screen-web-scrolling-sideways-as-a-ui-revolution","status":"publish","type":"post","link":"https:\/\/redmonk.com\/jgovernor\/windows-8-the-first-os-for-the-wide-screen-web-scrolling-sideways-as-a-ui-revolution\/","title":{"rendered":"Windows 8: The First OS for the Wide Screen Web. Scrolling Sideways as a UI Revolution"},"content":{"rendered":"<p>A while ago the growing prevalence of wide screen monitors set me thinking about information representation and user engagement a while ago: these screens lend themselves to context-adding sidebars, and intriguing context juxtapositions. Thus for example, SAP&#8217;s activity stream platform Streamworks never made sense to me until I saw it demoed as a sidebar to a traditional SAP business application screen; where structured data, manipulation and entry met unstructured conversations and semi-structured business docs. In other words- what is Twitter if not a sidebar?<\/p>\n<p>Since I got back from BUILD I have been thinking through some of the implications of Microsoft&#8217;s new Metro interface, which is based on a tile structure a lot like that seen on Windows Phone 7. Another progenitor is the smooth sideways scrolling of the Zune player interface. Metro is normative in terms of design &#8211; developers have a choice of three tile sizes, and that&#8217;s it. Thumbnail, main, or sidebar. That&#8217;s it. Limitations can lead to freedom and flow, as Rails and IoS have shown. Metro plays into this, and seems entirely designed for the Wide Screen Web.<\/p>\n<p>To those that say Microsoft can&#8217;t innovate- well&#8230; fie! Who else is driving a sideways scrolling metaphor? The entire IT industry, since the first printer, has been about scrolling down, not sideways. Other than Scramble and Defender, perhaps. The Kindle reads sideways like a book, perhaps, but its not a scroll, so much as a page turn.<\/p>\n<p>We can read sideways, rather than up and down. Why does everything need to be portrait? It doesn&#8217;t.<\/p>\n<p>I am really just thinking out loud at this point- I am not sure about the implications, but well done Microsoft for trying something totally new. I mean if John Gruber <a href=\"http:\/\/daringfireball.net\/2011\/09\/to_the_future\">isn&#8217;t dismissive<\/a> you may really be onto something. Then again- by next year when Windows 8 comes out it may be that IoS is a lot more sideways than it is now. Then again, consider Apple&#8217;s current form factors, which are not widescreen. Game on. And contractual development? That&#8217;s going to be huge&#8230;<\/p>\n<p>disclosure: Microsoft is a client, and paid my T&amp;E to BUILD. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>A while ago the growing prevalence of wide screen monitors set me thinking about information representation and user engagement a while ago: these screens lend themselves to context-adding sidebars, and intriguing context juxtapositions. Thus for example, SAP&#8217;s activity stream platform Streamworks never made sense to me until I saw it demoed as a sidebar to<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","footnotes":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false},"categories":[1],"tags":[],"class_list":["post-3530","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"jetpack_featured_media_url":"","jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p9wfjh-UW","_links":{"self":[{"href":"https:\/\/redmonk.com\/jgovernor\/wp-json\/wp\/v2\/posts\/3530","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/redmonk.com\/jgovernor\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/redmonk.com\/jgovernor\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/redmonk.com\/jgovernor\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/redmonk.com\/jgovernor\/wp-json\/wp\/v2\/comments?post=3530"}],"version-history":[{"count":0,"href":"https:\/\/redmonk.com\/jgovernor\/wp-json\/wp\/v2\/posts\/3530\/revisions"}],"wp:attachment":[{"href":"https:\/\/redmonk.com\/jgovernor\/wp-json\/wp\/v2\/media?parent=3530"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/redmonk.com\/jgovernor\/wp-json\/wp\/v2\/categories?post=3530"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/redmonk.com\/jgovernor\/wp-json\/wp\/v2\/tags?post=3530"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}