{"id":3865,"date":"2018-07-05T00:51:27","date_gmt":"2018-07-05T00:51:27","guid":{"rendered":"https:\/\/russellmoverley.com\/?p=3865"},"modified":"2021-12-01T10:40:21","modified_gmt":"2021-12-01T10:40:21","slug":"hamburger-menu-revolution","status":"publish","type":"post","link":"https:\/\/russellmoverley.com\/hamburger-menu-revolution\/","title":{"rendered":"Hamburger Revolution"},"content":{"rendered":"

Mini screens for surfing the web seem to be here to stay \u2013 at least for the next few years. During this time I’m campaigning for a hamburger revolution.<\/p>\n

In the last two months I have designed and built three new websites. All of which were hugely different in their design approach and business need.<\/p>\n

I don’t adopt a mobile first approach to web design \u2013 and the reason for that is that I find it unexciting to do so. Very few mobile websites are exciting. They are functional but not exciting. And getting clients excited needs to be part of the presentation process.<\/p>\n

I prefer to adopt a all at once approach. Sell the functionality on a desktop wireframe with support from a simpler mobile wireframe. I find that showing how desktop translates to mobile and vice-versa is a better way of explaining responsiveness and how it works.<\/p>\n

Mobile UX<\/h2>\n

There’s so much content on the ‘net’ sharing research, data, and opinion on UX. The general rule seems to be “do what the majority of others are doing because that’s what people are habitually used to”.<\/em>\u00a0For example hamburger menus \u2013 do they go in the top left or top right. I often ask myself whether this form of design will lead to bland cookie-cutter websites or breed a whole new environment where creativity will thrive.<\/p>\n

\"HamburgerHamburger top left or top right?<\/h2>\n

This is a huge discussion<\/a> and it rivals the online discussion between GIF and JIF<\/a>. (clearly it’s GIF with a hard G). With hamburger menus I follow the logic that most people are right handed so putting it in the top right is the best choice. Many would disagree.<\/p>\n

Lots of ecommerce sites put it in the top left. Why? They clearly have the backend data to support this. Maybe it’s because few people shop while walking? Maybe people shop while on public transport or sitting on the toilet, where they have two hand free?<\/p>\n

Then all the other sites put it in the top right! There’s too much confusion of what should essentially be a pretty easy decision. It makes for some expensive conversations around boardroom tables.<\/p>\n

I think we’re all wrong<\/h2>\n

If you look at the hotspots above you can see that the menu (for the best user experience) should be right in the centre. So why don’t we do that? Who is going to be brave enough to break with convention and start a hamburger revolution?<\/p>\n

Let me know when you do so I can bravely follow along.<\/p>\n

 <\/p>\n

P.S. Even better \u2013 your phone probably knows if you’re left or right handed by the patterns used in your finger printing etc. So why can we serve up a responsive site based on that?<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"

Mini screens for surfing the web seem to be here to stay \u2013 at least for the next few years. During this time I’m campaigning for a hamburger revolution. In the last two months I have designed and built three new websites. All of which were hugely different in their design approach and business need. I don’t adopt a mobile first approach to web design \u2013 and the reason for that is that I find it unexciting to do so. Very few mobile websites are exciting. They are functional but not exciting. And getting clients excited needs to be part…<\/p>\n","protected":false},"author":2,"featured_media":3864,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"image","meta":{"footnotes":""},"categories":[58,40,36],"tags":[73,74],"yoast_head":"\nHamburger Menu Revolution - Top right, left or none of the above?<\/title>\n<meta name=\"description\" content=\"If you look at the hotspots above you can see that the menu (for the best user experience) should be right in the centre. So why don't we do that? Who is going to be brave enough to break with convention and start a hamburger revolution? Let me know when you do so I can bravely follow along.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/russellmoverley.com\/hamburger-menu-revolution\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Hamburger Menu Revolution - Top right, left or none of the above?\" \/>\n<meta property=\"og:description\" content=\"If you look at the hotspots above you can see that the menu (for the best user experience) should be right in the centre. So why don't we do that? Who is going to be brave enough to break with convention and start a hamburger revolution? Let me know when you do so I can bravely follow along.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/russellmoverley.com\/hamburger-menu-revolution\/\" \/>\n<meta property=\"og:site_name\" content=\"Russell Moverley | Graphic Designer, Writer, Artist\" \/>\n<meta property=\"article:published_time\" content=\"2018-07-05T00:51:27+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-12-01T10:40:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/russellmoverley.com\/wp-content\/uploads\/2018\/07\/reachability.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1300\" \/>\n\t<meta property=\"og:image:height\" content=\"1073\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Russell\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Russell\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/russellmoverley.com\/hamburger-menu-revolution\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/russellmoverley.com\/hamburger-menu-revolution\/\"},\"author\":{\"name\":\"Russell\",\"@id\":\"https:\/\/russellmoverley.com\/#\/schema\/person\/c98553447976bcb4bf322579662ffc01\"},\"headline\":\"Hamburger Revolution\",\"datePublished\":\"2018-07-05T00:51:27+00:00\",\"dateModified\":\"2021-12-01T10:40:21+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/russellmoverley.com\/hamburger-menu-revolution\/\"},\"wordCount\":469,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/russellmoverley.com\/#\/schema\/person\/c98553447976bcb4bf322579662ffc01\"},\"image\":{\"@id\":\"https:\/\/russellmoverley.com\/hamburger-menu-revolution\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/russellmoverley.com\/wp-content\/uploads\/2018\/07\/reachability.jpg\",\"keywords\":[\"UX\",\"web design\"],\"articleSection\":[\"Design\",\"Design Tips\",\"General Musings\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/russellmoverley.com\/hamburger-menu-revolution\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/russellmoverley.com\/hamburger-menu-revolution\/\",\"url\":\"https:\/\/russellmoverley.com\/hamburger-menu-revolution\/\",\"name\":\"Hamburger Menu Revolution - Top right, left or none of the above?\",\"isPartOf\":{\"@id\":\"https:\/\/russellmoverley.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/russellmoverley.com\/hamburger-menu-revolution\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/russellmoverley.com\/hamburger-menu-revolution\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/russellmoverley.com\/wp-content\/uploads\/2018\/07\/reachability.jpg\",\"datePublished\":\"2018-07-05T00:51:27+00:00\",\"dateModified\":\"2021-12-01T10:40:21+00:00\",\"description\":\"If you look at the hotspots above you can see that the menu (for the best user experience) should be right in the centre. So why don't we do that? Who is going to be brave enough to break with convention and start a hamburger revolution? Let me know when you do so I can bravely follow along.\",\"breadcrumb\":{\"@id\":\"https:\/\/russellmoverley.com\/hamburger-menu-revolution\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/russellmoverley.com\/hamburger-menu-revolution\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/russellmoverley.com\/hamburger-menu-revolution\/#primaryimage\",\"url\":\"https:\/\/russellmoverley.com\/wp-content\/uploads\/2018\/07\/reachability.jpg\",\"contentUrl\":\"https:\/\/russellmoverley.com\/wp-content\/uploads\/2018\/07\/reachability.jpg\",\"width\":1300,\"height\":1073,\"caption\":\"Reachability on phones for web design\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/russellmoverley.com\/hamburger-menu-revolution\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/russellmoverley.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Hamburger Revolution\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/russellmoverley.com\/#website\",\"url\":\"https:\/\/russellmoverley.com\/\",\"name\":\"Russell Moverley | Graphic Designer, Writer, Artist\",\"description\":\"Internationally experienced Designer, Art Director, Collaborator and occasional Writer\",\"publisher\":{\"@id\":\"https:\/\/russellmoverley.com\/#\/schema\/person\/c98553447976bcb4bf322579662ffc01\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/russellmoverley.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/russellmoverley.com\/#\/schema\/person\/c98553447976bcb4bf322579662ffc01\",\"name\":\"Russell\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/russellmoverley.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/russellmoverley.com\/wp-content\/uploads\/2021\/12\/Asset-2.png\",\"contentUrl\":\"https:\/\/russellmoverley.com\/wp-content\/uploads\/2021\/12\/Asset-2.png\",\"width\":128,\"height\":128,\"caption\":\"Russell\"},\"logo\":{\"@id\":\"https:\/\/russellmoverley.com\/#\/schema\/person\/image\/\"},\"sameAs\":[\"https:\/\/www.instagram.com\/rundenk\/\",\"https:\/\/www.linkedin.com\/in\/russellmoverley\/\"],\"url\":\"https:\/\/russellmoverley.com\/author\/russell\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Hamburger Menu Revolution - Top right, left or none of the above?","description":"If you look at the hotspots above you can see that the menu (for the best user experience) should be right in the centre. So why don't we do that? Who is going to be brave enough to break with convention and start a hamburger revolution? Let me know when you do so I can bravely follow along.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/russellmoverley.com\/hamburger-menu-revolution\/","og_locale":"en_US","og_type":"article","og_title":"Hamburger Menu Revolution - Top right, left or none of the above?","og_description":"If you look at the hotspots above you can see that the menu (for the best user experience) should be right in the centre. So why don't we do that? Who is going to be brave enough to break with convention and start a hamburger revolution? Let me know when you do so I can bravely follow along.","og_url":"https:\/\/russellmoverley.com\/hamburger-menu-revolution\/","og_site_name":"Russell Moverley | Graphic Designer, Writer, Artist","article_published_time":"2018-07-05T00:51:27+00:00","article_modified_time":"2021-12-01T10:40:21+00:00","og_image":[{"width":1300,"height":1073,"url":"https:\/\/russellmoverley.com\/wp-content\/uploads\/2018\/07\/reachability.jpg","type":"image\/jpeg"}],"author":"Russell","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Russell","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/russellmoverley.com\/hamburger-menu-revolution\/#article","isPartOf":{"@id":"https:\/\/russellmoverley.com\/hamburger-menu-revolution\/"},"author":{"name":"Russell","@id":"https:\/\/russellmoverley.com\/#\/schema\/person\/c98553447976bcb4bf322579662ffc01"},"headline":"Hamburger Revolution","datePublished":"2018-07-05T00:51:27+00:00","dateModified":"2021-12-01T10:40:21+00:00","mainEntityOfPage":{"@id":"https:\/\/russellmoverley.com\/hamburger-menu-revolution\/"},"wordCount":469,"commentCount":0,"publisher":{"@id":"https:\/\/russellmoverley.com\/#\/schema\/person\/c98553447976bcb4bf322579662ffc01"},"image":{"@id":"https:\/\/russellmoverley.com\/hamburger-menu-revolution\/#primaryimage"},"thumbnailUrl":"https:\/\/russellmoverley.com\/wp-content\/uploads\/2018\/07\/reachability.jpg","keywords":["UX","web design"],"articleSection":["Design","Design Tips","General Musings"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/russellmoverley.com\/hamburger-menu-revolution\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/russellmoverley.com\/hamburger-menu-revolution\/","url":"https:\/\/russellmoverley.com\/hamburger-menu-revolution\/","name":"Hamburger Menu Revolution - Top right, left or none of the above?","isPartOf":{"@id":"https:\/\/russellmoverley.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/russellmoverley.com\/hamburger-menu-revolution\/#primaryimage"},"image":{"@id":"https:\/\/russellmoverley.com\/hamburger-menu-revolution\/#primaryimage"},"thumbnailUrl":"https:\/\/russellmoverley.com\/wp-content\/uploads\/2018\/07\/reachability.jpg","datePublished":"2018-07-05T00:51:27+00:00","dateModified":"2021-12-01T10:40:21+00:00","description":"If you look at the hotspots above you can see that the menu (for the best user experience) should be right in the centre. So why don't we do that? Who is going to be brave enough to break with convention and start a hamburger revolution? Let me know when you do so I can bravely follow along.","breadcrumb":{"@id":"https:\/\/russellmoverley.com\/hamburger-menu-revolution\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/russellmoverley.com\/hamburger-menu-revolution\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/russellmoverley.com\/hamburger-menu-revolution\/#primaryimage","url":"https:\/\/russellmoverley.com\/wp-content\/uploads\/2018\/07\/reachability.jpg","contentUrl":"https:\/\/russellmoverley.com\/wp-content\/uploads\/2018\/07\/reachability.jpg","width":1300,"height":1073,"caption":"Reachability on phones for web design"},{"@type":"BreadcrumbList","@id":"https:\/\/russellmoverley.com\/hamburger-menu-revolution\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/russellmoverley.com\/"},{"@type":"ListItem","position":2,"name":"Hamburger Revolution"}]},{"@type":"WebSite","@id":"https:\/\/russellmoverley.com\/#website","url":"https:\/\/russellmoverley.com\/","name":"Russell Moverley | Graphic Designer, Writer, Artist","description":"Internationally experienced Designer, Art Director, Collaborator and occasional Writer","publisher":{"@id":"https:\/\/russellmoverley.com\/#\/schema\/person\/c98553447976bcb4bf322579662ffc01"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/russellmoverley.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/russellmoverley.com\/#\/schema\/person\/c98553447976bcb4bf322579662ffc01","name":"Russell","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/russellmoverley.com\/#\/schema\/person\/image\/","url":"https:\/\/russellmoverley.com\/wp-content\/uploads\/2021\/12\/Asset-2.png","contentUrl":"https:\/\/russellmoverley.com\/wp-content\/uploads\/2021\/12\/Asset-2.png","width":128,"height":128,"caption":"Russell"},"logo":{"@id":"https:\/\/russellmoverley.com\/#\/schema\/person\/image\/"},"sameAs":["https:\/\/www.instagram.com\/rundenk\/","https:\/\/www.linkedin.com\/in\/russellmoverley\/"],"url":"https:\/\/russellmoverley.com\/author\/russell\/"}]}},"_links":{"self":[{"href":"https:\/\/russellmoverley.com\/wp-json\/wp\/v2\/posts\/3865"}],"collection":[{"href":"https:\/\/russellmoverley.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/russellmoverley.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/russellmoverley.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/russellmoverley.com\/wp-json\/wp\/v2\/comments?post=3865"}],"version-history":[{"count":1,"href":"https:\/\/russellmoverley.com\/wp-json\/wp\/v2\/posts\/3865\/revisions"}],"predecessor-version":[{"id":4728,"href":"https:\/\/russellmoverley.com\/wp-json\/wp\/v2\/posts\/3865\/revisions\/4728"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/russellmoverley.com\/wp-json\/wp\/v2\/media\/3864"}],"wp:attachment":[{"href":"https:\/\/russellmoverley.com\/wp-json\/wp\/v2\/media?parent=3865"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/russellmoverley.com\/wp-json\/wp\/v2\/categories?post=3865"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/russellmoverley.com\/wp-json\/wp\/v2\/tags?post=3865"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}