Moodle User Interface Guidelines: Difference between revisions
From MoodleDocs
No edit summary |
m (The parts I am pretty sure I will include) |
||
| Line 6: | Line 6: | ||
== User Interface Guidelines == | == User Interface Guidelines == | ||
===Moodle basics=== | |||
* Hierarchy of a Moodle site | |||
* Page types and structure | |||
===Moodle UI library=== | ===Moodle UI library=== | ||
==== Elements ==== | |||
* [[Big Select List|Big Select List]] | * [[Big Select List|Big Select List]] | ||
* Search | * Hierarchy Browse List | ||
* | * Tab | ||
* Data listing | |||
* Tooltip | |||
* Jump Navigation | |||
* Command Popup Menu | |||
* Dialog | |||
* Switch | |||
* Links and Buttons | |||
==== Interaction styles ==== | |||
* Wizard | |||
* Form (will be covered in some way but may be divided in smaller pieces) | |||
* Search (will be covered in some way but may be divided in smaller pieces) | |||
* Editing modes (will be covered in some way but may be divided in smaller pieces) | |||
* Help | |||
==== Proposed ==== | ==== Proposed ==== | ||
| Line 17: | Line 35: | ||
* [[Progressive Disclosure|Progressive Disclosure]] | * [[Progressive Disclosure|Progressive Disclosure]] | ||
* [[User Data Always (Always) Safe|User Data Always (Always) Safe]] | * [[User Data Always (Always) Safe|User Data Always (Always) Safe]] | ||
* Feedback | |||
== See also == | == See also == | ||
Revision as of 13:50, 6 July 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 might not use the guidelines, please tell me about it in the developer forum thread. See also: Introduction
About these guidelines
User Interface Guidelines
Moodle basics
- Hierarchy of a Moodle site
- Page types and structure
Moodle UI library
Elements
- Big Select List
- Hierarchy Browse List
- Tab
- Data listing
- Tooltip
- Jump Navigation
- Command Popup Menu
- Dialog
- Switch
- Links and Buttons
Interaction styles
- Wizard
- Form (will be covered in some way but may be divided in smaller pieces)
- Search (will be covered in some way but may be divided in smaller pieces)
- Editing modes (will be covered in some way but may be divided in smaller pieces)
- Help
Proposed
- Quick Inline Help ([1] for now)
General design guidelines
See also
Implementation advice
- Developer documentation
- UI coding: Interface_guidelines
Todo
- Problem-Solution Summary Table (TODO: See [2])
- Glossary
