wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

UI Components/Elements

Total questions: 20

Worksheet time: 12mins

Name
Class
Date
1.

A user is filling out a registration form on a website. What UI element should be used to allow them to select their gender?

a)

Text Fields

b)

Dropdown Menus

c)

Radio Buttons

d)

Checkboxes

2.

A user wants to filter products by price range on an e-commerce site. What UI component should be provided?

a)

Lists

b)

Slider

c)

Checkboxes

d)

Filter

3.

A user is uploading a profile picture on a social media app. What UI element should be used?

a)

Links

b)

File uploader

c)

Progress Bars

d)

Upload Button

4.

A user is typing in a search bar, and the system suggests possible matches as they type. What UI component is being used?

a)

Search Bar

b)

Tooltips

c)

Autocomplete

d)

Pagination

5.

A user needs to select their date of birth on a form. What UI element should be provided?

a)

Checkboxes

b)

Text Fields

c)

Dropdown Menus

d)

Date Picker

6.

A user is on a blog website and wants to move between "Home," "About," and "Contact" pages. What UI component should be provided?

a)

Pagination

b)

Links

c)

Navigation Bar

d)

Sidebars

7.

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?

a)

Pagination

b)

Links

c)

Navigation Bar

d)

Sidebars

8.

A user is on a dashboard and wants to access different sections like "Profile," "Settings," and "Notifications." What UI component should be used?

(a)  

9.

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)  

10.

A user is on a website and wants to know their current location within the site hierarchy. What UI component should be displayed?

(a)  

11.

A user submits a form, and a message appears at the bottom of the screen confirming the action. What UI component is this?

a)

Snackbar/Toasts

b)

Notifications/Alerts

c)

Modals/Dialogs:

d)

Error Messages

12.

A user hovers over an icon, and a small box appears explaining its function. What UI element is this?

a)

Labels

b)

Notifications/Alerts

c)

Tooltips

d)

Error Messages

13.

A user is uploading a large file, and a visual indicator shows the progress. What UI component is being used?

a)

Loading Spinners

b)

Notifications/Alerts

c)

Tooltips

d)

Progress Bar

14.

A user enters an incorrect password, and a message appears below the field. What UI component is this?

a)

Notifications/Alerts

b)

Error Message

c)

Tooltips

d)

Modals/Dialogs

15.

A user is waiting for a page to load, and a spinning circle appears. What UI component is this?

a)

Notifications/Alerts

b)

Loading Spinner

c)

Progress Bar

d)

Loading Bar

16.

A user is on a travel booking site and wants to filter flights by price, duration, and stops. What UI components should be provided?

a)

Dropdown Menu

b)

Checkboxes

c)

Radio Button

d)

Date Pickers

17.

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)  

18.

A user is on a mobile app and wants to access a menu without cluttering the screen. What UI component should be used?

a)

Tabs

b)

Navigation Bar

c)

Hamburger Menu

d)

Dropdown Menu

19.

A user is on a banking app and wants to see their transaction history in a structured format. What UI component should be used?

a)

Chart or Graph

b)

Table or Grid

c)

Date Picker

d)

Checkboxes

20.

A user is on a weather app and wants to see a visual representation of the weekly forecast. What UI component should be used?

a)

Chart or Graph

b)

Table or Grid

c)

Date Picker

d)

Checkboxes