citizenos / citizenos-fe

5 stars 3 forks source link

Voting: In 'start topic voting' message missing re missing voting question #834

Open BeccaMelhuish opened 8 months ago

BeccaMelhuish commented 8 months ago

Kind of a bug, kind of UX insight:

Here, in Step 3 of 'Start voting topic' pop-up there should be a message where I've marked yellow that 'You have not yet defined a voting question (Step 2)'. (Should it be in a red box or something @kevincrepin, to show it is a specific message to them not just general instructions? Or do you have other suggestions for what to do here?)

image

The lack of this message caused an issue in a UX test, as the 'Voting question' bit with no voting question underneath means it looks like a heading for the section if you are at Step 3 without having filled in Step 2. (Which is what happened, someone filling it in a very non-linear way).

ilmartyrk commented 8 months ago

@BeccaMelhuish disabled the button if fields are not filled

BeccaMelhuish commented 8 months ago

Ah thanks but you can still get to Step 3 via the tabs, and also people like to check all the steps to understand what's ahead, so I think that won't help :)

So for these empty bits:

image

In each case there needs to be a little message that can go there until there is a voting question/system added, or until the so that it never looks like this above, but always either has a voting question / 'Define voting answers' boxes under it or has a message under it e.g.: 'Please define question in Step 2.' 'Please select voting system in Step 2.'

Maybe @kevincrepin can help with a design for this, or they can just be in italic text? Or red text?

ssin1901 commented 8 months ago

@ilmartyrk button only for Step 2 and Step 3 (screenshot1, screenshot2) but Step 4 without a voting question has an enabled button (screenshot2). Step 4 button should also be disabled.

Screenshot 2024-03-03 at 22 07 43 Screenshot 2024-03-03 at 22 09 28 Screenshot 2024-03-03 at 22 07 50
ssin1901 commented 7 months ago

Currently fixed has not been implemented (See screenshot). Moving it out of the testing column because it is not in the in progress column.

BeccaMelhuish commented 2 months ago

Coming back to this now with a fresh insight support that the current system isn't working.

In an informal user test with a team member, the buttons being greyed out weren't a clear indicator of what the problem was. She didn't realise it was because she hadn't selected a voting system. So she just assumed it was a bug and gave up. This backs up my previous feelings on this solution, based on what I saw in previous user tests too.

Here's what I would suggest:

  1. We mark all compulsory fields with the red asterisk (they are currently missing).

  2. We don't grey out the buttons.

  3. If someone clicks on one of the 'Continue' buttons, without having filled out a compulsory field in the tab they are currently in, they get a notification telling them to fill out the missing field:

"Please add a voting question" "Please select a voting system"

The relevant field(s) should go red, with the red text underneath image

I.e. Just like we do here:

image

  1. If they get to step 3 without having added either a voting question or vote answers. Here in red there should be a message saying:

"Voting question missing. Please go back to Step 2." "Vote answers missing. Please go back to Step 2."

image

  1. Same as the above, if they get to Step 4 without filling them out:

image

  1. If they still manage to get to here and click on the button (pretty unlikely, but just in case) with any of the fields missing, they can get a generic error (the same regardless of what is missing).

Oops, something's missing! Please fill out all compulsory fields (marked with a red asterisk).

image