Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Using hamburger menus? Try sausage links (2019)

tdarb.org

Post reply on HN
Print view View original

41–50 of 208 posts

Re: Using hamburger menus? Try sausage links (2019)

#41

Post by u2077 »

cobertos wrote: post #26
ftio wrote: post #18

No no no. Hamburger menus are terrible[0] for navigation, and this is worse. The only user-centric "Pro" listed by the author, namely that users understand its functionality, is totally unsubstantiated, and I think, exactly the opposite of what is true. These kinds of menus are fine as "filtering inspiration", shortcuts for commonly chosen filters on a dataset, but they are not at all OK as general navigation. They h…

Horizontal scrolling isn't that bad on mobile devices. I wouldn't want to scroll one of these on desktop but it's so simple to just, flick through it with my finger on a phone. Just put it behind a media query when your desktop-sized nav bar gets too big?

> Horizontal scrolling isn't that bad on mobile devices

I disagree, it’s not easily discoverable and I have yet to see a single website that implements it well in any context. I alway find elements scrolling multiple directions at once or end up scrolling down the page instead.

Re: Using hamburger menus? Try sausage links (2019)

#45

Post by gowld »

at_a_remove wrote: post #30
dpcan wrote: post #10

Earlier quoted context omitted.

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 wha…

Mr. Yuck is green, Mr. Yuck is mean, Mr. Yuck also has the shape of a face absolutely filled with disgust at having put something terrible in his mouth. In short, Mr. Yuck communicates something purely by expression rather than association. The hamburger menu looks like decoration, or a portion of the I Ching. Nothing about three horizontal lines says "I contain options for navigation." Now, were six lines used, with…

It's an iconic representation of a list or menu. You learn it once, and it works everywhere. And it fits on a small screen.

Re: Using hamburger menus? Try sausage links (2019)

#47

Post by Angostura »

gowld wrote: post #45
at_a_remove wrote: post #30

Earlier quoted context omitted.

Mr. Yuck is green, Mr. Yuck is mean, Mr. Yuck also has the shape of a face absolutely filled with disgust at having put something terrible in his mouth. In short, Mr. Yuck communicates something purely by expression rather than association. The hamburger menu looks like decoration, or a portion of the I Ching. Nothing about three horizontal lines says "I contain options for navigation." Now, were six lines used, with…

It's an iconic representation of a list or menu. You learn it once, and it works everywhere. And it fits on a small screen.

'You learn it once' is doing quite a lot of work there. I tend to use a hamburger labeled with 'Menu'

Re: Using hamburger menus? Try sausage links (2019)

#48

Post by brimble »

ilamont wrote: post #5

When 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…

Firefox and Chrome have proven Apple right, in forcing a top-of-screen menu bar to appear whether the application wants it to or not. This was demonstrated to me recently when my parents couldn't figure out how to print on Windows in Firefox (because there's no standard menu on it—they know "file -> print" just fine) and called me for help. After a moment of confusion on my part as I remembered that FF doesn't have a normal menu anymore, then a brief and totally failed effort to talk them through finding the beyond-stupid, tiny, "everything" drawer button, I finally just told them to press the keys for the keyboard shortcut, which they won't remember and will have to ask me again next time.

Re: Using hamburger menus? Try sausage links (2019)

#50

Post by jdsampayo »

onion2k wrote: post #20

Clear menus that aren't hidden away are great, but a significant problem with horizontal 'sausage' menus is that it isn't obvious that you can scroll, especially on Apple devices that hide scrollbars. The article mentions this as a bit of an after-thought ("Without proper fade / cut off visual cues, users may not understand they can scroll") but it's the key reason why you should avoid them. To demonstrate, I've fork…

You can edit ::-webkit-scrollbar to always show it - https://codepen.io/jdsampayo/pen/zYprwao

Not a fan but could be forced if needed.

Based on - https://stackoverflow.com/a/7855592/1342097

Post reply on HN