[Gradebook] Marking Discussions as complete/incomplete change drop-down-list to radio buttons or toggles

[CraigJ]

Problem statement:

When marking Discussions as Complete/Incomplete, you have to select the option from a Drop-Down-list, which requires more mouse movements and clicking, slowing down the marking process. You also then have to move to another part of the screen to navigate to the next student to mark. This is not a good user experience and makes something that should be quick and easy more painful.

Proposed solution:

Instead of using a Drop-Down-List use Radio Buttons or Toggles or buttons instead, so that you can immediately see the available options and single-click on the option without have to click to open list then move and click on desired option to select. To make the process even quicker, could have a button that marks as complete and moves to next. Or puts a "next student" button closer to the complete/incomplete options. Other solutions could include making keyboard shortcuts available (although some users will prefer mouse/touch to keyboard). Should be a good user experience if using mouse on computer or finger on phone etc.

User role(s):

instructor

[CraigJ]

In the meantime I created some simple JavaScript options I put in my favourites bar to mark as "complete" and move to next student:

javascript:void function(){const control = document.getElementById("grading-box-extended"); control.value = "complete";control.dispatchEvent(new Event('change'));}();

javascript:void function(){const button = document.getElementById("next-student-button"); button.click();}();