htothenan1 / min-waste

Empowering users reduce the amount of food they waste.
https://min-waste.com
6 stars 0 forks source link

Mobile interaction guidance #7

Open starryeyez024 opened 1 year ago

starryeyez024 commented 1 year ago

The double-tap is a timesaver on mobile (since drag & drop isn't doable yet), but do you think it needs instructions in the interim? I knew but was still struggling to remember what the trick was this morning, lol.

htothenan1 commented 1 year ago

Its in the instructions below, in parentheses. but totally not prominent enough, and super easy to miss. I personally hate the double tap, and cannot wait to move away from it. However, working with react dnd with a multi backend and custom options has proven super difficult for me. Maybe I just need to devote a whole day to it yuck

htothenan1 commented 1 year ago

@starryeyez024 ok so i got kinda fed up with trying to do the drag and drop. I just don't think it would ever work as well on mobile as it does for browser. instead, i'm trying some basic multi select with an add selected button as a timesaver. this way, you can bulk add items, which should speed up the UX after a grocery run! Waddaya think? Sorry for ditching the drag n drop for now

starryeyez024 commented 1 year ago

No worries!! I certainly don't want this to become a burden. :) Just in the name of resource-sharing, I thought I'd drop this link here in case you ever decide to revisit the idea in the future. https://codesandbox.io/s/drag-and-drop-trello-e2zqv?file=/src/components/TrelloBoard.js

Since this particular issue is about adding instructions for the double tap though, do you still feel like that is worth adding?

htothenan1 commented 1 year ago

Whoa, I'll take a look at the link you sent me. It seems like a pretty good implementation, and I love that its sans library. My main concern was actually the UX of drag and drop on mobile in general. As I was testing out different things, I kinda felt like it would be a little difficult to do the press down, drag, and release for each item, and have it be as easy as on browser.

I actually took out the double tap entirely, in favor of a multi-select/one click to add situation, which works the same on mobile and browser. Totally haven't figured out the final UI for it though, as you see lol

image