Mindmap
User Interface Elements
Inhalt der Mindmap
User Interface Elements
Navigational elements
- Search field
- A search box which allows user to enter keyword(s) to submit with the intention of receiving the most relevant results
- Google's search field
- A search box which allows user to enter keyword(s) to submit with the intention of receiving the most relevant results
- Icons
- Simplified and universal way that substitutes letters into a small image that helps users navigate a web app
- pause
- options
- play
- pause
- Simplified and universal way that substitutes letters into a small image that helps users navigate a web app
- Breadcrumb
- Allows users to identify their current location within the web app with an interactive trail of proceeding pages to navigate to
- Home > Ice-cream flavours > Chocolate
- Allows users to identify their current location within the web app with an interactive trail of proceeding pages to navigate to
- Pagination
- Divides content up between pages, which allows users to skip between pages and view its contents
- Google's pagination at the bottom of a search
- Divides content up between pages, which allows users to skip between pages and view its contents
- Tags
- Allows users to find content within the same category
- Computers with a price between 1k and 2k
- Allows users to find content within the same category
- Search field
Information Components
- Tool tips
- Allows the user to see hints when they hover over an element which indicates the name or purpose of it
- abcdef < This is first 6 letters of the English alphabet
- Allows the user to see hints when they hover over an element which indicates the name or purpose of it
- Modal window (pop-up)
- Tool tips
Input Controls
- Buttons
- A button indicating an action upon usage, labeled using an icon and/or text
- [submit]
- A button indicating an action upon usage, labeled using an icon and/or text
- Toggles
- Allows the user to change a setting between two states
- on/off
- yes/no
- accept/decline
- Allows the user to change a setting between two states
- Checkboxes
- Allows the user to select multiple options
- ▭ apple ▭ banana ▭ pear ▭ orange
- Allows the user to select multiple options
- Radio buttons
- Allows the user to select only one option
- O age 10-49 O age 50-99
- Allows the user to select only one option
- Dropdown lists
- Allows the user to select one option from a list that drops down
- →Dr.← Mr. Miss. Mrs. Ms.
- Allows the user to select one option from a list that drops down
- List boxes
- Allows the user to select multiple options from a list that drops down
- →apple← banana →pineapple← coconut
- Allows the user to select multiple options from a list that drops down
- Text fields
- Allows the user to enter text (can have minimum/maximum amount of characters)
- biography
- specific order requirements
- Allows the user to enter text (can have minimum/maximum amount of characters)
- Buttons
Informationen
- Beschreibung
- Mindmap am User Interface Elements, erstellt von Michelle Luong am 19/05/2021.
- Erstellt von
- Michelle Luong
- Aufrufe
- 0
- Bewertung