When the user changes the value, it does not change the format of the interface or other info on the screen.Īn icon is a simplified image serving as an intuitive symbol that is used to help users to navigate the system. Some tagging systems also allow users to apply their own tags to content by entering them into the system.Ī slider, also known as a track bar, allows users to set or adjust a value. Tags allow users to find content in the same category. Pagination divides content up between pages, and allows users to skip between pages or go in order through the content.
Typically search fields are single-line text boxes and are often accompanied by a search button.īreadcrumbs allow users to identify their current location within the system by providing a clickable trail of proceeding pages to navigate by.
By using the picker, the information is consistently formatted and input into the system.Ī 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. It can allow either a single line or multiple lines of text.Ī date picker allows users to select a date and/or time. They are most effective when the on/off states are visually distinct. The dropdown button consists of a button that when clicked displays a drop-down list of mutually exclusive items.Ī toggle button allows the user to change a setting between two states. List 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.Ī button indicates an action upon touch and is typically labeled using text, an icon, or both. Consider adding text to the field, such as ‘Select one’ to help the user recognize the necessary action. Radio buttons are used to allow users to select one item at a time.ĭropdown lists allow users to select one item at a time, similarly to radio buttons, but are more compact allowing you to save space. 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. It is usually best to present checkboxes in a vertical list. Informational Components: tooltips, icons, progress bar, notifications, message boxes, modal windowsĬheckboxes allow the user to select one or more options from a set.Navigational Components: breadcrumb, slider, search field, pagination, slider, tags, icons.Input Controls: checkboxes, radio buttons, dropdown lists, list boxes, buttons, toggles, text fields, date field.Interface elements include but are not limited to: 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. When designing your interface, try to be consistent and predictable in your choice of interface elements.
0 kommentar(er)
