Font size
WorksheetsUI Components/Elements
Total questions: 20
Worksheet time: 12mins
A user is filling out a registration form on a website. What UI element should be used to allow them to select their gender?
Text Fields
Dropdown Menus
Radio Buttons
Checkboxes
A user wants to filter products by price range on an e-commerce site. What UI component should be provided?
Lists
Slider
Checkboxes
Filter
A user is uploading a profile picture on a social media app. What UI element should be used?
Links
File uploader
Progress Bars
Upload Button
A user is typing in a search bar, and the system suggests possible matches as they type. What UI component is being used?
Search Bar
Tooltips
Autocomplete
Pagination
A user needs to select their date of birth on a form. What UI element should be provided?
Checkboxes
Text Fields
Dropdown Menus
Date Picker
A user is on a blog website and wants to move between "Home," "About," and "Contact" pages. What UI component should be provided?
Pagination
Links
Navigation Bar
Sidebars
A user is browsing a long list of products and wants to move to the next set of items. What UI component should be available?
Pagination
Links
Navigation Bar
Sidebars
A user is on a dashboard and wants to access different sections like "Profile," "Settings," and "Notifications." What UI component should be used?
(a)
A user is on a product page and wants to see details, reviews, and related items. What UI component can help them switch between these sections?
(a)
A user is on a website and wants to know their current location within the site hierarchy. What UI component should be displayed?
(a)
A user submits a form, and a message appears at the bottom of the screen confirming the action. What UI component is this?
Snackbar/Toasts
Notifications/Alerts
Modals/Dialogs:
Error Messages
A user hovers over an icon, and a small box appears explaining its function. What UI element is this?
Labels
Notifications/Alerts
Tooltips
Error Messages
A user is uploading a large file, and a visual indicator shows the progress. What UI component is being used?
Loading Spinners
Notifications/Alerts
Tooltips
Progress Bar
A user enters an incorrect password, and a message appears below the field. What UI component is this?
Notifications/Alerts
Error Message
Tooltips
Modals/Dialogs
A user is waiting for a page to load, and a spinning circle appears. What UI component is this?
Notifications/Alerts
Loading Spinner
Progress Bar
Loading Bar
A user is on a travel booking site and wants to filter flights by price, duration, and stops. What UI components should be provided?
Dropdown Menu
Checkboxes
Radio Button
Date Pickers
A user is on a news website and wants to read more about a specific topic. What UI component can expand to show additional content?
(a)
A user is on a mobile app and wants to access a menu without cluttering the screen. What UI component should be used?
Tabs
Navigation Bar
Hamburger Menu
Dropdown Menu
A user is on a banking app and wants to see their transaction history in a structured format. What UI component should be used?
Chart or Graph
Table or Grid
Date Picker
Checkboxes
A user is on a weather app and wants to see a visual representation of the weekly forecast. What UI component should be used?
Chart or Graph
Table or Grid
Date Picker
Checkboxes
