The Ux here looks really nice, and I felt like I'd seen it before. It's a bit like a 2020s interpretation of the webOS Wave Launcher. ( https://youtu.be/dcyJLaK4YBI?t=46 if you'd never seen it).
Chonky Menu Re-Creation
11–20 of 97 posts
Re: Chonky Menu Re-Creation
#12Doesn't work for me on Android. Tried Edge, Crome and FF. The moment I move my finger the page scrolls and the menu collapses.
Are you holding and dragging? Or do you release and try to tap? The menu works as intended for me on iOS but I don’t use Android. I tap and hold, then drag without releasing.
No luck on Android here either
Re: Chonky Menu Re-Creation
#13This 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 rapidly engrained themselves as the easiest to understand for users. I'd love to see this demo with that in mind.
Re: Chonky Menu Re-Creation
#14Does not work on Android.
Re: Chonky Menu Re-Creation
#15When you click on an item and move your cursor to the top or bottom of the visible bubble, the mouse instead selects the item next to it. I'd consider an item whose selection box is smaller than the visual outline to be a bug. It's also jarring to have items "running away" from the mouse cursor.
Re: Chonky Menu Re-Creation
#16This 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 are down). Poof, you just got yourself a whole touchpad's worth of additional height.
They've worked like this forever, and since I pretty much only use a touchpad, movement like this is pretty second-nature for me.
Re: Chonky Menu Re-Creation
#17IMHO it seems to me overly complicated. Also it doesn't work on mobile / tablet Android. you can display the menu but once you release the button it dissapear
> you can display the menu but once you release the button it dissapear If you look at the inspiration from twitter (linked at the top of the post) you'll see that is by design.
For me it doesn't work on Chrome android.
As soon as I want to select something and move my finger slightly, the menu disappears, although I am still with my finger on the button
Re: Chonky Menu Re-Creation
#18Doesn't work for me on Android. Tried Edge, Crome and FF. The moment I move my finger the page scrolls and the menu collapses.
Are you holding and dragging? Or do you release and try to tap? The menu works as intended for me on iOS but I don’t use Android. I tap and hold, then drag without releasing.
On Android the menu disappears a soon as I move my finger on the button even without leaving the button.
Re: Chonky Menu Re-Creation
#19I've done a lot of work with gestural/interactive motion like this.
One area that people tend to make naive mistakes in motion design is directly driving the playhead with something like drag distance. For instance, if you drag down on the home screen of Android, stop, and hold; you can see the transparency of the homescreen icons and of the Quick Settings tiles are both controlled by how far you've dragged. The opacity of those icons is determined by your arbitrary drag distance, instead of something more meaningful (like which direction the transition will animate when you let go).
One of the nice aspects of this menu is that it's always clear which item is active. You can't drag to an indeterminant state between two items.
Re: Chonky Menu Re-Creation
#20Awesome tutorial demonstrating how to build really polished UIs in JavaScript — just requires a little know-how
And iOS as it seems not to work on Chrome on Android.