wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

150 Questions on Web Interface Design

Total questions: 17

Worksheet time: 11mins

Name
Class
Date
1.

What component usually appears at the top of a webpage?

a)

Footer

b)

Header

c)

Section

d)

Sidebar

2.

What is the main purpose of the header?

a)

Display the content of the article

b)

Guide the user

c)

Contain copyright information

d)

Display the background image

3.

Where should the navigation menu be placed for easiest access?

a)

At the bottom of the page

b)

In the middle of the content

c)

At the top (header)

d)

Below the profile picture

4.

What information does the footer usually contain?

a)

Main logo

b)

Main navigation links

c)

Copyright and contact information

d)

Cover image

5.

Why should the same header be used for all pages on the website?

a)

Reduce page load speed

b)

Create a consistent experience

c)

Easier to create motion effects

d)

Save images

6.

What is each part of a webpage divided into called?

a)

Tabs

b)

Cards

c)

Sections

d)

Pages

7.

Which section is usually used to introduce services/products?

a)

Header

b)

Banner

c)

Feature Section

d)

Footer

8.

What is the main function of the 'Hero Section'?

a)

Display the company logo

b)

Quick navigation

c)

Make a first impression

d)

Contain copyright information

9.

When designing a long section, the content should be divided into:

4 lines
10.

What is the main function of the 'Hero Section'?

a)

Display the company logo

b)

Quick navigation

c)

Make the first impression

d)

Contain copyright information

11.

When designing a long section, should the content be divided into:

a)

Multiple short columns

b)

One long column

c)

Vertical list format

d)

Large block of text

12.

The testimonial section is usually used to:

a)

Display a banner

b)

Introduce personnel

c)

Show customer reviews

d)

Internal navigation

13.

What is the common aspect ratio for desktop?

a)

4:3

b)

16:9

c)

1:1

d)

2:1

14.

What is the common screen size for laptops?

a)

360x640

b)

1280x800

c)

720x1280

d)

1920x1080

15.

What is a responsive website?

a)

Automatically changes colors

b)

Automatically adjusts layout based on device

c)

Automatically plays music

d)

Increases page load speed

16.

What is the common width size for mobile devices?

a)

1920px

b)

1366px

c)

768px

d)

375px

17.

What is 'Media query' used for?

a)

Optimize images

b)

Divide layout

c)

Apply CSS for each device size

d)

Block access