Moodle

prepare UI mockups of grading forms

Details

  • Type: Sub-task Sub-task
  • Status: Closed Closed
  • Priority: Minor Minor
  • Resolution: Fixed
  • Affects Version/s: 2.0
  • Fix Version/s: None
  • Component/s: Workshop
  • Labels:
    None
  • Affected Branches:
    MOODLE_20_STABLE

Description

This is part of work on specification.

Activity

Ascending order - Click to sort in descending order
Hide
Permalink
David Mudrak added a comment -

Added UI Mockup: <Grading form of Accumulative grading strategy>

Show
David Mudrak added a comment - Added UI Mockup: <Grading form of Accumulative grading strategy>
Hide
Permalink
David Mudrak added a comment -

Added UI Mockup: <Grading form of Number of errors grading strategy>

Show
David Mudrak added a comment - Added UI Mockup: <Grading form of Number of errors grading strategy>
Hide
Permalink
David Mudrak added a comment -

Added UI Mockup: <Grading form of Criterial rubrics grading strategy>

Show
David Mudrak added a comment - Added UI Mockup: <Grading form of Criterial rubrics grading strategy>
Hide
Permalink
David Mudrak added a comment -

UI mockups are attached. Will be reopen in case of a huge modification.

Show
David Mudrak added a comment - UI mockups are attached. Will be reopen in case of a huge modification.
Hide
Permalink
David Mudrak added a comment -

Added UI Mockup: <Grading form of No grading strategy>

Show
David Mudrak added a comment - Added UI Mockup: <Grading form of No grading strategy>
Hide
Permalink
David Mudrak added a comment -

Added UI Mockup: <Grading form of Rubrics grading strategy>

Show
David Mudrak added a comment - Added UI Mockup: <Grading form of Rubrics grading strategy>
Hide
Permalink
David Mudrak added a comment -

Added UI Mockup: <Grading form of Error banded grading strategy>

Show
David Mudrak added a comment - Added UI Mockup: <Grading form of Error banded grading strategy>
Hide
Permalink
David Mudrak added a comment -

Renamed mockups to correspond with the spec

Show
David Mudrak added a comment - Renamed mockups to correspond with the spec
Hide
Permalink
David Mudrak added a comment -

Edited UI Mockup <Grading form of Rubrics grading strategy>: The feature of optional grade adjustment is to removeThe feature of optional grade adjustment is to remove. Sum-only aggregation.

Show
David Mudrak added a comment - Edited UI Mockup <Grading form of Rubrics grading strategy>: The feature of optional grade adjustment is to removeThe feature of optional grade adjustment is to remove. Sum-only aggregation.
Hide
Permalink
Olli Savolainen added a comment -

Hi,

The mockups look great, clean and simple for a focused task. Where are these grading forms going to be located, i.e. will there still be frames in Workshop of Moodle 2.0?

As many places in Moodle, these mockups also suffer from usage of dropdowns instead of radio buttons.

"If possible, use radio buttons rather than drop-down menus. Radio buttons are better because they make all options permanently visible so that users can easily consider them. Radio buttons are also easier to operate for users who have difficulty making precise mouse movements. (Limited space might sometimes force you to violate this guideline, but do try to keep choices visible whenever possible.) " http://www.useit.com/alertbox/20040927.html

Is there a real reason to allow teachers both options of binary choices? A single checkbox is expected usually for these types of choices, with for example "The project goal is clearly defined", as the label for the checkbox. Using radio buttons is more explicit but also probably increases scanning time of the document. See also:

http://docs.moodle.org/en/Development:Radio_button
http://docs.moodle.org/en/Development:Checkbox

(Any comments on the guidelines are welcome, as well.)

Show
Olli Savolainen added a comment - Hi, The mockups look great, clean and simple for a focused task. Where are these grading forms going to be located, i.e. will there still be frames in Workshop of Moodle 2.0? As many places in Moodle, these mockups also suffer from usage of dropdowns instead of radio buttons. "If possible, use radio buttons rather than drop-down menus. Radio buttons are better because they make all options permanently visible so that users can easily consider them. Radio buttons are also easier to operate for users who have difficulty making precise mouse movements. (Limited space might sometimes force you to violate this guideline, but do try to keep choices visible whenever possible.) " http://www.useit.com/alertbox/20040927.html Is there a real reason to allow teachers both options of binary choices? A single checkbox is expected usually for these types of choices, with for example "The project goal is clearly defined", as the label for the checkbox. Using radio buttons is more explicit but also probably increases scanning time of the document. See also: http://docs.moodle.org/en/Development:Radio_button http://docs.moodle.org/en/Development:Checkbox (Any comments on the guidelines are welcome, as well.)
Hide
Permalink
Olli Savolainen added a comment -

Haha I seem to have been commenting on what's completed already Will take a look at what you have actually implemented, too.

Show
Olli Savolainen added a comment - Haha I seem to have been commenting on what's completed already Will take a look at what you have actually implemented, too.
Hide
Permalink
David Mudrak added a comment -

Olli, thanks for considering this!

"will there still be frames in Workshop of Moodle 2.0?"

Are you kidding me? No, really, no frames at all

Add radio instead of dropdowns: See http://moodle.org/mod/forum/discuss.php?d=130085 - where binary selection is expected, workshop assessment forms use radios. Where points/scale is used, dropdown is rendered as the scale and the point range may become quite long.

Congrats on your GSoC, btw!

Show
David Mudrak added a comment - Olli, thanks for considering this! "will there still be frames in Workshop of Moodle 2.0?" Are you kidding me? No, really, no frames at all Add radio instead of dropdowns: See http://moodle.org/mod/forum/discuss.php?d=130085 - where binary selection is expected, workshop assessment forms use radios. Where points/scale is used, dropdown is rendered as the scale and the point range may become quite long. Congrats on your GSoC, btw!
Hide
Permalink
Olli Savolainen added a comment - - edited

How many points in the range are we realistically talking about?

  • If it is less than ten integer options, radios work best.
  • If it is more than ten, it is probably best expressed as an integer in a text input field (validated as an integer) anyway, since searching for it in a big list becomes more work than just typing the number anyway.

If the options are verbal, it probably does not make sense to have more than ten options anyway and a radio button is by far the clearest option for presenting the options.

I would say the situation where a dropdown is really needed is an extreme one, since the accessibility issues of dropdowns are serious to especially people with motor disorders. In addition, when there are so many items in a drop down that there is a scroll bar, the usability and accessibility get even worse, so something that does not disappear if users click just some pixels to the right/left of the scroll bar would really be needed, so most of the time in even the extreme cases list boxes win over dropdowns.

Show
Olli Savolainen added a comment - - edited How many points in the range are we realistically talking about?
  • If it is less than ten integer options, radios work best.
  • If it is more than ten, it is probably best expressed as an integer in a text input field (validated as an integer) anyway, since searching for it in a big list becomes more work than just typing the number anyway.
If the options are verbal, it probably does not make sense to have more than ten options anyway and a radio button is by far the clearest option for presenting the options. I would say the situation where a dropdown is really needed is an extreme one, since the accessibility issues of dropdowns are serious to especially people with motor disorders. In addition, when there are so many items in a drop down that there is a scroll bar, the usability and accessibility get even worse, so something that does not disappear if users click just some pixels to the right/left of the scroll bar would really be needed, so most of the time in even the extreme cases list boxes win over dropdowns.
Hide
Permalink
David Mudrak added a comment -

Thanks for these valuable comments, Olli. I think I start to like what you say. I remember significiant lot of cases when a poor user chosen a selection in the dropdown (yes, their readibility is horror if the options get longer that few words) a then, wanting to scroll down the page using the mice wheel, they actually scrolled the dropdown, still having the cursor focus.

Dropdowns in these workshop assessment forms are generated by the core element to produce a grade. It should nt be problem to write a new core component offering radios for scales and input for grades. We will need decimal grades and grades above 100, so we would have to start with this, anyway.

Show
David Mudrak added a comment - Thanks for these valuable comments, Olli. I think I start to like what you say. I remember significiant lot of cases when a poor user chosen a selection in the dropdown (yes, their readibility is horror if the options get longer that few words) a then, wanting to scroll down the page using the mice wheel, they actually scrolled the dropdown, still having the cursor focus. Dropdowns in these workshop assessment forms are generated by the core element to produce a grade. It should nt be problem to write a new core component offering radios for scales and input for grades. We will need decimal grades and grades above 100, so we would have to start with this, anyway.
Hide
Permalink
Olli Savolainen added a comment - - edited

Alright . See this discussion http://moodle.org/mod/forum/discuss.php?d=126884#p564607 for a small bit of what was previously talked about creating proper moodle library functions for checkboxes, which probably should be addressed at the same time with radio buttons.

Show
Olli Savolainen added a comment - - edited Alright . See this discussion http://moodle.org/mod/forum/discuss.php?d=126884#p564607 for a small bit of what was previously talked about creating proper moodle library functions for checkboxes, which probably should be addressed at the same time with radio buttons.

People

Vote (0)
Watch (0)

Dates

  • Created:
    Updated:
    Resolved:
Atlassian JIRA (v4.4.3#663-r165197) | Report a problem
Powered by a free Atlassian JIRA open source license for Moodle. Try JIRA - bug tracking software for your team.