Which control allows you to type an entry or choose an entry from a list?

When designing your interface, try to be consistent and predictable in your choice of interface elements. Whether they are aware of it or not, users have become familiar with elements acting in a certain way, so choosing to adopt those elements when appropriate will help with task completion, efficiency, and satisfaction.

Interface elements include but are not limited to:

  • Input Controls: checkboxes, radio buttons, dropdown lists, list boxes, buttons, toggles, text fields, date field
  • Navigational Components: breadcrumb, slider, search field, pagination, slider, tags, icons
  • Informational Components: tooltips, icons, progress bar, notifications, message boxes, modal windows
  • Containers: accordion

Input Controls

ElementDescriptionExamplesCheckboxesCheckboxes allow the user to select one or more options from a set.  It is usually best to present checkboxes in a vertical list. More than one column is acceptable as well if the list is long enough that it might require scrolling or if comparison of terms might be necessary.
Which control allows you to type an entry or choose an entry from a list?
Radio buttonsRadio buttons are used to allow users to select one item at a time.
Which control allows you to type an entry or choose an entry from a list?
Dropdown listsDropdown lists allow users to select one item at a time, similarly to radio buttons, but are more compact allowing you to save space. Consider adding text to the field, such as ‘Select one’ to help the user recognize the necessary action.
Which control allows you to type an entry or choose an entry from a list?
List boxesList boxes, like checkboxes, allow users to select a multiple items at a time,but are more compact and can support a longer list of options if needed.
Which control allows you to type an entry or choose an entry from a list?
ButtonsA button indicates an action upon touch and is typically labeled using text, an icon, or both.
Which control allows you to type an entry or choose an entry from a list?
Dropdown ButtonThe dropdown button consists of a button that when clicked displays a drop-down list of mutually exclusive items.
Which control allows you to type an entry or choose an entry from a list?
TogglesA toggle button allows the user to change a setting between two states. They are most effective when the on/off states are visually distinct.
Which control allows you to type an entry or choose an entry from a list?
Text fieldsText fields allow users to enter text.  It can allow either a single line or multiple lines of text.
Which control allows you to type an entry or choose an entry from a list?
Date and time pickersA date picker allows users to select a date and/or time.  By using the picker, the information is consistently formatted and input into the system.
Which control allows you to type an entry or choose an entry from a list?

ElementDescriptionExamplesSearch FieldA search box allows users to enter a keyword or phrase (query) and submit it to search the index with the intention of getting back the most relevant results. Typically search fields are single-line text boxes and are often accompanied by a search button.
Which control allows you to type an entry or choose an entry from a list?
BreadcrumbBreadcrumbs allow users to identify their current location within the system by providing a clickable trail of proceeding pages to navigate by.
Which control allows you to type an entry or choose an entry from a list?
PaginationPagination divides content up between pages, and allows users to skip between pages or go in order through the content.
Which control allows you to type an entry or choose an entry from a list?
TagsTags allow users to find content in the same category.  Some tagging systems also allow users to apply their own tags to content by entering them into the system.
Which control allows you to type an entry or choose an entry from a list?
SlidersA slider, also known as a track bar, allows users to set or adjust a value.  When the user changes the value, it does not change the format of the interface or other info on the screen.
Which control allows you to type an entry or choose an entry from a list?
IconsAn icon is a simplified image serving as an intuitive symbol that is used to help users to navigate the system.  Typically, icons are hyperlinked.
Which control allows you to type an entry or choose an entry from a list?
Image CarouselImage carousels allow users to browse through a set of items and make a selection of one if they so choose. Typically, the images are hyperlinked.
Which control allows you to type an entry or choose an entry from a list?

Information Components

ElementDescriptionExamplesNotificationsA notification is an update message that announces something new for the user to see. Notifications are typically used to indicate items such as, the successful completion of a task, or an error or warning message.
Which control allows you to type an entry or choose an entry from a list?
Progress BarsA progress bar indicates where a user is as they advance through a series of steps in a process. Typically, progress bars are not clickable.
Which control allows you to type an entry or choose an entry from a list?
Tool TipsA tooltip allows a user to see hints when they hover over an item indicating the name or purpose of the item.
Which control allows you to type an entry or choose an entry from a list?
Message BoxesA message box is a small window that provides information to users and requires them to take an action before they can move forward.
Which control allows you to type an entry or choose an entry from a list?
Modal Window (pop-up)A modal window requires users to interact with it in some way before they can return to the system.
Which control allows you to type an entry or choose an entry from a list?

Containers

 

ElementDescriptionExamples

Accordion

An accordion is a vertically stacked list of items that utilizes show/ hide functionality.  When a label is clicked, it expands the section showing the content within. There can have one or more items showing at a time and may have default states that reveal one or more sections without the user clicking
Which control allows you to type an entry or choose an entry from a list?

Additional Information

  • Jesse James Garrett’s The Elements of User Experience: User-Centered Design for the Web and Beyond (2nd Edition)
  • User Interface Information for Android Developers 
    Which control allows you to type an entry or choose an entry from a list?

Which form control allows the user to select one or more options?

Checkboxes allow a user to select multiple choices. Set the Name of each checkbox so you can identify them in the form submission data. Checkboxes have Default styling.

What is the difference between form control and ActiveX control in Excel?

As Hans Passant said, Form controls are built in to Excel whereas ActiveX controls are loaded separately. Generally you'll use Forms controls, they're simpler. ActiveX controls allow for more flexible design and should be used when the job just can't be done with a basic Forms control.

What is a label control in access?

A label is a control that holds text for display purposes only. By default, MS Access adds a label containing the table name in the Form Header area of the form. To add a label you must click the Label control, then click (and drag for sizing) where you want the label placed.

What are ActiveX controls in Excel?

ActiveX controls are component program objects that Microsoft developed to enable applications to perform specific functions, such as displaying a calendar or playing a video. An ActiveX control is a small program that other applications can reuse to enable the same functionality, without the extra development work.