Using hamburger menus? Try sausage links (2019)
1–10 of 208 posts
Re: Using hamburger menus? Try sausage links (2019)
#2It adds a scrollbar or else some kind of cue that scrolling is available. Horizontal scrolling in desktop feels unnatural personally. And finally, the oval links look like tags in an article, not navigational controls. That last point could be adjusted by squaring off the buttons, by adding a symbol between links indicating a nav path, or something like that.
Re: Using hamburger menus? Try sausage links (2019)
#3Perhaps a little mean, but its odd that this article about website design is plaintext with maximum contrast and default font, and the viewport to the code pen is so small I can't even see what it's trying to show me without clicking through
Re: Using hamburger menus? Try sausage links (2019)
#4Absolutely not on sausage links most of the time. I can't tell you how many times I didn't realize that menus like this could be scrolled.
Another negative not mentioned in the article: they're biased toward touch and trackpad users. My browser (and probably most browsers) hides the scroll bar by default, so anyone using a vertical scroll wheel mouse is going to be confused and/or have some kind of difficulty scrolling.
At first I didn't even know that the example in the article was functional! I thought it was a screenshot.
Hamburger menus function the same for all platforms, are easy for non-technical people to figure out (especially by this point), they also don't have to be a hamburger (they can be a word that says "Menu," or some other kind of icon like a settings gear), and they can expand to a regular menu that quickly shows all possible options.
An alternative I thought of: a grid of colorful/contrasting icons with text (example: The Uber app for mobile). I think sometimes you shouldn't be afraid of taking up screen real estate if your app needs to have a lot of options.
Re: Using hamburger menus? Try sausage links (2019)
#5When designing medium to large sized menu navigations on the mobile web the default go-to, for some time now, has been hamburger menus. This isn’t necessarily a bad thing
Tell it to the many people who have no idea what it means on a mobile device, or increasingly on desktop websites. I've said it many times before, but it's worth repeating: Most people are frustrated by modern information tools. According to a 2015 OECD computer skills study, https://www.oecd-ilibrary.org/education/skills-matter_978926...)
I like the sausage link concept because it clearly labels options with text.
Re: Using hamburger menus? Try sausage links (2019)
#6I can confirm that the Meatverse [0] will be built on these UX primitives.
Re: Using hamburger menus? Try sausage links (2019)
#7Better known as pill navigation
Re: Using hamburger menus? Try sausage links (2019)
#8I think this would be a problem in terms of accessibility.
Gestures are required, text disappears horizontally, no visual indicator that you may have to scroll horizontally… I don’t know, maybe I’m wrong, but I’ve also been a fan of the hamburger menu since it arrived.
Re: Using hamburger menus? Try sausage links (2019)
#9Takes up way more space, the point of the page isn't to serve menu options. They should be tucked away until the user determines they want to use them.
Also its so hard to scroll the window without accidentally clicking the buttons on mobile.
Re: Using hamburger menus? Try sausage links (2019)
#10When designing medium to large sized menu navigations on the mobile web the default go-to, for some time now, has been hamburger menus. This isn’t necessarily a bad thing Tell it to the many people who have no idea what it means on a mobile device, or increasingly on desktop websites. I've said it many times before, but it's worth repeating: Most people are frustrated by modern information tools. According to a 2015…
Well, human beings have grown quite accustomed to using symbols to represent actions they need to take. In the United States, I remember learning about Mr. Yuck stickers by the time I was 4, or the shape and color of a stop sign, green means go, walk and don’t walk figures, even an exit sign always looked the same even if I couldn’t read.
The hamburger menu takes someone explaining it to you just one time to know what it is every time.