Product Design

buoy

/buoy is my most used Farcaster client—just shared this prototype with @pfista on being able to drag to hide and expand the search UI.

There's already a button for it (filter), does that make the drag to hide redundant? Or is it a natural expectation?

𝓵𝓲𝓿𝓲𝓷𝓰 𝓽𝓱𝓮 𝓮𝓷𝓭𝓵𝓮𝓼𝓼 𝓼𝓾𝓶𝓶𝓮𝓻 • building @buoy 🛟 • pfista.com

/product-design | startup advisor | casting in /meesh | prev. @ reddit, okta (personal), lilblockparty.wtf, common.xyz, etc.

Anytime, and thanks for being so open to the feedback! Appreciate all the work y'all are doing with /buoy 💜

I personally like this idea and is an expectation of mine to have bottom drawers respond to drag gestures

Thanks for sharing the feedback!

Should be able to drag from anywhere—one example of the interaction is the (literal 😉 *designer joke) actions sheet on Warpcast. There are buttons but only a direct tap triggers the action for the next state, but the entire sheet can still be hidden w/drag.

In the prototype I just dragged the component from the right side because recording and right handed lol, my bad.

Only question would be, there are multiple scrollable components on the screen (the search results), as well as the filter button list. So the only draggable part to move the drawer would be to drag exactly where the prototype shows. Couldn't really drag above it (because that would scroll search results) and cant drag in the filter button body, since that is also already scrollable.