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

191–200 of 208 posts

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

#191

Post by Shared404 »

gary_0 wrote: post #144
hn_throwaway_99 wrote: post #67

Earlier quoted context omitted.

> I like the sausage link concept because it clearly labels options with text. 100%. I'm kinda surprised how the 3 lines hamburger menu got so prevalent in the first place, because it always user tests poorly. My guess is that when flat minimalism (my favorite shitty example of this is when Android expected everyone to know what a flat square, circle and triangle are supposed to mean) was the rage, even though user t…

> flat minimalism "Modern" design is so opposed to any skeuomorphism that every item on the screen has been totally drained of color and detail. So many UIs are frustrating to use because everything is an abstract monochrome glyph. The extreme of fashion over function we're suffering right now is mind-boggling. In the early 2000's we had books like Steve Krug's "Don't Make Me Think"; but now, for some reason, decades…

If I didn't experience as much instability as I did last time I used it, I would daily drive Enlightenment as a WM for this reason.

Beautiful skeuomorphic controls, while also being lightweight and running quickly.

EDIT: I just went to Enlightenment's home page for the first time in a while and it's flat now ;_;

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

#193

Post by autoexec »

phist_mcgee wrote: post #179
autoexec wrote: post #123

> Zero JavaScript needed As someone who has JS disabled by default I was happy to see this and excited to see what 'sausage links' look like, but when I went to the link I was hit with a giant "CodePen requires JavaScript to render the code and preview areas in this view." Since this person has a website (this isn't a tweet or something) and feels it's "Pretty simple, eh?" to implement such a menu, _and_ already wrot…

What's wrong with having a globally shareable codepen? They run absolutely everywhere, can be updated and versioned, and executed right on the web page? I am not sure what your complaint is beyond "I don't like javascript on most websites".

How is CodePen any more "globally shareable" than a website hosted on tdarb.org? HTML and CSS run a lot closer to "absolutely everywhere" than CodePen does since javascript is an additional (and in this case wholly unnecessary) requirement.

"Zero JavaScript needed" isn't just my personal preference, it's explicitly stated as being desirable by the author. I fully expect to be That One Weird Guy who doesn't like running random code on his system from untrusted remote sources, but here the author states _himself_ that not needing javascript is preferable, so it's just a very weird choice that he decided to have the only live example be in the form a link to a third party site that requires javascript, especially after he went through the trouble of writing up a simple demo on his website but only as source when he could have also used that same code to provide a live demo of the thing being discussed. If I'm going to write a whole webpage about something, it just seems natural to display the thing being discussed on that same page when possible.

I'm not even really complaining exactly, I'm just confused as to how someone managed to line up all of those dots, but never take that last step to connect them.

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

#194

Post by charcircuit »

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…

>Tell it to the many people who have no idea what it means on a mobile device, or increasingly on desktop websites

The hamburger menu is literally used everywhere. Why should we design things for tech illiterate boomers. The most popular apps and websites use it. It's ubiquitous.

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

#195

Post by srg0 »

I have a simple usability test. Can I use it one handed on my phone while riding a bike?

Hamburger menu: sort of, if my phone is small enough. Once I reach the menu I need only o e glance and one finger tap to select an option. I can remember where the option is located. Two short taps, looking at the screen twice.

Sausage links? I won’t even try. It requires to scroll horizontally a very small area, while watching it continuously. It doesn’t allow to see all options together. It doesn’t allow to remember where each option is located.

IMO sausage links is a dark pattern to hide menu options. It requires a very complex interaction just to see all available options.

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

#196

Post by throwawayben »

astura wrote: post #170
throwawayben wrote: post #83

Earlier quoted context omitted.

The soft buttons on Android: https://i.stack.imgur.com/YKCPp.png

Where is this from? Some sort of skin? I don't have a square at all on my Android phone, a Google Pixel (which I assume is "base" Android). You see recent apps by sliding up. Also the triangle is only an arrow on my phone and the circle is an oval.

It's configurable in Android settings. I think you must have "2 button navigation" option selected? The default is (or used to be) 3 button and looks like the screenshot above, as far as I'm aware

https://icdn.digitaltrends.com/image/digitaltrends/android-1...

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

#197

Post by dingdingdang »

dhosek wrote: post #172
not2b wrote: post #156

Earlier quoted context omitted.

Remember when the way to eject a floppy or other removable disk on a Mac was to drag its icon to the trash? That was weird.

With OS X (maybe even OS 9?) the interaction was changed so that when you dragged a disk to the trash can icon, the icon changed to an eject icon (⏏), but it seems that this has been removed at some point in the last 18 years since when I went to check it, it doesn't happen anymore. On the other hand, the disk icon now has an eject button next to it in at least some Finder views.

Exactly, wave goodbye to any attempt at user consistency. Same with Win10, it launched 7 years ago and they still haven't made the the new UI standard. Try changing user passwords or system sounds or..etc. In all honesty find Linux Mint with XFCE far less mental grind than either of the predominant platforms. It has a rough edge here and there but that's it - things in general stay in place. As a result I dedicate more time to end result of my computing rather than the medium.

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

#198

Post by reaperducer »

earth_walker wrote: post #168
reaperducer wrote: post #78

Earlier quoted context omitted.

The problem isn't the mechanics of the hamburger menu, it's that we use an icon to represent it. I've never seen a case where space was so scarce that the icon couldn't be replaced by the word "Menu." Perhaps there is some issue with internationalization, but I've been to restaurants in 30+ countries, and "Menu" seems to be pretty universally-used word.

"Menu" is so overdone. How about we call it "Start"?

Hamburgers are unhealthy anyway. We could just replace the burger icon with a piece of fruit. Perhaps an apple?

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

#199

Post by ftio »

slimsag wrote: post #62
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…

I love this type of highly-opinionated design thoughts. At work we have a pretty complex UI that seems a little bit inescapable to me (hard to keep legible due to complexity, etc.) Could I get you to critique it? https://sourcegraph.com/search https://sourcegraph.com/search?q=context:global+errorf&patte...

It's easy to respond with general opinions to a general article like this. It's a lot harder to comment on a specific design without an understanding of the business/product goals the design is trying to achieve.

However.

My totally irrelevant opinion on Sourcegraph is that it does a really good job of balancing high information density (which I love) with comprehensibility.

Of course I don't love the hamburger menu, but if it works for your users, great. The top-level menu items are few and seem well-differentiated, although I haven't dug in too deeply. I think you could probably do an iOS-style tab bar, but I know they don't always work too well on the web, and it might eat into your vertical real estate. No hamburger on desktop, which is nice.

Where it shines is in the filters, which are tremendous. Really, really easy to understand, and the response time when you click one is very fast.

Love the contrast, colors are pleasing. Spinny logo is cute and fun.

OK, now ignore all of that and listen to your users instead. :)

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

#200

Post by dkonofalski »

underwater wrote: post #146
dkonofalski wrote: post #121

Earlier quoted context omitted.

I think you're either unaware or ignoring that, in both of those cases, there was precedent that people were already familiar with when those icons came out. Pause, play, and stop, for example, were found on nearly any media/cassette/tape player and served as simple indicators of the direction the tape/spool was going. The arrow to left meant the reel was spinning backwards because the tape moved to the left, the squ…

The hamburger menu represents a list of items. It's symbolic, but at least a direct representation of the outcome the user wants. The play and stop icons were icons that describe an operation of a machine that will then indirectly produce the outcome the user wants. They require the user to know how the machine functions. No one thinks "I would like the tape to move to the right" or "I would like the music to stop, w…

>They require the user to know how the machine functions.

No, they don't. That's why they worked so well and was my entire point. All people needed to know was that they wanted to go forward, backward, or stop movement in whatever music or video was playing and that's a clear metaphorical and symbolical link. Someone with no knowledge of the function could walk up to a tape recorder and infer what the symbols meant in relation to what was happening.

The hamburger menu is not even intuitively a list and there's no connection that a user presented with it would recognize it as a call for a menu/list. There are plenty of user studies that confirm this.

Post reply on HN