[Task] Usability issues and bugs found during test-o-rama

[KafkaNoNeko]

Is this related to a problem? Please describe.

Usability issues found during test-o-rama.

• [x] Create exam with custom bubble sheet - We might want to make it clearer that creating custom bubble sheets is optional.
• [x] (Maybe will not be fixed) make sure that the numbering for the bubbles on the dispute page are aligned.
• [x] Dispute grade page - switch the 'edit' and PDF buttons to text. Users were confused as to what they were.
• [x] Add a home button
• [x] ~Move the 'back' button to the left (need)~
• [x] The 'back' button should be consistently on every page
• [x] ~Center the calendar component (add semester in admin view)~
• [x] ~Make it not possible to select invalid dates instead of adding validation later. (add semester in admin view)~
• [x] ~Might need to find a way to make the hide/release grades button more obvious~
• [x] ~Change the colour of the text of the navbar -the grey colour makes people think that it is not clickable~
• [x] ~Have a 'loading' animation in case loading pages takes a while (visual feedback for the user)~
• [x] Make finding graded exams more intuitive.
• [x] Have the answer key and (editable) bubbles side-by-side
• [x] course settings button doesn't work on the instructor view submission page
• [x] ~back button on instructor view submission page is jumping back 2 pages instead of 1~
• [x] ~student submission bubblesheet view is letting students edit the grade~ <- WIP feature, not valid
• [x] bubblesheet frontend UI not intuitive - prefers a save button instead of hitting enter to save
• [x] ~Numbering of table elements - we are currently using the primary key id from the database, but from a user perspective, the numbers are expected to be sequential without any gaps. (Maybe won't fix)~
• [ ] Danger zones - prompt for user confirmation to prevent accidental deletion/archiving
• [x] Change the "grade overview" phrasing
• [x] ~Shift create course button to the left~
• [x] Add instructions/tooltips to fill out the bubbles or provide the answer key
• [x] Add a modal or pop up to let the instructors know that the answer key is downloading / Some notification system or make it intuitive to let the instructor know that the bubble sheet is already generated
• [ ] The system should keep track of created bubble sheets
• [x] For hiding/releasing exams, use an eyeball icon instead
• [ ] ~more color contrast for buttons that are more oftenly used then the others~

To be added to FAQ:

• [x] Process for creating custom bubble sheets - make it clearer that those are optional and that they are decoupled from the exams. Also clarify the "min-max" text meaning.
• [x] Explain how to find a graded exam. (User should not go to "my exam" tab)

[d3li0n]

• Move the 'back' button to the left (need) <- Won't fix
• Center the calendar component (add semester in admin view) <- Won't fix
• Might need to find a way to make the hide/release grades button more obvious <- Won't fix
• Change the colour of the text of the navbar -the grey colour makes people think that it is not clickable <- Won't fix
• Have a 'loading' animation in case loading pages takes a while (visual feedback for the user) <- Haven't had an issue where it takes too long. Won't fix
• back button on instructor view submission page is jumping back 2 pages instead of 1 <- Won't fix. It's intentional
• student submission bubblesheet view is letting students edit the grade <- Need more details. I cannot reproduce this

[ishikaubc]

Bowen Hui's feedback - She would like to have a side by side view to see what the actual answer key is and what the student marksheet is to verify their answers Grade overview is a little confusing since it's catering to only low (statistics) ex - low = 50 Create course button is too far (maybe shift to the left) instructions/tooltips to fill out the bubbles or provide the answer key Add a modal or pop up to let the instructors know that the answer key is downloading Some notification or make it intuitive to let the instructor know that the bubble sheet is already generated As a user system should keep track of created bubble sheets

[ishikaubc]

how to find a graded exam step is already added to FAQ

[KafkaNoNeko]

* student submission bubblesheet view is letting students edit the grade <- Need more details. I cannot reproduce this

@BennettChang Could you please explain?

[d3li0n]

• Numbering of table elements - we are currently using the primary key id from the database, but from a user perspective, the numbers are expected to be sequential without any gaps. (Maybe won't fix) <- won't fix

[BennettChang]

this only exists on Dima's branch right now where he edited the toggleBubbleSheet component to have text too. @KafkaNoNeko

[d3li0n]

• The system should keep track of created bubble sheets <- Won't do, intentional design

[d3li0n]

bubblesheet frontend UI not intuitive - prefers a save button instead of hitting enter to save - Slightly a better version. Whenever input change - exam grade changes