Note:

If you want to create a new page for developers, you should create it on the Moodle Developer Resource site.

Moodle User Interface Guidelines: Difference between revisions

From MoodleDocs
mNo edit summary
No edit summary
Line 55: Line 55:
* [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 ===
== See also ==
* Building blocks
Talk page: [[Development_talk:Moodle_User_Interface_Guidelines]]
** [[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)
* [[Page Heading|Page Heading]]
 
=== Proposed elements ===
We will probably need a process to get these accepted across the community
* [http://uipatternfactory.com/p=edit-in-place/ Edit-in-place] ([http://www.google.fi/search?q=inplace+editing+ui+pattern more patterns])
 
=== Guidelines that require further research/discussion ===
'''[[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.


* [[Switch Button|Switch Button]]
* [[Add element|Add element]]
* [[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]]'''
'''[[Using Moodle book]]'''
=== About writing these guidelines ===
=== About writing these guidelines ===

Revision as of 14:44, 15 May 2010

NOTE: these guidelines were produced as part of a student project in 2009, and are not official Moodle guidelines. 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.


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

Talk page: Development_talk:Moodle_User_Interface_Guidelines

Using Moodle book

About writing these guidelines

Usability in Moodle

Implementation advice

Todo