Has anyone used a hamburger style left navigation in a web application (not a website)? We are looking to see how you handled? If it is even popular thing to do for an application (not mobile) but would be responsive.
2 Answers
As JonW said; i think you trying to ask if it's a good idea to put it in the upper left and I think not. There are ergonomic issues with placing things there (see picture below). A swipe from left to right could work however and is a common pattern (though you should still inform the user about the whereabouts of the navigation). Placing a commonly used button in an ergonomically hard area does not seem user friendly. BTW, this only counts for right-handed people.
-
+1 for noting it's for right-handed people. I'm left-handed and have small hands. As phones get bigger and bigger, it just becomes increasingly difficult to reach the "OK" area indicated in your diagram (but the left-handed version, of course)– PdxdApr 10, 2014 at 14:04
-
Maybe because this is an application, you can have a personal setting with which you can mirror the interface. But I doubt users will find it before they are used to it.– RuudtApr 12, 2014 at 8:13
This article showed up the day before yesterday and I think it could be to your liking.
Summary: The guys at Zeebox, a social network for TV, used a side menu with hamburger style menu in their new design around a year ago. People loved the new design, but user engagement was down. Time on site was almost halved. They changed it back and six months later (around september 2013) tried it again, but now used an AB test. Results were almost the same. Engagement was down.
Their conclusion: if most of your user engagement happens on one screen and the only navigational options are 'user settings' or 'options' (somewhat like Facebook where it's all about the newsfeed), then by all means, place those links in a side menu to keep your primary view clutter-free. But when your app has multiple views, side navigation could be costing you a great deal of your potential user engagement.