Development:Big Select List - Revision history

Pilpi at 14:36, 15 May 2010

2010-05-15T14:36:56Z

← Older revision		Revision as of 14:36, 15 May 2010
Line 49:		Line 49:
	TODO: Anyone, if you know of any, please add references if you know any other place this kind of an UI is discussed or described. Was it created originally for Moodle?		TODO: Anyone, if you know of any, please add references if you know any other place this kind of an UI is discussed or described. Was it created originally for Moodle?

	~~[[Category:Usability\|User Interface Guidelines]]~~
	[[Category:Moodle User Interface Guidelines]]		[[Category:Moodle User Interface Guidelines]]

Pilpi at 14:36, 15 May 2010

2010-05-15T14:36:38Z

← Older revision		Revision as of 14:36, 15 May 2010
Line 48:		Line 48:
	== Further information / Sources ==		== Further information / Sources ==
	TODO: Anyone, if you know of any, please add references if you know any other place this kind of an UI is discussed or described. Was it created originally for Moodle?		TODO: Anyone, if you know of any, please add references if you know any other place this kind of an UI is discussed or described. Was it created originally for Moodle?

			[[Category:Usability\|User Interface Guidelines]]
			[[Category:Moodle User Interface Guidelines]]

Pilpi at 21:50, 7 February 2010

2010-02-07T21:50:46Z

← Older revision		Revision as of 21:50, 7 February 2010
Line 4:		Line 4:
	User needs to select one or more items from a potentially '''very''' large master list.		User needs to select one or more items from a potentially '''very''' large master list.

	~~== Context ==~~

	~~You are designing a user interface for Moodle. (TODO: What else? Or remove section?)~~

	== Forces: factors that affect selection ==		== Forces: factors that affect selection ==

Pilpi at 17:20, 17 August 2009

2009-08-17T17:20:40Z

← Older revision		Revision as of 17:20, 17 August 2009
Line 1:		Line 1:
	[[Development: Moodle User Interface Guidelines\|Moodle User Interface Guidelines]] > '''Big Select List'''		[[Development: Moodle User Interface Guidelines\|Moodle User Interface Guidelines]] > '''Big Select List'''

	{{Work in progress\|forumurl=http://moodle.org/mod/forum/discuss.php?d=126884\|info=<br /><br />'''This is a guideline for the [[Development:Moodle_User_Interface_Guidelines\|Moodle User Interface Guidelines]]. Comments: [http://moodle.org/mod/forum/discuss.php?d=126884 developer forum thread]'''}}
	== Problem ==		== Problem ==
	User needs to select one or more items from a potentially '''very''' large master list.		User needs to select one or more items from a potentially '''very''' large master list.

Pilpi: /* Examples and implementation */

2009-08-05T13:08:39Z

Examples and implementation

← Older revision		Revision as of 13:08, 5 August 2009
Line 41:		Line 41:

	TODO: Create [[Development:Big Select List Implementation]]		TODO: Create [[Development:Big Select List Implementation]]

	Another data point for the "Big Select List": the bulk user actions page has a similar but different interface. The positions of the "selected" and "available" users are swapped, the "filter" (rather than search) box is at the very top, and the add/remove buttons are below the lists, rather than between the lists.

	=== Bulk User actions ===		=== Bulk User actions ===
	See http://moodle.org/mod/forum/discuss.php?d=126884#p565022		See http://moodle.org/mod/forum/discuss.php?d=126884#p565022

			"Another data point for the "Big Select List": the bulk user actions page has a similar but different interface. The positions of the "selected" and "available" users are swapped, the "filter" (rather than search) box is at the very top, and the add/remove buttons are below the lists, rather than between the lists. "

			=== Groups: Add/remove users ===
			An extended variation which also shows which groups a given user is in already.

	== Further information / Sources ==		== Further information / Sources ==
	TODO: Anyone, if you know of any, please add references if you know any other place this kind of an UI is discussed or described. Was it created originally for Moodle?		TODO: Anyone, if you know of any, please add references if you know any other place this kind of an UI is discussed or described. Was it created originally for Moodle?

Pilpi: /* Examples and implementation */

2009-08-03T19:29:25Z

Examples and implementation

← Older revision		Revision as of 19:29, 3 August 2009
Line 41:		Line 41:

	TODO: Create [[Development:Big Select List Implementation]]		TODO: Create [[Development:Big Select List Implementation]]

			Another data point for the "Big Select List": the bulk user actions page has a similar but different interface. The positions of the "selected" and "available" users are swapped, the "filter" (rather than search) box is at the very top, and the add/remove buttons are below the lists, rather than between the lists.

			=== Bulk User actions ===
			See http://moodle.org/mod/forum/discuss.php?d=126884#p565022

	== Further information / Sources ==		== Further information / Sources ==
	TODO: Anyone, if you know of any, please add references if you know any other place this kind of an UI is discussed or described. Was it created originally for Moodle?		TODO: Anyone, if you know of any, please add references if you know any other place this kind of an UI is discussed or described. Was it created originally for Moodle?

Pilpi: Undo revision 59635 by Pilpi (Talk)

2009-07-13T12:24:49Z

Undo revision 59635 by Pilpi (talk)

← Older revision		Revision as of 12:24, 13 July 2009
Line 24:		Line 24:

	== Solution ==		== Solution ==
	[[Image:~~basic~~-~~page~~-~~structure~~.~~svg~~\|thumb\|Image 1: Big Select List (Moodle 2.0)]]		[[Image:bigselectlist-assignroles-moodle2.png\|thumb\|Image 1: Big Select List (Moodle 2.0)]]
	* Put two select boxes side by side and buttons for adding and removing elements between them.		* Put two select boxes side by side and buttons for adding and removing elements between them.
	* Under each select box, add a text field and a 'Search' button next to it. (In Moodle 1.9, only under the select box on the right)		* Under each select box, add a text field and a 'Search' button next to it. (In Moodle 1.9, only under the select box on the right)

Pilpi: /* Solution */

2009-07-10T09:35:52Z

Solution

← Older revision		Revision as of 09:35, 10 July 2009
Line 24:		Line 24:

	== Solution ==		== Solution ==
	[[Image:~~bigselectlist~~-~~assignroles~~-~~moodle2~~.~~png~~\|thumb\|Image 1: Big Select List (Moodle 2.0)]]		[[Image:basic-page-structure.svg\|thumb\|Image 1: Big Select List (Moodle 2.0)]]
	* Put two select boxes side by side and buttons for adding and removing elements between them.		* Put two select boxes side by side and buttons for adding and removing elements between them.
	* Under each select box, add a text field and a 'Search' button next to it. (In Moodle 1.9, only under the select box on the right)		* Under each select box, add a text field and a 'Search' button next to it. (In Moodle 1.9, only under the select box on the right)

Pilpi: /* Forces: factors that affect selection */

2009-06-29T17:36:40Z

Forces: factors that affect selection

← Older revision		Revision as of 17:36, 29 June 2009
Line 20:		Line 20:
	* A list with too many elements on it is very slow to load		* A list with too many elements on it is very slow to load
	* A complete list of all options becomes awkward to work with before it reaches 100 entries, even if it is sorted alphabetically.		* A complete list of all options becomes awkward to work with before it reaches 100 entries, even if it is sorted alphabetically.
	* If interaction with the list (adding, searching) requires a new page load		* If interaction with the list (adding selection, searching) requires a new page load, it easily becomes very slow and it becomes less apparent what the application did in reaction to the user's action
	* Some users may not have javascript support on, so it cannot be depended on		* Some users may not have javascript support on, so it cannot be depended on

Pilpi at 17:33, 29 June 2009

2009-06-29T17:33:40Z

← Older revision		Revision as of 17:33, 29 June 2009
Line 1:		Line 1:
	[[Development: Moodle User Interface Guidelines\|Moodle User Interface Guidelines]] > '''Big Select List'''		[[Development: Moodle User Interface Guidelines\|Moodle User Interface Guidelines]] > '''Big Select List'''

	{{Work in progress\|info=<br /><br />'''This is a guideline for the [[Development:Moodle_User_Interface_Guidelines\|Moodle User Interface Guidelines]]. Comments: [http://moodle.org/mod/forum/discuss.php?d=126884 developer forum thread]'''}}		{{Work in progress\|forumurl=http://moodle.org/mod/forum/discuss.php?d=126884\|info=<br /><br />'''This is a guideline for the [[Development:Moodle_User_Interface_Guidelines\|Moodle User Interface Guidelines]]. Comments: [http://moodle.org/mod/forum/discuss.php?d=126884 developer forum thread]'''}}
	== Problem ==		== Problem ==
	User needs to select one or more items from a potentially '''very''' large master list.		User needs to select one or more items from a potentially '''very''' large master list.