-

Note: You are currently viewing documentation for Moodle 3.10. Up-to-date documentation for the latest stable version of Moodle may be available here: Moodle User Interface Guidelines.

Development:Moodle User Interface Guidelines: Difference between revisions

From MoodleDocs
mNo edit summary
Line 18: Line 18:


* [[Development:Tooltip|Tooltip]]
* [[Development:Tooltip|Tooltip]]
* Links and Buttons
* [[Development:Links and Buttons|Links and Buttons


=== Interaction Styles ===
=== Interaction Styles ===

Revision as of 19:01, 8 August 2009

Note: This page is a work-in-progress. Feedback and suggested improvements are welcome. Please join the discussion on moodle.org or use the page comments.

The greatest risk of this effort is that developers may not find it when they need it, while designing parts of Moodle. Please help: look at what is here already now, and comment: How could it serve your development work better? What aspects of user interface design would you need clear guidelines on? If there is any reason you feel you can not benefit from the guidelines, please tell me about it in the developer forum thread. See also: Introduction



Moodle basics

Moodle UI library

UIs are built of Elements and Interaction Styles (bigger wholes, which are built of Elements).

Elements

  • Tooltip
  • [[Development:Links and Buttons|Links and Buttons

Interaction Styles

General design guidelines

Relevant guidelines from other sites

Missing guidelines

Unwritten guidelines

  • Building blocks
    • Course Format
    • Block (not a technical guide but a guideline how what to take into account when using a block as a part of a design)
    • Filter
    • Module (not a technical guide but a guideline how what to take into account when using a module as a part of a design)
  • Dialog
  • Popup Window

Guidelines that require further research/discussion

These are plans to create new interaction styles, switch existing conventions for more usable ones, or issues that are still unclear and need to be further discussed to become actual guidelines.

Development:Major usability issues in Moodle (separate design projects)

  • Switch Button
  • Add element
  • Jump Navigation
  • Move Element (Course front page model vs. quiz)
  • Quick Inline Help ([1] for now)
  • Further research required: Search
  • Further research required: Editing modes
  • Further research required: Data Listing
  • Waiting for developments of Navigation 2.0: Tabs
  • Command Popup Menu

See also

Using Moodle book

About writing these guidelines

Usability in Moodle

Implementation advice

Todo