{"id":3179,"date":"2011-09-15T15:23:04","date_gmt":"2011-09-16T01:23:04","guid":{"rendered":"http:\/\/raphaellowe.com\/portal\/?p=3179"},"modified":"2011-09-15T15:23:04","modified_gmt":"2011-09-16T01:23:04","slug":"scrolling-websites","status":"publish","type":"post","link":"https:\/\/raphaellowe.com\/portal\/scrolling-websites\/","title":{"rendered":"Scrolling websites"},"content":{"rendered":"<p><a href=\"http:\/\/www.artofflightmovie.com\/\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-464\" title=\"artofflight500\" src=\"http:\/\/art.raphaellowe.com\/wp-content\/uploads\/2011\/09\/artofflight500.jpg\" alt=\"\" width=\"500\" height=\"418\" \/><\/a><\/p>\n<p>I&#8217;ve been having this discussion with my brother recently about usability in web design. I know&#8230;a bit of a geeky conversation, but since my brother and I have overlapped in some areas of our careers, it was just another thing that we talked about.<\/p>\n<p>It all started out when he sent me a pretty cool collection of <a href=\"http:\/\/css-tricks.com\/14311-fancy-scrolling-sites\/\" target=\"_blank\">CSS scrolling websites<\/a>. This type of technique has been around a while now, but the effect in combination with some of the newer HTML5\/CSS stuff involving parallax effects makes some pretty fun things happen.<\/p>\n<p>Now my argument was that these sites, like the <a href=\"http:\/\/www.artofflightmovie.com\/\" target=\"_blank\">&#8220;Art of Flight&#8221;<\/a> one above, was really neat from a visual standpoint, but super annoying when it came down to how effective it was as a user interface &#8212; it threw me off for a good few seconds trying to correlate how the site seemed to be moving in odd directions that had no correspondance to the movement of my trackpad\/mouse.<\/p>\n<p>You might argue, well, why can&#8217;t you simply depend on the menu items to guide you from place to place on the site&#8230;how hard is that? \u00a0I guess that&#8217;s exactly what the designers are banking on here. But that&#8217;s sacrificing quite a bit of usability in favor of a &#8220;wow&#8221; factor. That 2 or 3 seconds of frustration from a user could mean a bounce off your site.<\/p>\n<p>I&#8217;d much rather have a simple vertical scrolling site like <a href=\"http:\/\/www.nikebetterworld.com\/\" target=\"_blank\">NikeBetterWorld<\/a> that requires no interface concerns at all&#8230;yet still gets props for being visually appealing to look at.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I&#8217;ve been having this discussion with my brother recently about usability in web design. I know&#8230;a bit of a geeky conversation, but since my brother and I have overlapped in some areas of our careers, it was just another thing that we talked about. It all started out when he sent me a pretty cool [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7,314,8,56,134],"tags":[],"class_list":["post-3179","post","type-post","status-publish","format-standard","hentry","category-design","category-inspiration-2","category-business","category-personal","category-webdesign"],"_links":{"self":[{"href":"https:\/\/raphaellowe.com\/portal\/wp-json\/wp\/v2\/posts\/3179"}],"collection":[{"href":"https:\/\/raphaellowe.com\/portal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/raphaellowe.com\/portal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/raphaellowe.com\/portal\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/raphaellowe.com\/portal\/wp-json\/wp\/v2\/comments?post=3179"}],"version-history":[{"count":1,"href":"https:\/\/raphaellowe.com\/portal\/wp-json\/wp\/v2\/posts\/3179\/revisions"}],"predecessor-version":[{"id":3180,"href":"https:\/\/raphaellowe.com\/portal\/wp-json\/wp\/v2\/posts\/3179\/revisions\/3180"}],"wp:attachment":[{"href":"https:\/\/raphaellowe.com\/portal\/wp-json\/wp\/v2\/media?parent=3179"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/raphaellowe.com\/portal\/wp-json\/wp\/v2\/categories?post=3179"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/raphaellowe.com\/portal\/wp-json\/wp\/v2\/tags?post=3179"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}