 |
"Widget" defined: "widget" is a term used to describe interactive page elements such as text-entry boxes, drop-down lists, boxed lists, multiple-select boxes, radio buttons, pop-ups, and check-boxes. Proper use of these elements greatly enhances the usability of a page or form. |
 |
Which widget? Ask 6 questions: |
 |
| 1. |
Is it more natural for the user to type the answer rather than select it? |
 |
| |
If Yes, then use a text box. |
| |
|
 |
| 2. |
Are the answers easily mis-typed? |
 |
| |
If Yes then do NOT use a text box, use another form element like a drop-down or radio buttons. |
| |
|
| 3. |
Does the user need to review the options to understand the question? |
 |
| |
If Yes then use radio buttons or a checklist if possible. If these are not possible use a drop-down or multiple-select box. |
| |
|
| 4. |
How many options are there? |
 |
| |
Very large number = text box
Medium number = drop-down
Small number = radio buttons or checklist |
| |
|
| 5. |
Is the user allowed to select more than one option? |
 |
| |
If Yes then use either checklist, multiple-select form or radio buttons with an “All” or “Any” option. |
| |
|
| 6. |
Are the options visually distinctive, that is do they NOT look like each other? An example of items that look like each other would a list that includes numbers 01 and 10. |
 |
| |
If Yes, consider using a type in box. This is a minor issue and the idea is that users might scan a list of similar items incorrectly. This will probably almost never come up. |
| |
|
 |
|
|
 |
|
|
 |
|
|
 |
|
|
 |
|
|
 |
|
|
 |
|
|
 |
|
|