31–40 of 208 posts
The text on these sausage links makes the buttons quite visible and readable, but I find these joined buttons to be most helpful when one is always active and the options are mutually exclusive. For example, at the bottom the zoom buttons (1x, 0.5x, 0.25x) do this very well. One is always highlighted so it's very easy to understand the current state and to pick a different state.
I'd argue this works less well in the top-left buttons (HTML, SCSS) because there is a hidden behavior that collapse and expands the sidebar. It's clever, but I didn't expect the bar to open, nor did I expect it to close when I tapped it a second time. It workes pretty well in this website preview example because html/css feels like good use of the side panel, but I'd argue most hamburger buttons hide much more rarely used views like logout, account and privacy settings, payment options, etc, so not sure the sausage links can replace all these, but an interesting thought experiment.
I'm not even sure how I would horizontally scroll with a mouse (I seem to remember something about hold middle clicking and dragging).
Why not just have all the links in multiple rows or have a few subcategories + expand and navigate through the list of links?
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…
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…
And it’s hard to describe icons to someone else on the phone. I‘m not sure if Word is still the mess it used to be, but this kind of interface design can be really hard to understand and learn. Currently for me this is Blender. The software is complex, the interface mirrors this, but if you’re new to it, this is really hard to learn.
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?
Edit: Oh yeah, and horizontal scrolling interacts unpredicatably with horizontal gestures on mobile. E.g. forward/back in iOS Safari.