🌍 All Study Guides 📊 Dashboard 📰 Blog 💡 About

Google UX Design Professional Certificate • STUDY MODE

PRACTICE QUIZ

QUESTION 1 OF 44

A designer develops a website for a local bakery and wants to direct users to its online ordering page. They add a bright orange “Place an Order” button to the homepage with a white background. What visual weight variable did the designer incorporate in the app? b' Image c' Motion d' Size

ColorCorrect Answer

Explanation:

By adding a bold color like orange to a button, the designer creates a force to attract the eye and draw the user to complete an action.

QUESTION 2 OF 44

When deciding what to emphasize in your design, what key questions should you ask? Select all that apply.

Where should I place the secondary sections?

How frequently should I include the emphasis?

Where do I want to draw the user’s attention?Correct Answer

What are the user’s goals?Correct Answer

Explanation:

When considering the application of emphasis, the user’s needs and actions should be the central focus. Key considerations should also reflect on the user)s goals. Explanation: The user should always be the central focus in any design consideration. Choosing the best emphasis for an element in a design should reflect the user’s goals. Key considerations should also prioritize the user)s needs and actions.

QUESTION 3 OF 44

Hierarchy is important in UX design because it makes clear to the user _____ and what action to take.

what needs the least attention

where to focus firstCorrect Answer

what is least important

where to find the homepage

Explanation:

Hierarchy helps point the user to the first step to take in their user journey.

QUESTION 4 OF 44

Which of the following is an example of hierarchy?

A website that features a consistent color scheme

A website’s navigation bar alternates between different colors for each subject

A website’s homepage that opens up with a large image at the top and, as users scroll down the page, the other like images gradually become smaller.Correct Answer

A website’s homepage adds bold color to the heading text

Explanation:

Hierarchy refers to a group of elements that are organized in order of importance while emphasis is about making one element stand out from the other elements surrounding it. In this case, the size of the header image indicates significant importance, since the images gradually become smaller as users scroll. Think of it like the front page of a newspaper, or above the fold. TEST YOUR KNOWLEDGE ON SCALE AND PROPORTION

QUESTION 5 OF 44

Which visual design principle is used to explain the size relationship between a given element and the other elements in a design?

Proportion

Emphasis

ScaleCorrect Answer

Containment

Explanation:

Scale is used to explain the size relationship between a given element and the other elements in the design. It can create emphasis, show similarity and contrast, and communicate visual hierarchy to the user.

QUESTION 6 OF 44

If a designer reviews the navigation bar on a mockup and considers replacing one of the five icons, which visual design elements will best help them keep the design consistent and balanced? Select all that apply.

Hierarchy

Emphasis

ProportionCorrect Answer

ScaleCorrect Answer

Explanation:

Proportion considers the balance or harmony between elements. If the designer replaces an icon with one that’s either too big or too small in comparison to the others, the design will become unbalanced. Explanation: Scale explains the size relationship between elements in a design. If a designer changes one element, it’s important they keep the scale consistent.

QUESTION 7 OF 44

Fill in the blank: If one element in your proportionate design increases in size, then the other elements should _____.

stay the same size so the original elements stay proportionate

also increase in size at the same rate in order to remain proportionateCorrect Answer

shrink in size to place emphasis on the resized element

move in the design to prevent any potential crowding

Explanation:

By increasing the size of the other elements you maintain both scale and proportion in the design. TEST YOUR KNOWLEDGE ON UNITY AND VARIETY

QUESTION 8 OF 44

A design team builds a prototype for a local farm’s website. They incorporate a consistent color scheme, complementary fonts, and consistent spacing in the design. What visual design principle is this an example of?

Hierarchy

Variety

UnityCorrect Answer

Proportion

Explanation:

Unity measures how well elements work together to communicate an idea in a design. Features like complementary fonts, consistent color schemes, and spacing contribute to unity in a design.

QUESTION 9 OF 44

If used effectively, variety can create visual interest and break up monotony. Which example is the best use of variety?

Add emojis to the end of each sentence in a social media post

Apply bold text to all content on a webpage

Use different colors from the brand)s color palette in a website)s backgroundCorrect Answer

Apply an orange background to normal weather events on a weather app

Explanation:

This is an example of variety that keeps consistency with the brand, while also adding visual interest. TEST YOUR KNOWLEDGE OF GESTALT PRINCIPLES

QUESTION 10 OF 44

Which Gestalt Principle states that elements that are close together appear to be more related compared to elements spaced farther apart?

Common region

ProximityCorrect Answer

Similarity

Explanation:

The Gestalt Principle of proximity states that elements that are close together appear to be more related than elements that are spaced farther apart.

QUESTION 11 OF 44

Consider the following scenario:

Emile is creating an app that lets people rent bicycles. Users can check in, check out, and pay for their rental with it. Emile wants users to associate the brand color—vermillion red—with the check-out process by indicating successful progress with check marks in this color. Emile wants to make buttons, such as “Next” and “Complete Order” to follow the same theme. Which Gestalt principle is this comparable to?

SimilarityCorrect Answer

Common region

Proximity

Visual balance

Explanation:

The Gestalt principle of similarity states that elements that look related are perceived to have the same function. Emile wants to create an association between progress and the brand color, which is an example of similarity.

QUESTION 12 OF 44

The closure principle describes that when a user looks at an incomplete object, they subconsciously complete the image in their mind to see the whole, completed object. Which of the following graphics best depicts the closure principle?

( S4Q3A1 )

( S4Q3A2 )Correct Answer

( S4Q3A3 )

( S4Q3A4 )

Explanation:

The missing sections of this image are uniform and, despite the missing line segments, it’s clear what the shape of this image represents. This is a great example of the closure principle.

QUESTION 13 OF 44

A design team wants to add a new, secret page on their app that only observant users will be able to find. They only want to change one element of the current design. Which visual design strategy would best allow them to adjust just one element of the current design and draw visual attention to the secret page?

Proximity

Common region

AsymmetryCorrect Answer

Symmetry

Explanation:

Asymmetry is a lack of balance and equality between elements. If a designer were to switch out one circle element with a star, the user would be drawn to the object and wonder about its importance.

QUESTION 14 OF 44

Identify the key questions a designer should ask when deciding what and where to add emphasis or visual weight. Select all that apply.

What fonts are universally popular?

What font size is better?

Where do I want to draw the user)s attention?Correct Answer

What are the user’s goals?Correct Answer

Explanation:

When it comes to deciding where to add emphasis or visual weight, a designer should consider two key questions: Where do I want to draw the user)s attention? What are the user’s goals? Explanation: When it comes to deciding what and where to add emphasis or visual weight, a designer should consider two key questions: Where do I want to draw the user)s attention? What are the user’s goals?

QUESTION 15 OF 44

Your client wants users to focus on a specific area in the app you’re designing. When designing, how would you emphasize that area?

Add more content and images to that area.

Include a pop-up window that reminds users where to look.

Insert audio instructions for users so they are directed to that area.

Give it more visual weight than other areas.Correct Answer

QUESTION 16 OF 44

Your client has asked you to highlight some important text on one screen of the app you are designing. Which form of emphasis is this?

ContrastCorrect Answer

Size

Treatment

Color

QUESTION 17 OF 44

Your client has asked that the app you are designing be accessible. How does hierarchy help support accessibility?

It directs screen readers to read content in the intended order.Correct Answer

It shows users a pyramid of content with the most important content at the top, followed by the supporting content.

It provides direction on which images or icons need alt text for visually impaired users.

It helps the screen reader decide on the necessary information to read and skips the content that is not important.

QUESTION 18 OF 44

What role does scale play in your mockups? Select all that apply.

It measures the screen dimension and adjusts buttons, icons, and images accordingly.

It creates emphasis.Correct Answer

It provides visual hierarchy.Correct Answer

It shows similarity and contrast between elements.Correct Answer

QUESTION 19 OF 44

A colleague has commented on your app and said that you have great affordances with your navigation. What does that mean?

The colors are clear and crisp.

The hierarchy is in a logical sequence.

The navigation icons are easy to understand.Correct Answer

The site responsiveness is fast.

QUESTION 20 OF 44

A colleague reviews your mockup and tells you it has excellent unity. What does this mean?

The design uses elements that are diverse and interesting.

The scale and proportion are uniform.

The color palette uses pleasing, subtle colors.

The design is easy to understand and pleasing to look at.Correct Answer

QUESTION 21 OF 44

Your UX design instructor asks you to create an app that uses Gestalt principles. What does this mean?

The app’s look and feel should be conventional, with little variety.

The app’s instructions should use directive text so users are clear on how to navigate.

The app should have clear groupings of elements and patterns.Correct Answer

The app’s navigation should be linear and the user should scroll vertically.

QUESTION 22 OF 44

You’re designing a sweet treat app. On the ordering page, you have grouped together types of baked goods using small, circular pictures. You have pictures for cakes, muffins, breads, pies, and cookies. On the other side, you grouped ice cream flavors, including pictures of various flavors such as chocolate, vanilla, strawberry, and coffee. The users will select one of these pictures and will be able to choose an item in that category. Which Gestalt principle have you used in your design?

Proximity

Continuity

Similarity

Common regionCorrect Answer

QUESTION 23 OF 44

You receive feedback on your mockup design that the accessibility is not good due to the lack of contrast. Which element do you need to adjust to address this issue?

Saturation

Hue

ValueCorrect Answer

Shadows

QUESTION 24 OF 44

In the app you are designing, the client has asked that the navigation bring users back to the homepage every time they want to visit a new page. What type of navigation would you use to do this?

Navigation menu

Tab bars

Navigation bars

Navigation hubCorrect Answer

QUESTION 25 OF 44

You have created an e-commerce app. Your client wants to make sure that users clearly see where the checkout button is located. They have asked that you make the checkout button a more bold red color. Which element do you need to increase to make that happen?

Hue

Value

Clarity

SaturationCorrect Answer

QUESTION 26 OF 44

In your app design, you have used the same color for buttons that indicate action for the users. Which Gestalt principle does this address?

Common region

Proximity

Symmetry

SimilarityCorrect Answer

QUESTION 27 OF 44

When is it appropriate to add variety to your designs?

After the client has signed off on the design

When you are designing the mockupCorrect Answer

During the final testing phase

While you are wireframing

QUESTION 28 OF 44

You show a screen design to stakeholders of a child holding an ice cream cone. The stakeholders’ feedback is that the ice cream cone is way too big compared to the child and they would like you to go back and design the ice cream cone so that it looks more realistic in terms of size. What are the stakeholders referring to?

Scale

ProportionCorrect Answer

Emphasis

Contrast

QUESTION 29 OF 44

Your mockup is looking good. As you are reviewing it, you notice that an icon encroaches on the margin and an image looks rather large in relation to the rest of the page. What is the best way to remedy these issues?

Adjust the proportionCorrect Answer

Adjust the alignment

Adjust the emphasis

Adjust the page size

QUESTION 30 OF 44

When thinking about your design, how do you determine the hierarchy?

Connect the pieces of content and pages together so it is clear what users should do.

Establish a larger size for headers and icons that are important.

Set the navigation so users are directed to where you want them to go.

Identify the primary goal users should achieve.Correct Answer

QUESTION 31 OF 44

As you are designing an app, there are certain pieces of content and buttons where you want users’ attention to go. What can you do to achieve this? Select all that apply.

Add audio.

Use contrast.Correct Answer

Change the size.Correct Answer

Incorporate texture.Correct Answer

QUESTION 32 OF 44

You use a heart icon on your website to indicate health and wellness. The heart is split down the middle, showing two equal parts. Which Gestalt principle does this address?

Common region

Asymmetry

SymmetryCorrect Answer

Proximity

QUESTION 33 OF 44

The content on your website is easy to read. You have used headers to indicate sections. It is clear that the text below the headers is related to those sections. Which Gestalt principle have you addressed in your design?

Similarity

ProximityCorrect Answer

Common region

Continuity

QUESTION 34 OF 44

You just won a job working for a grocery store chain to create an app for their customers. The app will allow them to shop online, clip coupons, and contact the pharmacy to request to refill prescriptions. The stakeholders explain that these will be the most important destinations within the app for their customers and they would like these displayed with titles and icons in a single bar along the top of the main screen. What are the stakeholders describing?

Navigation barCorrect Answer

Navigation hub

Navigation menu

Tab bar

QUESTION 35 OF 44

The brand logo on your website is a group of dotted lines which form the outline a root system beneath a large tree. Which Gestalt principle does the dotted lines forming an image relate to?

Continuity

Symmetry

Proximity

ClosureCorrect Answer

QUESTION 36 OF 44

You increase the size of a button on your mockup. What should you do to maintain correct proportions of the other buttons in your mockup?

Remove the other buttons.

Increase the size of the other buttons.Correct Answer

Keep the other buttons as they are.

Decrease the size of the other buttons.

QUESTION 37 OF 44

You show a colleague a design you have been working on before you show the stakeholders. The colleague was impressed and said they were really drawn to the main page’s logo design. You are happy to hear that because the main page’s logo design is the most important area of your design. What have you used to focus users’ eyes on the logo?

Alignment

Size

Contrast

EmphasisCorrect Answer

QUESTION 38 OF 44

You have been asked to design an app for a local coffee shop. The owner really likes how you have shown how much espresso goes into the different size lattes. A small latte has one shot of espresso, a medium latte has two shots of espresso, and a large latte has three shots of espresso. Which visual design principle did you use to convey the amount of espresso?

Perceived physical weightCorrect Answer

Saturation

Intrinsic interest

Orientation

QUESTION 39 OF 44

Your client wants users to focus on a certain section of the app you are designing. What factors influence where to place emphasis? Select all that apply.

The navigation menu and headers on each screen

The number of clicks

The user goalsCorrect Answer

Where attention should be drawnCorrect Answer

QUESTION 40 OF 44

When designing a mockup, which visual design principle would you use to guide your users to take an action?

Contrast

HierarchyCorrect Answer

Alignment

Emphasis

QUESTION 41 OF 44

A local cookie business has reached out to you to help design their website. Their goal is to highlight the size of the cookie on their website, but this is difficult to tell based on photos. You suggest taking a photo with both the cookie and a cell phone to help customers understand the relative size between the two. What concept does this describe?

ScaleCorrect Answer

Negative space

Contrast

Proportion

QUESTION 42 OF 44

Your client reviews the website you have designed and asks for more variety. What does this mean?

The design needs some vibrancy to break the monotony.Correct Answer

The design should be more uniform and easy to understand.

The design needs additional user input.

The design needs more products incorporated.

QUESTION 43 OF 44

Your client, who owns a bakery, has asked you to create an app for online ordering. They would really like to upsell their cupcakes through the app. What is the best thing you can do in your design to put emphasis on the cupcakes?

Decrease the size of the cupcake image in comparison to the other baked goods.

Add more color and a text callout to the cupcake image.

Add a highlight around the cupcake image and add arrows or other icons to put emphasis on the image.

Increase the size of the cupcake image in comparison to the other baked goods.Correct Answer

QUESTION 44 OF 44

You are designing an e-commerce site for a local artist. You want users to follow the artist’s story about their work. Ultimately, the artist would like users to end up in the gallery where they can purchase pieces of art. Which design principle would best attract users’ attention to the gallery?

Attention

EmphasisCorrect Answer

Weight

Prominence

Ready to test your recall?

A designer develops a website for a local bakery and wants to direct users to its online ordering page. They add a bright orange “Place an Order” button to the homepage with a white background. What visual weight variable did the designer incorporate in the app? b' Image c' Motion d' Size

Color

How confident are you in this answer?