Moodle

Backup UI design issues

Details

  • Type: Bug Bug
  • Status: Open Open
  • Priority: Major Major
  • Resolution: Unresolved
  • Affects Version/s: 1.9.5, 2.0
  • Fix Version/s: None
  • Component/s: Backup, Usability
  • Labels:
    None
  • Difficulty:
    Moderate
  • Affected Branches:
    MOODLE_19_STABLE, MOODLE_20_STABLE

Description

re: discussion with Eloy about the new course backup features planned to Moodle 2.0 on August 10th, 2009

The issues with backup can be described using three Moodle UI guidelines:

1. Wizard - http://docs.moodle.org/en/Development:Wizard
Lack of basic Wizard controls: users are not aware of how many steps there are left, nor of whether they can go back if they make a mistake. The Back button does not always preserve form data in browsers.

  • A separate issue is that although wizards should otherwise have Previous/Next buttons as in the prototypem, the button to actually start the backup process should be labeled with an action verb: "Start Backup" so that users are aware that this is the point of no return and there are no further data gathering/confirmation screens.

2. Visual hierarchy - http://docs.moodle.org/en/Development:Major_usability_issues_in_Moodle#Visual_hierarchy
In the Moodle 1.9 implementation, UI elements were grouped such that it was hard to instantly recognize what was related to what. The visual hierarchy has been improved in the prototype, also taking into account the new wizard controls.

3. Feedback - http://docs.moodle.org/en/Development:Feedback_%28User_Interface_Guideline%29

  • Backup is potentially a long process, and the user should be given feedback about the fact that the work is still continuing to help users trust the application has not hung, for example. A progress bar would be great to display users roughly the amount of work left. I assume using MDL-18224 may solve this though I have not seen it in action.
  • The lack of wizard controls means users don't get the necessary feedback of their progress in the process

Issue Links

Activity

Hide
Olli Savolainen added a comment -

Eloy, if you wish, I could create subtasks and implement point number 2. this week as a patch, but that is currently prevented by the fact that backup is completely broken in HEAD right now.

Show
Olli Savolainen added a comment - Eloy, if you wish, I could create subtasks and implement point number 2. this week as a patch, but that is currently prevented by the fact that backup is completely broken in HEAD right now.
Hide
Olli Savolainen added a comment -

Added UI Mockup: <2009-08-10 20:30 mockup for the backup wizard>

Show
Olli Savolainen added a comment - Added UI Mockup: <2009-08-10 20:30 mockup for the backup wizard>
Hide
Olli Savolainen added a comment -

As described here, http://docs.moodle.org/en/Development:Wizard_Examples_and_Code_Samples PEAR Quickform_Controller is recommended for the implementation as a wizard - this should of course make it into Moodle libraries so that all wizards would look similar. If needed, I have a sample implementation of a wizard using QuickForm_Controller, though outside Moodle.
http://pear.php.net/package/HTML_QuickForm_Controller

Show
Olli Savolainen added a comment - As described here, http://docs.moodle.org/en/Development:Wizard_Examples_and_Code_Samples PEAR Quickform_Controller is recommended for the implementation as a wizard - this should of course make it into Moodle libraries so that all wizards would look similar. If needed, I have a sample implementation of a wizard using QuickForm_Controller, though outside Moodle. http://pear.php.net/package/HTML_QuickForm_Controller
Hide
Minh-Tam Nguyen added a comment -

In the hopes that attaching pictures of how it looks in 2.1 will lead to some consistency...

In 2.1, when creating a backup of a course, the buttons are in the order Next, Previous, then Cancel, all very close together.

When restoring a backup, Cancel is on the far left, Next is on the far right.

When publishing to a hub (although still an edge case), the buttons are close together, with Next on the left of Cancel.

None of these really look like the mockup posted in 2009 above

Show
Minh-Tam Nguyen added a comment - In the hopes that attaching pictures of how it looks in 2.1 will lead to some consistency... In 2.1, when creating a backup of a course, the buttons are in the order Next, Previous, then Cancel, all very close together. When restoring a backup, Cancel is on the far left, Next is on the far right. When publishing to a hub (although still an edge case), the buttons are close together, with Next on the left of Cancel. None of these really look like the mockup posted in 2009 above
Hide
Olli Savolainen added a comment -

Ouch. +1 for strenghtening quality assurance processes also for such usability issues. (Consistency tests, usability/user tests)

Thanks Minh-Tam Nguyen for pointing this out!

Show
Olli Savolainen added a comment - Ouch. +1 for strenghtening quality assurance processes also for such usability issues. (Consistency tests, usability/user tests) Thanks Minh-Tam Nguyen for pointing this out!

People

Vote (1)
Watch (0)

Dates

  • Created:
    Updated: