Monday, August 8, 2016

navigation - Hamburger menu for desktop website


I'm working on a new version of a corporate website. As it stands, it has about 6 different sections. Each of those sections have between 3 to 6 sub-pages. My nav is at the top of the page and looks a bit like the wireframe below:


mockup


download bmml source – Wireframes created with Balsamiq Mockups


I have made some simple dropdowns with js to handle the desktop side of things. For tablets and mobile devices I have gone with the standard right aligned hamburger menu button. The more I look at the site on a tablet, the more I like the lack of clutter at the top.


Apart from potentially confusing some users, what are the downsides of going with the hamburger menu for all devices?


http://www.squarespace.com/ and a number of other sites do this already.



enter image description here



Answer



The whole point of breaking tasks into seperate menus is that the user can find the task more quickly and in fewer clicks. As well as grouping being predictable making initial discovery quicker, consistent groups/locations are remembered far easier during repetition or subsequent visits.


Designers like the look of the hamburger because it is less cluttered, that doesn't mean that it is more usable. On mobile screen space is at a premium and the trade offs are different, often there are fewer options in total then the standard site.


No comments:

Post a Comment

technique - How credible is wikipedia?

I understand that this question relates more to wikipedia than it does writing but... If I was going to use wikipedia for a source for a res...