User Interface Elements for QA Engineers : Your Ultimate Glossary
User interface (UI) elements are the parts to build apps or websites. They add interactivity to a user interface, providing touchpoints for the user as they navigate their way around; think buttons, scrollbars, menu items and checkboxes.
As a QA Engineer, you’ll use UI elements to create your QA documents, write bug reports, describe Test Cases etc.
Correct name of elements is the most problem for Beginners in QA Engineering. They spend a lot of time to name Interface Elements in Practical tasks to Online course for QA.
So here we’ll explore some of the most common user interface elements.
User interface elements are usually divided by:
- 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 allow users to input information into the system.
Navigational components help users move around a website or application.
Informational components share information with users.
Containers hold related content together.
Let’s review examples of most common UI elements:
- button
- radio button
- checkbox
- dropdown
- toggle
- input field
- time/date picker
- loader
- modal (pop-up)
- text
- arrow
- slider
- pagination
- search field
- icon
- carousel
- notification
- navigation
- progress bar
- tool tip
- alert (massage box)
- card
- comment
- form
- tab bar
- stepper
See an element missing? Feel free to comment below!
If you’d like to learn more about Quality Assuarence take a look at the following articles and courses:
