Live data from Hacker News

Chonky Menu Re-Creation

nathanmanousos.com

71–80 of 97 posts

Re: Chonky Menu Re-Creation

#71
I scrolled straight to the bottom to try it out. I kept tapping the button and it’d appear for a split second and disappear. It took me a few tries to realize that it’s not a button and requires tap-and-drag (I’m on mobile). I suspect I’m not the only one that would have this issue.

I haven’t seen this kind of “non-button button” before. Is this a common UX choice?

Re: Chonky Menu Re-Creation

#72
This is rad! I tend to find animation and motion design daunting; the step-by-step construction of the menu really helped me understand how something like this can be put together. Thanks for making this!

Re: Chonky Menu Re-Creation

#73
I absolutely love this UI. Shame we don't see more of it. :) The only thing I'd change is the click and drag part of it. I would just have it pop up on click then wait for the mouse pointer to enter, or fade out after 10s.

Re: Chonky Menu Re-Creation

#75
post #24
post #13

This is great -- all the way up to the point where you have to hold and drag. The usability on a laptop goes out the window as you realize you can't accelerate past the edge of your touchpad. Getting to the top item in the menu -- maybe even the most important item -- is extremely hard. You rapidly become limited to the number of items you can have in this menu. Tap-or-swipe-to-open, and tap-or-swipe-to-close have ra…

The original menu was built for mobile, where this isn't much of an issue, my re-creation is a bit weird because I primarily interact with it on desktop, but I followed the same ideas as the original. For a desktop-specific version of this, I'd definitely allow it to persist open after a single click. Maybe I'll add that.

macOS has both. if you keep dragging after opening the menu, the mouseup will activate the menu item.

Re: Chonky Menu Re-Creation

#77

I scrolled straight to the bottom to try it out. I kept tapping the button and it’d appear for a split second and disappear. It took me a few tries to realize that it’s not a button and requires tap-and-drag (I’m on mobile). I suspect I’m not the only one that would have this issue. I haven’t seen this kind of “non-button button” before. Is this a common UX choice?

iOS has that ever since Force Touch. You could peek and either abort by releasing or pop it into existence as an overlay by pressing further until first haptic feedback (second one would navigate to instead of overlay), then move through menu entries and select an entry by releasing without lifting the finger.

It was super quick to use and I really enjoyed it, especially in Music.app e.g to quickly build listening queues from a list of tracks.

Nowadays they dialed down on that paradigm (probably because of drag and drop support mostly) but you can still find it in some places (e.g home screen icons)

I find it a bit more awkward than before though because the popping is now time-based ever since Force Touch was dropped at the hardware level.

(Damn how I liked Force Touch, the irony is I realised how much I valued it only ever since it disappeared. The force-touch anywhere on the keyboard to turn the whole screen in a caret moving surface was so much better than today's long-pressing space in subtle but very tangible ways)

Re: Chonky Menu Re-Creation

#78
Cool demo!

Re: click and drag: I love those kinds of menus (notably on macOS, the menubar works like this when you drag). It would be better however if you supported click to open as well, as this is what most users would expect.

Re: Chonky Menu Re-Creation

#79
post #16
post #13

This is great -- all the way up to the point where you have to hold and drag. The usability on a laptop goes out the window as you realize you can't accelerate past the edge of your touchpad. Getting to the top item in the menu -- maybe even the most important item -- is extremely hard. You rapidly become limited to the number of items you can have in this menu. Tap-or-swipe-to-open, and tap-or-swipe-to-close have ra…

> The usability on a laptop goes out the window as you realize you can't accelerate past the edge of your touchpad. Getting to the top item in the menu -- maybe even the most important item -- is extremely hard. You rapidly become limited to the number of items you can have in this menu. Not really. Put a second finger at the bottom of the touchpad, then release the first finger (without dragging while both fingers a…

> Put a second finger at the bottom of the touchpad

Why would you use a second finger when your thumb is already hanging out there at the bottom of the trackpad? :)

How I drag things on a trackpad (or a trackpoint for that matter) hasn't changed since the 90s. There isn't literally a button there under my thumb any more, but it makes no difference. I don't really follow the comments that this is unintuitive; most computer interaction is learned rather than intuited, and this interaction has simply not changed. Perhaps other ways of dragging were added, but they were always inferior.

Re: Chonky Menu Re-Creation

#80
The effect where the items expand and move slightly to "try to reach your cursor" – does that fill any practical purpose? Considering that the threshold for the next item is still the same, it doesn't seem like it would help you click things, only fool you into thinking that's what it does.
Post reply on HN