search

TakaOtaku / Digimon-Card-App

Website to keep track of your Digimon Card Collection and Build Decks with it.
MIT License
29 stars 16 forks source link

UX Feedback: Collection mode hard to see #457

Closed dartanian300 closed 10 months ago

dartanian300 commented 1 year ago

This feedback refers to the card list collection mode.

When entering collection mode all cards are turned black and white. This makes it fairly difficult to find the card you're looking for (especially if the screen has multiple cards with busy art on them). Additionally, due to the +/- buttons, some card's names are covered which makes it even harder to find the card.

Perhaps instead of making cards grayscale you could drop the opacity of the cards not in the collection. That would go a long way in helping to easily find the correct card without using the search bar. If you wanted to take it a step further you could move the +/- buttons below the card so none of the card text is covered.

Another option is to add the card's number somewhere as regular text so it's easier to see than squinting at the number that's printed on the card.

Screen Shot 2023-01-03 at 10 57 23 AM-min
TakaOtaku commented 1 year ago

You could change in the setting that you don't want to show cards as grayscale. I didn't try out the opacity one yet, so I will try out how this would look like.

At the start I had the -/+ below the cards and I got quite a few messages, of people who didn't like the wasted space. Not really sure what would really be better.

Thanks for the feedback btw!

dartanian300 commented 1 year ago

Ah, didn't know about the grayscale setting. Thanks!

After using the app quite a bit more yesterday I believe the biggest issue is when you can't see the card name (rather than it being black and white). That issue is compounded for level 6/7 cards because they usually don't have inherited effects and thus their names are covered (and these are usually the busiest cards).

What if, for desktop, you hide the +/- buttons until someone hovers over the card. For the number of cards in the collection, leave that up but give the background some transparency. You may be able to read the card names in that case.

For mobile, since hovering isn't possible, you could drop the bars below the cards like you had in the past.

Now that I've got the dev environment setup I may play with this myself and see if I can come up with any solutions.

TakaOtaku commented 1 year ago

I am gonna play around with it and see if it looks good :) Gonna look forward to your solution as well :)