animal-locator-drone / dogfinder-app

frontend app for the animal locator drone.
MIT License
0 stars 0 forks source link

Dog Selector is not user Friendly #9

Open Specioushawks8 opened 4 months ago

Specioushawks8 commented 4 months ago

I have found an issue with the dog selector portion of the website. There are no instructions that list what to do exactly.

The current operation works like this:

  1. Click the right picture when you spot the dog that you are missing.
  2. The left picture will show the same photo you just clicked and have a prompt below that picture below to confirm that this is the missing dog.

We need to make some changes to at least print out instructions on how to use the system( this might not look good on the UI ). Or we need to have a system like a scroll bar to list the dogs the drone found. Something obvious that depicts you need to click the picture of the dog you want.

viteOutput
RustyRaptor commented 4 months ago

Thank you for pointing this out. Do you have any suggested solutions. here's an idea.

  1. Add a colored border to each image of the dog. (grey=unselected, blue=selected)
  2. Add a radio button in the corner of each image that is bright and visible to indicate which is selected and to also indicate that you need to select one. https://en.wikipedia.org/wiki/Radio_button
  3. Completely hide the left side until a dog is selected. This way the user's focus starts on the dog selector.
  4. Add text at the top of the selector saying "Please select a dog" or something similar.
RustyRaptor commented 3 months ago

We've made some great improvements to this. The user is directly prompted now to select one and when one is selected it is visually clear which one it is. Additionally we better organized the selector and improved the layout.

RustyRaptor commented 3 months ago

Leaving this open because frankly there's still lots that can be improved.