ecoacoustics / web-components

https://oe-web-components.netlify.app/
MIT License
1 stars 0 forks source link

Help dialog should use animations to show how to use the verification grid #107

Open hudson-newey opened 3 months ago

hudson-newey commented 3 months ago

The help dialog isn't very useful in its current state as it requires the user to understand the layout of the interface, and the task that they are supposed to be doing.

We have previously tried to solve this problem by adding some information paragraphs at the top of the help dialog. However, during user testing, we have found that most users (understandably) skip over this large clump of text.


We should therefore improve the verification grids help dialog by showing SVG animations on how to use the verification grid.

The animations should be different for verification and classification tasks.

The animations should be simple, low fidelity renders of the verification grid.

atruskie commented 3 months ago

We should use a common bootstrapping paradigm: i.e. slides with a dots at the bottom

Break up the current information into a couple of slides:

  1. Your task is to [verify | classify] segments - with a diagram
  2. No selection guide
  3. Selecting with mouse (rectangle drag, shift click, ctrl clicks)
  4. keyboard short cuts
  5. Configuration options and how you can find this window again