search

bluerobotics / cockpit

An intuitive and customizable cross-platform ground control station for remote vehicles of all types.
https://blueos.cloud/docs/extensions/cockpit/1.0/overview
Other
54 stars 20 forks source link

Improve video deletion UI #955

Closed ArturoManzoli closed 4 months ago

ArturoManzoli commented 4 months ago

Fix #951

rafaellehmkuhl commented 4 months ago

As this is only related to the interface and @ES-Alexander was the one to open the issue, I will leave the review of this one to him.

ES-Alexander commented 4 months ago

I tried this, and it works and is at least a little more intuitive than the previous behaviour, but it still doesn't feel particularly natural to me, which I think is largely because it's requiring multiple clicks, in different places.

Is it possible to hold to confirm instead? That would better match our existing confirmation mechanisms, and seems more flowy. I'm thinking ideally we could have either

  1. a circular progress bar that appears around the button (or that the button turns into) while you're holding it, and if you hold it to the end (maybe like 700ms?) then the progress bar turns green and the deletion occurs, but if you stop holding partway through it goes red and it's aborted, with the progress bar disappearing maybe a few hundred milliseconds after the button is released to make the state obvious, or
  2. an expanding bubble that "pops" when it's done (kind of like the chat emoji on messenger), or shrinks back down to the original size if it aborts

That kind of element also seems like it could be reusable, and useful for other confirmation-required actions with on-screen buttons.

We might also want a top-bar notification showing and announcing the result (e.g. "selected videos deleted" (or just a success chime, or crumpling rubbish sound), or "video deletion cancelled" (or a bee-baa cancellation noise)).

ArturoManzoli commented 4 months ago

What do you think about a middle ground of keeping the confirmation process with those red and green buttons for now? I'll improve the animation on those to draw users' attention. We can merge and see if there are users who don't adapt to it.

Is it fine for you?

I really like your idea of holding to confirm. It is elegant and minimalist, and that's something I look for in interfaces. For now, the gesture is too uncommon and to use that, we would need to establish a UX philosophy on these gestures, and the whole software should use this approach. Otherwise, people will just click on it and think it's not working.