1)Choose the best term that applies to this statement:

Primarily non-visual.
UI
UX

2)Choose the best term that applies to this statement:

Creates tangible, material results.
UI
UX

3)Choose the best term that applies to this statement:

Development is driven by user behavior and feedback.
UI
UX

4)Choose the best term that applies to this statement:

Rooted primarily in graphic design.
UI
UX

5)Choose the best term that applies to this statement:

Generating solutions to elevate user engagement on a given website.
UI
UX

6)Choose the best term that applies to this statement:

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

7)Choose the best term that applies to this statement:

Concerned with how a user chooses to navigate through a website.
UI
UX

8)Choose the best term that applies to this statement:

Rooted in research, planning and testing.
UI
UX

9)An interface can be best described as a bridge between:

a screen and a system
a website and an app
a user and content
two users

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

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

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

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 screen-based button.

The “trash bin” on your computer.

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

All of the above.

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

Along a grid

Systematically

Randomly

Alphabetically

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

ordering a sandwich.

withdrawing a large sum of money from an ATM.

buying a textbook online.

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

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

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

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

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.

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

Users are inherently impatient.

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

Context-specific design is best defined as:

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

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

What happens when emerging designers make websites.

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

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

Visibility of system status

Flexibility and efficiency of use

Help and documentation

Recognition rather than recall

18)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.

Aesthetic and minimalist design

Match between system and the real world

User control and freedom

Error prevention

19)Choose the heuristic that best applies to the following example: Gmail’s notification when you have
forgotten to attach a document to an outgoing email.

Flexibility and efficiency of use

Match between system and the real world

Aesthetic and minimalist design

Error prevention

20)Choose the heuristic that best applies to the following example: Google’s advanced image search.

Help and documentation

Recognition rather than recall.

Flexibility and efficiency of use

Help users recognize, diagnose and recover from errors

21)Choose the heuristic that best applies to the following example: The “Like” or “thumbs up” button across
various platforms.

Error prevention

Consistency and standards

User control and freedom

Visibility of system status

22)It is more economical to develop.

Website
App

23)It can be viewed across different devices and platforms.

Website
App

24)It can be displayed on any device.

Website
App

25)It is easy to share content with others.

Website
App

26)Its content can be easily indexed by search engines.

Website
App

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

28)It can be displayed only on the operating system it was designed for.
Website
App

29)It is easier to monetize.

Website
App

30)It requires that users download and install it onto their devices.
Website
App

31)It’s easier to control how users can interact with and view content.
Website
App

32) Primary navigation menus should always appear horizontally at the top of a page.
True
False
33)

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

secondary navigation

subsidiary navigation

utility navigation
primary navigation

34)
Why might have Coursera’s designers decided to permanently place a search field in this area?

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

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

Coursera probably wants to imitate other search sites like Google.

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

35)

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

related content

inline links to other pages

index of pages

search results for other pages

36)
What navigational system does the blue “Explore” button use?

utility navigation

primary navigation

secondary navigation

subsidiary navigation

37)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.
It lets learners navigate back to the CalArts homepage.

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

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

it lets learners know what page they're on.

it lets learners see what site they're on.

38)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?

Header

Sidebar

Footer

Content

39)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?

Sidebar

Footer

Content

Header
40)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 supercede

your own. In which of the following sections would it be appropriate to ads or affiliate links for

these sponsors?

Content

Header

Sidebar

Footer

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

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

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

You can play German folk music with it.

It lets the user open and close content buckets.

It makes pages that are really long to be scrolled.

42)A client that runs a candy company has asked you to build a pop-up survey on their website to determine
which of their top 8 chocolate bars have users consumed in the last year. Which of the following would be the
most appropriate form element to collect this information?

Checkbox

Radio

Dropdown menu

Text field

Number stepper

43)A beer company has asked you to design a landing page for their website to ensure access is

restricted to users aged 21 and up—the landing page will prompt users to enter their birthdate.

Which of the following would be an appropriate form element to use?

Date picker

Radio

Dropdown menu
Button

Number stepper

44)A software company would like to survey users about what mobile operating system they use

most often—Android, iOS, Windows, or “Other”. Which of the following would be an

appropriate form element to use?

Checkbox

Radio

Dropdown menu

Text field

Number stepper

45)An organic farmer has enlisted your services to help her augment her online ordering system

for her restaurant clients. She would like her users to be able to choose a specific quantity of

fresh produce from a list of what will be harvested that week. Which of the following would be

an appropriate form element to use?

Radio

Text field

Number stepper

Button

Data picker

46)Fill in the blank: Hierarchy is created through _______. (answer is one word)

contrast

47)On the homepage for Wealthsimple.com, which of the following principles of visual contrast is used? Click
all that apply.
color

texture

space

direction

48)On the homepage for Neamedia.fr, which of the following principles of visual contrast are used? Click all
that apply.
direction

weight

scale

color

texture

49)Why is it important to consider whitespace in web design?

It helps make text appear smaller.

It creates drama in a composition and leads the user’s eye around.

It allows you to use up as much space as possible given your website has the ability to scroll infinitely.

All of the above.

50)Hierarchy enables a designer to guide a viewer's attention equally to all of the elements on the screen.

True

False

51)Whitespace must always be white.

True.

False.

52)What is an important difference between print and web that designers should remember?

Print design should incorporate more whitespace.

Web browser controls limit the amount of whitespace that can be seen in between elements, which is not a
problem in print.

Nothing. Modern technology has made the differences between print and web design minute.

Space in print is limited, while space in the web is infinite.

53)Why isn’t it a good idea to justify body type on a web page?

It makes the text look weird at different screen sizes.

You risk making columns that are too wide to read easily.
They are not compatible with screen readers for users with vision-related impairment.

Web browsers are not very good at hyphenating text at this point in time.

54)According to the lecture, what is the suggested minimum body text size?

12px

16px

20px

28px

55)As a general rule of thumb, about how many characters should be on a line?

40 to 70

60 to 90

50 to 80

70 to 100

56)You should always stay away from free web fonts.

True

False

57)How do you calculate the ratio of text height to line height?

Add the font size to the line height.

Add the line height to the font size.

Divide the font size by the line height.

Divide the line height by the font size.

58)What’s an argument against using true black text on a true white background throughout your entire
website?

It can cause the text to bleed into each other.

It looks boring.

The high contrast can cause eye fatigue.

It can cause screens to wear out faster.

59)What is a reason mentioned in the video for making text larger on desktop screens?

People who use desktop screens tend to have poor vision.

People tend to view desktop screens from a greater distance compared to mobile screens.

Mobile screens are not able to display text at large sizes.

Desktop screens have more space to display text.

60)What should you always do when selecting a web font for your site?

Make sure the web font is freely available, and if not, obtain a web license for it.

Look for the typeface first on your computer.

Export the typeface to an image file.

Avoid Arial, Courier, Georgia, Verdana, or Times New Roman typefaces.

1. Primarily non-visual.
UI
UX
2. Creates tangible, material results.
UI
UX
3. Development is driven by user behavior and feedback.
UI
UX
4. Rooted primarily in graphic design.

UI
UX
5. Generating solutions to elevate user engagement on a given website.
UI
UX
6. Making decisions to define the form, aesthetics, and look and feel of a site.
UI
UX
7. Concerned with how a user chooses to navigate through a website.
UI
UX
8. Rooted in research, planning and testing.
UI
UX
9. An interface can be best described as a bridge between:
a screen and a system
a website and an app
a user and content
two users
10. Why is it helpful to rely on real world models within interface design? Choose the best answer.
Real world models are already familiar to a user, and therefore can help make the user’s experience
much more seamless.
It’s easier for a designer to borrow an idea or concept that’s already been created.
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?
1 point
A screen-based button.
The “trash bin” on your computer.
Camera shutter sound when using a smartphone’s built-in camera.
All of the above.
12. What is the rule of thumb for organizing content within an interface?
1 point
Along a grid
Systematically
Randomly
Alphabetically
13. While user interactions should occur in as few steps as possible, in what situation might an extra
step be appropriate?
ordering a sandwich.
withdrawing a large sum of money from an ATM.
buying a textbook online.
14. Which physical relationship is NOT a factor for designing an interface?
the placement of an on-screen button in relationship to a user’s thumb.
the distance of a user’s eye from a screen.
the scale of a smartphone within a user’s hand.
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.
The user needs confirmation from the interface that the system is working.
Users are inherently impatient.
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:
When the designer uses different software programs to make an interface.
Shaping a design to reflect differences in content, goals, and users.
What happens when emerging designers make websites.
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.

True
False
18. In user experience design, "form follows function".
False
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 are some key principles of effective information architecture?
There are 5 principles of Information Architecture. These are Organization Systems, Labeling
Systems, Navigation Systems, Search Systems, and Metadata Systems.

22. What is card sorting, and how is it used in user experience design?
 Сard sorting is one method used to explore how users categorize or group information elements

23. 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
24. In the context of interaction design, what is the significance of usability testing?
Gemini with book:
Uncovers usability issues
Provides user insights
Improves user satisfaction
OR (Git Copilot)
Identifying Design Flaws
Improving User Experience
Iterative Process
Creating the Right Products
OR (Gemini Advanced)
Identifying Design Flaws
Improving User Experience
Validating Design Decisions
Reducing Development Costs
Enhancing Product Success
Building User Trust
25. What is the ultimate goal of content strategy in user experience design?
BOOK:
communicate that information as effectively as possible
OR(Git Copilot):
Targeting User Needs
Aligning with Business Objectives
Enhancing User Experience
Supporting Consistent Messaging
OR (Gemini Advanced)
create content that enhances the user experience and aligns with business objectives, leading to
improved user satisfaction and business success.
26. What is the ultimate goal of site structure in user experience design?
Book:
???
OR(GitCopilot):
Enhancing User Experience
Improving Accessibility
Supporting SEO
Reducing Bounce Rate
 Facilitating Site Maintenance
OR(Gemini Advanced)
Create a clear and intuitive navigation system that enables users to easily find the information
they seek and complete their desired tasks.
27. 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.
28. What are some common navigation patterns used in site structure?
Global Navigation
Local navigation
Supplementary navigation
Contextual navigation
Courtesy navigation
Remote navigation
29. What is the significance of hierarchy in site structure?
Intuitive Navigation
Efficient Information Architecture
Improved Search Engine Optimization (SEO)
Enhanced User Experience
Scalability
Consistent User Interface
30. What are some key principles of effective site structure?

31. 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
32. What is the primary purpose of wireframing in web design?
a) To create detailed visual designs of web pages
b) To outline the structure and layout of a web page without focusing on design
elements
c) To test the website on different devices and screen sizes
d) To optimize the website for search engines
33. Which of the following best describes the relationship between wireframes and prototypes?
from quizlet
a) Wireframes come after mockups and prototypes
b) Mockups come after wireframes, and prototypes come after mockups
 c) Prototypes come after wireframes and mockups
d) Wireframes, mockups, and prototypes are created simultaneously

34. 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
35. What role does usability testing play in the web design process?
Evaluating the functionality of your website by observing visitors' actions and behavior as they
complete specific tasks
OR
Usability seeks to make products easier to use
36. How does creating wireframes contribute to effective web design?
The value of wireframes is the way they integrate all three elements of the structure plane:
interface design, through the arrangement and selection of interface elements;
navigation design, through the identification and definition of core navigational systems;
information design, through the placement and prioritization of informational components.
37. 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
38. What is the significance of responsive design in modern web design practices?
it ensures that your website is accessible and usable on all devices
39. 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
40. What is the primary goal of creating prototypes in web design?
to ensure your design works in the hands of the user

41. How does wireframing contribute to collaboration among web design team members? a)
42. What is the significance of strategy in web design?
43. What role does information architecture play in web design?
44. What is the purpose of conducting user research in web design?
45. What are some common methods used in user research for web design?
46. How does wireframing contribute to effective web design?
47. What is the significance of content strategy in web design?
48. How does user testing contribute to the refinement of web design?