Moodle User Interface Guidelines: Difference between revisions

Revision as of 14:14, 22 August 2011

DRAFT DOCUMENT

Many of the pages below are incomplete or obsolete.

These guidelines were produced as part of a student project in 2009, and are not yet official Moodle guidelines.

These guidelines are to be used as a UI reference library by Moodle developers when creating user interfaces.

It does not catalogue all the elements in use in Moodle, but is intended a reference of reusable elements sharing that common Moodle style. We aim to update this reference as new common practices appear. More...

Help requested: comment on these guidelines

Moodle basics

Moodle UI library

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

Elements

Big Select List

Interaction Styles

Wizard
Help Popups (See Linking to help for now)
Feedback page
Form (incomplete)
- Radio button
- Checkbox
- Dropdown lists (incomplete)

General design guidelines

Relevant guidelines from other sites

Design Patterns Library & Code Standards by Fellowship technologies

@@ Line 2: / Line 2: @@
 <p class="note">
-NOTE: these guidelines were produced as part of a student project in 2009, and are not official Moodle guidelines.
+DRAFT DOCUMENT
+<br /><br />
-In fact, many of the pages below are currently incomplete or obsolete.  They still need a lot of work to be regarded as useful and authoritative guidelines.
+Many of the pages below are incomplete or obsolete.
+<br /><br />
+These guidelines were produced as part of a student project in 2009, and are not yet official Moodle guidelines.
 </p>
@@ Line 16: / Line 19: @@
 ==Moodle basics==
 * [[Page structure and types|Page structure and different page types]]
-* [[Roles and capabilities]]
+* [https://docs.moodle.org/20/en/Roles_and_capabilities Roles and capabilities]
 * [[Groups]]
@@ Line 23: / Line 26: @@
 === Elements ===
 * [[Big Select List|Big Select List]]
-* Hierarchy Browsing List
 * [[Tooltip|Tooltip]]
@@ Line 54: / Line 56: @@
 * [http://library.gnome.org/devel/hig-book/stable/principles-direct-manipulation.html.en Provide Direct Manipulation]
-== See also ==
-Talk page: [[Development_talk:Moodle_User_Interface_Guidelines]]
-'''[[Using Moodle book]]'''
+* [http://developer.fellowshipone.com/patterns/ Design Patterns Library & Code Standards] by Fellowship technologies
+== See also ==
+* Further development on Talk page: [[Talk:Moodle_User_Interface_Guidelines]]
+* '''[https://docs.moodle.org/20/en/Using_Moodle_book Using Moodle book]'''
 === Usability in Moodle ===
@@ Line 68: / Line 71: @@
 * UI coding: [[Interface_guidelines]]
-[[Category:User Interface Guidelines]]
 [[Category:Developer tools|User Interface Guidelines]]
 [[Category:Usability|User Interface Guidelines]]
 [[Category:Moodle User Interface Guidelines]]

Documentation