damus-io / damus

iOS nostr client
GNU General Public License v3.0
1.96k stars 289 forks source link

Critically examine action bar #2029

Open alltheseas opened 4 months ago

alltheseas commented 4 months ago

https://damus.io/nevent1qqsvrwv430mdl0yq0x0cdrwxk6dh82kytttx6ya92hakxupcuyw8cacpz4mhxue69uhk2er9dchxummnw3ezumrpdejqzyrhwden5te0dehhxarj9emkjmn9qy28wumn8ghj7un9d3shjtnyv9kh2uewd9hszrthwden5te0dehhxtnvdakqxwa5g4

image

alltheseas commented 4 months ago

@robagreda @ericholguin this one might be interesting for our upcoming design sprints post Madeira 👀

robagreda commented 4 months ago

Yeah, true @alltheseas we will tackle that one post Madeira!

karnagebitcoin commented 3 months ago

I could be mistaken, but I think the reason we see an action bar on every notes is because it's easier to tap without long holding every time. In a chat app, you don't usually react to the same person a lot. You may like a photo or indicate that you've read a note with a thumbs up or something, but you're reacting to the same person and don't need to constantly do it.

In a social app, every note is a new person and you would be perfectly fine to react to everyone or a lot of the notes you see. Needing to long tap every time and reacting would probably add a lot of friction and likely reduce engagement. At least that's my theory. Happy to be wrong!

jb55 commented 3 months ago

On Thu, Apr 04, 2024 at 02:59:37AM GMT, Karnage wrote:

long tap every time and reacting would probably add a lot of friction and likely reduce engagement.

Thats probably true. I rarely do our current long press actions, like custom zaps or custom reactions.

alltheseas commented 3 months ago

The upside of hiding action menu is that vertical real estate is increased by 5-10%

image

alltheseas commented 3 months ago

Now that I write this I seem to recall browsers have "viewer mode", which remove all the interactive distractions

alltheseas commented 3 months ago

image

image

jb55 commented 3 months ago

one thing I quickly experimented with on notedeck is vertical action buttons, this would fix the vertical real-estate issue and would keep the buttons around. thoughts?

In the meantime we can start to scale down PFPs, reduce padding, reduce default text size.

alltheseas commented 3 months ago

one thing I quickly experimented with on notedeck is vertical action buttons

A conflict that arises from scrolling as a right handed person is accidentally tapping on actions near the right thumb area: 1) accidental note ellipsis menu mute thread 2) accidental note ellipsis menu mute user 3) accidental zap

alltheseas commented 3 months ago

Maybe for right handed folks action bar is on left side, and vice versa?

robagreda commented 3 months ago

Are we looking to have something like reddit action bar(something really small) or even instagram action bar is perceived as small... I am not a huge fan of long press to take actions on a note, but double tap could work as a zap action.

jb55 commented 3 months ago

On Thu, Apr 04, 2024 at 10:15:30AM GMT, Roberto wrote:

Are we looking to have something like reddit action bar(something really small) or even instagram action bar is perceived as small... I am not a huge fan of long press to take actions on a note, but double tap could work as a zap action.

could also do swipe like in mail app

karnagebitcoin commented 3 months ago

The upside of hiding action menu is that vertical real estate is increased by 5-10%

There's another way to increase real estate quite a bit, see this demo (set your browser agent to phone): https://playground-8ca0bb.webflow.io/scroll

alltheseas commented 3 months ago

The upside of hiding action menu is that vertical real estate is increased by 5-10%

There's another way to increase real estate quite a bit, see this demo (set your browser agent to phone): https://playground-8ca0bb.webflow.io/scroll

this one?

https://github.com/damus-io/damus/issues/1825