Wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

UI UX

Total questions: 51

Worksheet time: 26mins

Name
Class
Date
1.

1.    Primarily non-visual.

a)

UI

b)

UX

2.

1.    Creates tangible, material results.

a)

UI

b)

UX

3.

Development is driven by user behavior and feedback.

a)

UI

b)

UX

4.

  Rooted primarily in graphic design.

a)

UI

b)

UX

5.

Generating solutions to elevate user engagement on a given website

a)

UI

b)

UX

6.

   Making decisions to define the form, aesthetics, and look and feel of a site.

a)

UI

b)

UX

7.

Concerned with how a user chooses to navigate through a website

a)

UI

b)

UX

8.

Rooted in research, planning and testing.

a)

UI

b)

UX

9.

    An interface can be best described as a bridge between:

a)

a screen and a system

b)

a website and an app

c)

a user and content

d)

two users

10.

  Why is it helpful to rely on real world models within interface design? Choose the best answer.

a)

Real world models are already familiar to a user, and therefore can help make the user’s experience much more seamless.

b)

It’s easier for a designer to borrow an idea or concept that’s already been created.

c)

Real world models are much more believable and users are more likely to consume or buy a product that uses them.

11.

  Which of the following examples are considered real world models?

a)

A screen-based button

b)

The “trash bin” on your computer.

c)

Camera shutter sound when using a smartphone’s built-in camera.

d)

All of the above.

12.

What is the rule of thumb for organizing content within an interface?

a)

Along a grid

b)

Systematically

c)

Randomly

d)

Alphabetically

13.

   While user interactions should occur in as few steps as possible, in what situation might an extra step be appropriate?

a)

ordering a sandwich

b)

withdrawing a large sum of money from an ATM

c)

buying a textbook online.

14.

  Which physical relationship is NOT a factor for designing an interface?

a)

the placement of an on-screen button in relationship to a user’s thumb.

b)

the distance of a user’s eye from a screen.

c)

the scale of a smartphone within a user’s hand.

d)

the relative position of one user to another

15.

   Why is it important for the interface to react immediately when a user carries out an action? Choose the best answer.

a)

The user needs confirmation from the interface that the system is working.

b)

Users are inherently impatient

c)

The system behind the interface needs to process tasks very quickly in order to keep pace with competing systems.

16.

Context-specific design is best defined as:

a)

When the designer uses different software programs to make an interface.

b)

Shaping a design to reflect differences in content, goals, and users.

c)

What happens when emerging designers make websites.

d)

A method of design that reflects the physical, geographical location where the design was made

17.

    True or false: An interface should be immediate and intuitive.

a)

TRUE

b)

FALSE

18.

   In user experience design, "form follows function".

a)

FALSE

b)

TRUE

19.

    How do the five planes of user experience interact with each other, according to Jesse James Garrett?

a)

They are separate and independent layers.

b)

They are interconnected and influence each other throughout the design process.

c)

They are sequential stages that must be completed one after another.

d)

They are interchangeable, depending on the specific needs of each project.

20.

  In the context of user experience design, what is the significance of usability testing?

a)

It helps identify user needs, preferences, and pain points.

b)

It determines the visual design and aesthetics of the site.

c)

It generates wireframes and prototypes for the website.

d)

It validates the long-term vision and objectives of the site.

21.

    What is the goal of creating personas in user experience design?

a)

Layout, typography, and color schemes

b)

Buttons, forms, and navigation menus

c)

Card sorting, personas, and usability testing

d)

Competitive analysis, heuristic evaluation, and expert review

22.

    In the context of site structure, what is the significance of user research?

a)

It helps identify user needs, preferences, and pain points.

b)

It determines the visual design and aesthetics of the site.

c)

It generates wireframes and prototypes for the website.

d)

It validates the long-term vision and objectives of the site.

23.

What is the ultimate goal of user experience design, according to "The Elements of User Experience"?

a)

To create websites that are visually appealing

b)

To design websites that rank high in search engine results

c)

To create websites that are useful, usable, and desirable for the target audience

d)

To develop websites that incorporate the latest technology trends

24.

  What is the purpose of creating user personas in web design?

a)

To represent specific individuals within the target audience

b)

To generate demographic statistics for marketing purposes

c)

To determine the functionality and content of the site

d)

To design visually appealing layouts and color schemes

25.

    What are some common tools used for creating wireframes and prototypes?

a)

Adobe Photoshop and Illustrator

b)

Sketch and Figma

c)

Microsoft Word and Excel

d)

Google Docs and Slides

26.

How does user testing contribute to the refinement of wireframes and prototypes?

a)

By providing valuable insights into user behavior and preferences

b)

By determining the color scheme and typography of the website

c)

By creating wireframes and prototypes for the website

d)

By conducting competitor analysis and benchmarking

27.

Choose the heuristic that best applies to the following example: the dreaded
spinning circle on YouTube.

a)

Visibility of system status

b)

Flexibility and efficiency of use

c)

Help and documentation

d)

Recognition rather than recall

28.

Choose the heuristic that best applies to the following example: an automated
chatbot "therapy" app that sends you warm, positive text messages throughout
the day.

a)

Aesthetic and minimalist design

b)

Match between system and the real world

c)

User control and freedom

d)

Error prevention

29.

Gmail's
notification when you have forgotten to attach a document to an outgoing email.

a)

Flexibility and efficiency of use

b)

Flexibility and efficiency of use

c)

Aesthetic and minimalist design

d)

Error prevention

30.

Google's
advanced image search.

a)

Help and documentation

b)

Recognition rather than recall.

c)

Flexibility and efficiency of use

d)

Help users recognize, diagnose and recover from errors

31.

The "Like" or
"thumbs up" button across various platforms.

a)

Error prevention

b)

Consistency and standards

c)

User control and freedom

d)

Visibility of system status

32.

It is more economical to develop.

a)

. Website

b)

App

33.

It can be viewed across different devices and platforms.

a)

Website

b)

App


34.

It can be displayed on any device.

a)

Website

b)

App

35.

It is easy to share content with others.

a)

Website

b)

App

36.

Its content can be easily indexed by search engines.

a)

Website

b)

App

37.

It can be integrated into the operating system, allowing for access to advanced
device capabilities, such as fingerprint or iris scanners

a)

App

b)

Website

38.

It can be displayed only on the operating system it was designed for

a)

Website

b)

App

39.

It is easier to monetize

a)

Website

b)

App

40.

It requires that users download and install it onto their devices.

a)

Website

b)

App

41.

It's easier to control how users can interact with and view content.

a)

Website

b)

App

42.

True or False? Primary navigation menus should always appear horizontally at
the top of a page.

a)

True

b)

False

43.

The profile icon with the learner's name in the right hand corner of the image is
an example of:

a)

utility navigation

b)

secondary navigation

c)

subsidiary navigation

d)

primary navigation

44.

Why might Coursera's designers decide to permanently place a search field in
this area?

a)

Coursera's outline of scope probably determined that search
is an important functionality requirement.

b)

Coursera probably thinks that learners like to use the search field
as a wayfinding tool.

c)

Coursera probably wants to imitate other search sites like Google.

d)

Coursera is following a website design rule which dictates that
every website should have a search field.

45.

This section, titled "You May Also Like," is an example of what kind of
navigational element?

a)

related content

b)

inline links to other pages

c)

index of pages

d)

search results for other pages

46.

Look at the image taken of the navigation elements that appear at the top of the
Coursera website.What navigational system does the blue "Explore" button use?

a)

utility navigation

b)

primary navigation

c)

secondary navigation

d)

subsidiary navigation

47.

Looking at ​this page on the CalArts website​, which of the following
wayfinding functions does the blue CalArts logo in the upper-left corner of

the image accomplish?
Select all that apply

a)

It lets learners navigate back to the CalArts homepage

b)

It lets learners see the path they have traveled within the CalArts
website.

c)

it lets learners see where they are on the CalArts site.

d)

it lets learners know what page they're on.

e)

it lets learners see what site they're on.

48.

You have an important message that you want to share with the users of your
website through a site alert. In which of the following sections would it be the
most appropriate for the site alert to appear?

a)

footer

b)

header

c)

sidebar

d)

content

49.

You want to deter visitors to your website from copying or re-using your content
by posting a copyright notice. In which of the following sections does a copyright
notice usually appear?

a)

header

b)

footer

c)

Content

d)

sidebar

50.

Your website's business has multiple sponsors who are important contributors to
the business and need to be recognized as such, but you don't want the
placement of their logos to supersede your own. In which of the following
sections would it be appropriate to ads or affiliate links for these sponsors?

a)

footer

b)

content

c)

. header

d)

sidebar

51.

What is the advantage of an accordion on a website? Check all that apply.

a)

The user gets a scannable overview of the scope of
information.

b)

Complex, lengthy information can be presented in a more
compact way.

c)

You can play German folk music with it.

d)

It lets the user open and close content buckets.

e)

It makes pages that are really long to be scrolled.