-

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
 
(11 intermediate revisions by 2 users not shown)
Line 2: Line 2:
<p class="note">
<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>
</p>


Line 15: Line 18:


==Moodle basics==
==Moodle basics==
* Hierarchy of a Moodle site ([http://moodle.org/mod/forum/discuss.php?d=115620 one attempt])
* [[Development:Page structure and types|Page structure and different page types]]
* [[Development:Page structure and types|Page structure and different page types]]
* [[Roles and capabilities]]
* [[Roles and capabilities]]
Line 24: Line 26:
=== Elements ===
=== Elements ===
* [[Development:Big Select List|Big Select List]]
* [[Development:Big Select List|Big Select List]]
* Hierarchy Browsing List


* [[Development:Tooltip|Tooltip]]
* [[Development:Tooltip|Tooltip]]
Line 55: Line 56:
* [http://library.gnome.org/devel/hig-book/stable/principles-direct-manipulation.html.en Provide Direct Manipulation]
* [http://library.gnome.org/devel/hig-book/stable/principles-direct-manipulation.html.en Provide Direct Manipulation]


== Missing guidelines ==


=== Unwritten guidelines ===
* [http://developer.fellowshipone.com/patterns/ Design Patterns Library & Code Standards] by Fellowship technologies
* Building blocks
** [[Development:Course Format|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
* Link lists (menus)
* [[Development:Page Heading|Page Heading]]


=== Proposed elements ===
== See also ==
We will probably need a process to get these accepted across the community
* Further development on Talk page: [[Development_talk:Moodle_User_Interface_Guidelines]]
* [http://uipatternfactory.com/p=edit-in-place/ Edit-in-place] ([http://www.google.fi/search?q=inplace+editing+ui+pattern more patterns])
* '''[[Using Moodle book]]'''


=== Guidelines that require further research/discussion ===
'''[[Development:Major usability issues in Moodle]] (separate design projects)'''
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:Switch Button|Switch Button]]
* [[Development:Add element|Add element]]
* [[Development:Jump Navigation|Jump Navigation]]
* Move Element (Course front page model vs. quiz)
* Quick Inline Help ([http://www.pilpi.net/software/moodle/2009/06/18/inline-help/] 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 ===
* Some pages use the [[Development:Guideline template|Guideline template]], others are freeform prose
=== Usability in Moodle ===
=== Usability in Moodle ===
* [[Development:Usability|Usability]]
* [[Development:Usability|Usability]]
Line 100: Line 71:
* UI coding: [[Development:Interface_guidelines]]
* UI coding: [[Development:Interface_guidelines]]


== Todo ==
* [[Development:Moodle User Interface Guidelines:Problem-Solution Summary Table|Problem-Solution Summary Table]] (See [http://www.hillside.net/index.php/a-pattern-language-for-pattern-writing#E.1.1])
* [[Development:Moodle User Interface Guidelines:Glossary|Glossary]] (See [http://www.hillside.net/index.php/a-pattern-language-for-pattern-writing#E.5])


[[Category:Developer|User Interface Guidelines]]
[[Category:Developer|User Interface Guidelines]]

Latest revision as of 11:46, 22 May 2010

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...

Moodle basics

Moodle UI library

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

Elements

Interaction Styles

General design guidelines

Relevant guidelines from other sites


See also

Usability in Moodle

Implementation advice