Inputs: Dropdown, Combobox, Multi-select, Text box, Required field

What

Inputs are elements on a screen used to send data to the software.

Why

To provide users a way to interact with software by sending information or triggering an action

Where

Within larger sections, often in groups

Best Practices

Variations:

  • Drop down- A menu with multiple items where the user chooses one
  • Multi-select- Same as drop down except that the user can choose one or multiple
  • Combo box- Similar to drop down with the addition of the ability to type to find a selection
  • Text box- Simple area to input text
  • Required field- Any of the input options that a user must complete to move forward in a process. Denoted with red text, asterisk, or background. See more about required fields here.

Related Principles

Design Systems

Design Systems

A design system is a set of design standards for a company or a specific project. The primary elements of a design system are: color & text styles, icons & illustrations, and commonly used components. It can also include things like code standards, layout...

UX/UI Design Glossary

UX/UI Design Glossary

Chrome Visual elements that provide users information about or commands to use the screen's content. Chrome is not part of the content itself. Examples would be buttons, labels, and menus. Edge Case An uncommon situation when a user's experience falls outside the...