User Interface. Multiple select with priority
I'm designing user interface and want to ask your advises how to make it more user-friendly. Please tell any suggestions and if you have ever seen implementation of something familiar please share开发者_运维问答 the link.
University. There are 40+ specialities grouped into 5 faculties. User choose several he is interested in and than orders them by priority.
For example I am interested in "programming microcontrollers", "system analysis" and "experimental physic". I must find them quickly in "programming faculty", select them and then order - what I prefer most and what I prefer less then others I select.
Any ideas welcome :)
Checkboxes and radio buttons would be appropriate for this, for both websites and desktop applications.
In my case I'd use the faculty names as headers and then add the according specialities below them, prefixed by checkboxes and radio button next to each speciality, allowing the user to set the priority.
A picture is worth a thousand words: http://i45.tinypic.com/2ex6jy0.png
I would go for the "List builder" design pattern.
The list builder contains two lists. On the left side you have the source list (ie. the complete list of faculties/specialties), and on the right side you have the source list (the items chosen by the user in prioritized order).
Between the lists you have two buttons. "Add" (arrow to the right) and "Remove" (arrow to the left), wich adds and removes items to the destination list.
In addition you put two buttons along with the destination list. These are used for rearranging the destination list. Eg. "Move up" and "Move down" for moving the selected item up and down.
Se examples:
http://msdn.microsoft.com/en-us/library/aa511484.aspx#listBuilders
http://osdpl.fluidproject.org/designPatterns/List-Builder
精彩评论