View source for Development:Moodle User Interface Guidelines

__NOTOC__
<p class="note">

DRAFT DOCUMENT
<br /><br />

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>


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. [[Development:Moodle User Interface Guidelines:Introduction|More...]]
* [[Development:Moodle User Interface Guidelines:Help requested|Help requested: comment on these guidelines]]

==Moodle basics==
* [[Development:Page structure and types|Page structure and different page types]]
* [[Roles and capabilities]]
* [[Groups]]

==Moodle UI library==
UIs are built of Elements and Interaction Styles (bigger wholes, which are built of Elements).
=== Elements ===
* [[Development:Big Select List|Big Select List]]

* [[Development:Tooltip|Tooltip]]
* [[Development:Link|Link]]
* [[Development:Button|Button]]
* [[Development:Address Bar|Address Bar]] (URLs)

=== Interaction Styles ===
* [[Development:Wizard|Wizard]]
* [[Development:Help Popups|Help Popups]] (See [[Development:Interface_guidelines#Linking_to_help|Linking to help]] for now)
* [[Development:Feedback page|Feedback page]]
* [[Development:Form|Form]] (incomplete)
** [[Development:Radio button|Radio button]]
** [[Development:Checkbox|Checkbox]]
** [[Development:Dropdown Lists|Dropdown lists]] (incomplete)

== General design guidelines ==
* [[Development:Progressive Disclosure|Progressive Disclosure]]
* [[Development:User Data Always Safe|User Data Always (Always) Safe]] 
* [[Development:Feedback (User Interface Guideline)|Feedback]] (Incomplete)
=== Relevant guidelines from other sites ===
* [http://library.gnome.org/devel/hig-book/stable/principles-people.html.en Design for People]
* [http://library.gnome.org/devel/hig-book/stable/principles-broad-userbase.html.en Don't Limit Your User Base]
* [http://library.gnome.org/devel/hig-book/stable/principles-match.html.en Create a Match Between Your Application and the Real World]
* [http://library.gnome.org/devel/hig-book/stable/principles-consistency.html.en Make Your Application Consistent]
* [http://library.gnome.org/devel/hig-book/stable/principles-feedback.html.en Keep the User Informed]
* [http://library.gnome.org/devel/hig-book/stable/principles-simplicity.html.en Keep It Simple and Pretty]
* [http://library.gnome.org/devel/hig-book/stable/principles-user-control.html.en Put the User in Control]
* [http://library.gnome.org/devel/hig-book/stable/principles-forgiveness.html.en Forgive the User]
* [http://library.gnome.org/devel/hig-book/stable/principles-direct-manipulation.html.en Provide Direct Manipulation]


* [http://developer.fellowshipone.com/patterns/ Design Patterns Library & Code Standards] by Fellowship technologies

== See also ==
* Further development on Talk page: [[Development_talk:Moodle_User_Interface_Guidelines]]
* '''[[Using Moodle book]]'''

=== Usability in Moodle ===
* [[Development:Usability|Usability]]
* [[Usability_FAQ|Usability FAQ]]

=== Implementation advice ===
* [[Development:Developer_documentation|Developer documentation]]
* UI coding: [[Development:Interface_guidelines]]


[[Category:Developer|User Interface Guidelines]]
[[Category:Developer tools|User Interface Guidelines]]
[[Category:Usability|User Interface Guidelines]]
[[Category:Moodle User Interface Guidelines]]