🌍 All Study Guides📊 Dashboard📰 Blog💡 About
Google UX Design Professional Certificate • STUDY MODE

PRACTICE QUIZ

QUESTION 1 OF 45

What does information architecture (IA) do?

A
Inspires architecture-related UX designs
B
Organizes content to help users understand where they are in a product, and where the information they want is.Correct Answer
C
Visually describes and explores a user’s experience with a product
D
Creates a basic outline of a digital experience, like an app or website
Explanation:

Information architecture refers to the organization of content that helps users understand where they are in a product, and where the information they want is. It organizes a website or an app like a map.

QUESTION 2 OF 45

How does information architecture (IA) support the wireframe creation process?

A
Provides clearer direction and understandingCorrect Answer
B
Organizes an app into lines and rectangles
C
Provides a detailed view of the final product
D
Makes the final product easy to use
Explanation:

Information architecture provides clearer direction and understanding when designers begin the wireframe creation process. Stronger information architecture typically results in a better thought-out product, and it helps designers to visualize how each screen will be navigated by users.

QUESTION 3 OF 45

Fill in the blank: Information architecture helps engineers _____.

A
create new designs
B
make designs look better
C
understand user needs
D
organize dataCorrect Answer
Explanation:

Information architecture helps engineers understand how to organize the data so, when it is ready for development, the product matches the visual designs. It’ll make their jobs easier! TEST YOUR KNOWLEDGE ON GESTALT PRINCIPLES

QUESTION 4 OF 45

Fill in the blank: Similarity, proximity, and common region are examples of Gestalt Principles. Designers can use these principles to _____ content so it is visually pleasing and easier to understand.

A
Evaluate
B
OrganizeCorrect Answer
C
recognize
Explanation:

Designers use these principles to organize content on apps and websites so it’s easier to understand and visually pleasing for the user.

QUESTION 5 OF 45

You are developing a website for a clothing resale company. On the homepage, you choose to display the top-selling brands, by logo, in the center of the page. The logos are grouped with a border around them. Which of the following Gestalt Principles apply in this scenario?

A
Proximity
B
Common regionCorrect Answer
C
Similarity
Explanation:

The common region principle applies to this webpage because the brands are grouped together.

QUESTION 6 OF 45

To adhere to the Gestalt principle of proximity, what should a designer do?

A
Use borders to group elements together
B
Put elements closer togetherCorrect Answer
C
Make elements that have a similar function look similar
Explanation:

To adhere to the Gestalt principle of proximity, a designer should put elements closer together.

QUESTION 7 OF 45

Fill in the blank: Gestalt principles describe how humans _____ similar elements, recognize patterns, and simplify complex images when they perceive objects.

A
GroupCorrect Answer
B
describe
C
create
D
disassemble
Explanation:

Gestalt principles describe how humans group similar elements, recognize patterns, and simplify complex images when they perceive objects. Humans naturally notice the whole of something before noticing its parts. For example, when people look at clouds in the sky, they often try to find similarities to things they’ve seen before, such as shapes, patterns, animals, and other objects.

QUESTION 8 OF 45

What are some benefits of using information architecture (IA) to generate a sitemap? Select all that apply.

A
IA provides a detailed view of the product.
B
IA organizes and defines the overall structure for the app or site.Correct Answer
C
IA helps engineers understand how to organize the data.Correct Answer
D
IA helps stakeholders review designs and evaluate content type and placement.Correct Answer
Explanation:

Strong information architecture establishes clearer wireframes leading to a well thought-out product, which can help engineers better understand how to organize the data during development. It also helps stakeholders to review designs and evaluate content type and placement. Explanation: Information architecture organizes and defines the overall structure for an app or site. It makes engineers’ jobs easier because they can match the development of a product to its visual design. It also helps stakeholders to review designs and evaluate content type and placement. Explanation: Stakeholders can use information architecture to determine if the content would help meet business and user goals. It also helps to organize and define overall structure for an app or site, and helps engineers understand how to organize the data during development.

QUESTION 9 OF 45

What are the benefits of using paper wireframes? Select all that apply. d Paper wireframes are low commitment. (CORRECT)

A
Paper wireframes are expensive to create.
B
Paper wireframes are polished.
C
Paper wireframes allow rapid iterations.Correct Answer
Explanation:

Since a pen and paper are the only necessary tools to create paper wireframes, they allow for low-cost, rapid iteration. Designers can create multiple wireframes in less time. They are also considered low commitment because they only require a pen and paper. Explanation: Paper wireframes are considered low commitment because they are created quickly with a pen and paper. They also allow for rapid iterations.

QUESTION 10 OF 45

What are some advantages of building a digital wireframe? Select all that apply.

A
Digital wireframes encourage adding expressive content more than focusing on structural details.
B
Digital wireframes let designers pay more attention to the structural details.Correct Answer
C
Digital wireframes are easier to share than paper wireframes.Correct Answer
Explanation:

Using digital wireframes helps designers pay attention to details and get the structure right. They)re also easier to share than paper wireframes. Explanation: Sharing a link to a digital wireframe allows for faster sharing with more people than sharing a paper wireframe. They also let designers pay more attention to structural details.

QUESTION 11 OF 45

What is the most efficient way to create a straight line?

A
Press and hold the control key
B
Press and hold the shift keyCorrect Answer
C
Press and hold the function key
D
Press and hold the command key
Explanation:

The most efficient way to create a perfectly straight line is to hold the shift key as you draw.

QUESTION 12 OF 45

Which method is most effective for creating even spacing between multiple elements?

A
With multiple elements selected, click on “Align horizontal center” in the design panel.
B
With multiple elements selected, click “Fix position when scrolling” in the design panel.
C
With multiple elements selected, click on “Distribute vertical spacing” in the design panel.Correct Answer
D
With multiple elements selected, click “Align left” in the design panel.
Explanation:

The most effective way to create even spacing between multiple elements is to select “Distribute vertical spacing” in the design panel.

QUESTION 13 OF 45

Which Gestalt principle takes elements that look alike and gives them perceived identical functions?

A
SimilarityCorrect Answer
B
Common region
C
Proximity
Explanation:

Elements that look similar are perceived to have the same function is the Gestalt principle of similarity, which can be based on their shape, size, or color.

QUESTION 14 OF 45

You are starting to design the information architecture (IA) for an app. What research should you consider to help inform your IA? Select all that apply.

A
Industry reviews
B
Peer reviews and academic journals
C
User studiesCorrect Answer
D
How existing products in the market are structuredCorrect Answer
QUESTION 15 OF 45

Your engineers thank you for providing solid information architecture. Why is this important to them?

A
Good information architecture helps them organize the data and match the visual designs. (C0RRECT)
B
Good information architecture helps them design the content so it matches the brand imagery.
C
Good information architecture helps them describe the designs to the stakeholders.
D
Good information architecture helps them choose images and icons.
QUESTION 16 OF 45

You have finished your information architecture. Now, it is time to move on to the next step in your designs. What is that next step?

A
WireframesCorrect Answer
B
Storyboards
C
Prototypes
D
Mockups
QUESTION 17 OF 45

You have created a list of information to include on the first page of your wireframe. Now, it is time to draw. The junior UX designer asks you how many drawings you will do for one wireframe page. What might you say?

A
A good rule of thumb is eight to ten drawings per page.
B
A good rule of thumb is no more than two drawings per page.
C
A good rule of thumb is only one drawing per page.
D
A good rule of thumb is five drawings per page.Correct Answer
QUESTION 18 OF 45

You created a list of information for the page you are wireframing. Then, you came up with five versions of the wireframe for that page and selected your favorite. What is your next step?

A
Start a mockup design of the wireframe.
B
Refine the wireframe.Correct Answer
C
Decide on elements to incorporate into a digital wireframe.
D
Storyboard the wireframe.
QUESTION 19 OF 45

You give the client a preview of the digital wireframe. They ask why you have used gibberish type text instead of the actual content. How would you respond?

A
Lorem ipsum text gives the developers cues for how to program the code in the later stages of the design process.
B
Lorem ipsum text gives a sense of the structure, without the distraction of the actual content.Correct Answer
C
Lorem ipsum text will be translated into the actual text later in the design phase.
D
Lorem ipsum text saves time and is easier to input than the actual text.
QUESTION 20 OF 45

The junior UX designer you are mentoring asks how you know when you are ready to transition from paper wireframes to digital wireframes. You tell them you will make the transition when you decide the paper wireframes are complete. What might “complete” mean in this context?

A
The paper wireframes have given you a solid idea of the structure moving forward.Correct Answer
B
The paper wireframes include a list of all the elements that will be included in the next iteration.
C
The paper wireframes are your finished product.
D
The paper wireframes are polished and include all visual elements.
QUESTION 21 OF 45

In your digital wireframe, you have a carousel. What do you need to do in Figma in your wireframes to demonstrate that the carousel will display multiple pages of content? Add text to explain that the carousel will display multiple pieces of content.

A
Create a new frame for each page in the carousel.
B
Create multiple pages to show the changing of content.
C
Create a pagination indicator, such as ellipses.Correct Answer
QUESTION 22 OF 45

In the digital wireframe page for your homepage, you have grouped the buttons About Us, Mission, and Vision in the same area. Which Gestalt principle have you employed?

A
Figure-ground
B
Connectedness
C
Similarity
D
Common RegionCorrect Answer
QUESTION 23 OF 45

Your client asks you to add a few clickable elements to the digital wireframes just for entertainment. These elements do not match the content or the intent of the app. You recommend against this citing that information for users should not be unexpected or unnecessary. Which principle of information architecture does this relate to?

A
Growth principle
B
Exemplar principle
C
Disclosure principleCorrect Answer
D
Choice principle
QUESTION 24 OF 45

You are working with your client on the designs for a new app and have started creating the information architecture. Your client does not understand why this step is necessary. What might you tell them about the benefits of information architecture? Select all that apply.

A
It will allow your client to interact with the designs.
B
It will help your client review the designs.Correct Answer
C
It organizes and defines the overall structure for the app.Correct Answer
D
It provides a high-level overview of the app.Correct Answer
QUESTION 25 OF 45

You are at the beginning stages of creating the information architecture (IA) for an app. What are elements that you should know about that will help inform the IA? Select all that apply.

A
The user devices
B
The usersCorrect Answer
C
The user behaviorsCorrect Answer
D
The user goalsCorrect Answer
QUESTION 26 OF 45

You are working with a junior UX designer and ask them to tell you their goals when creating wireframes. What answers are you hoping to hear? Select all that apply.

A
Wireframes offer insight into the style guide and brand identity.
B
Wireframes provide a spot to store content and see what it looks like in a structure.
C
Wireframes establish the basic structure of a page.Correct Answer
D
Wireframes highlight the intended function of each element.Correct Answer
QUESTION 27 OF 45

You have created paper wireframes. You are not sure if you are ready to transition to digital wireframes. What questions could you ask yourself to help determine if you are reading to move from paper to digital wireframes? Select all that apply. Are my wireframes ready for basic functionality?

A
Do I feel ready to incorporate visual cues?Correct Answer
B
Have I received feedback on the paper wireframes?Correct Answer
C
Are the paper wireframes complete?Correct Answer
QUESTION 28 OF 45

In your digital wireframes in Figma, you have used different thicknesses for lines. What might this convey?

A
Wider lines show divisions, while narrower lines indicate text.
B
Wider lines indicate text, while narrower lines are meant to show divisions.Correct Answer
C
Wider lines show navigation elements, while narrower lines show how the navigation connects to a page destination.
D
Wider lines show menu headings, while narrower lines show body text.
QUESTION 29 OF 45

You will use Gestalt principles while designing your digital wireframes. What are some examples of how you might employ these principles? Select all that apply.

A
Use separate locations of elements to differentiate between the functions.
B
Place similar elements close together to convey a relationship.Correct Answer
C
Use similar shapes and sizes to convey like elements.Correct Answer
D
Group elements together in the same region to convey that they are meant to be together.Correct Answer
QUESTION 30 OF 45

You are working on the information architecture for the app you are designing. You have different ways for users to access information—from the menu, via clickable icons, and through a search bar. Which principle of information architecture does this method address?

A
Disclosure principle
B
Front door principle
C
Multiple classification principleCorrect Answer
D
Focused navigation principle
QUESTION 31 OF 45

Your mentor tells you an important skill in design is adapting your information architecture (IA) approach at different stages of a project. Why might this be? Select all that apply.

A
The ability to adapt your IA allows you to redesign your prototype, if needed, at the end stages of the project.
B
The ability to adapt your IA allows you to more easily revise wireframes.Correct Answer
C
IA that can be adjusted allows you to change the structure of the design if the end product changes.Correct Answer
D
Flexible IA can allow you to add more categories if needed.Correct Answer
QUESTION 32 OF 45

The junior UX designer you are teamed up with is new to the design process. They would like to practice wireframing. What is one way you could suggest for them to practice?

A
Wireframe an existing site so you have a real product to reference.Correct Answer
B
Wireframing is not a hard skill, so there is no need to practice.
C
Wireframe another designer’s app to see if your wireframes match theirs.
D
Wireframing is easy, so just practice with the app that is being designed.
QUESTION 33 OF 45

You have created several versions of a wireframe for the homepage of your app. You have selected the best one and refined it. What is the next thing you should do?

A
Determine elements that you will explore in a digital wireframe.
B
Choose the colors and typography.
C
Check the accessibility requirements for the wireframe.Correct Answer
D
Establish the menu icons that will be used.
QUESTION 34 OF 45

In your digital wireframe, you have used same-sized circles with X’s inside them as placeholders for images. The circles will serve identical functions in your design. Which Gestalt principle does this tactic use?

A
SimilarityCorrect Answer
B
Proximity
C
Common region
D
Symmetry
QUESTION 35 OF 45

You walk your client through the design process and tell them you are ready to create paper wireframes. They ask you the benefits of taking this step. What might you say? Select all that apply.

A
Paper wireframes give you the navigational structure and menu elements early on.
B
Paper wireframes allow for lots of iterations.Correct Answer
C
Paper wireframes are the fastest way to get an idea out.Correct Answer
D
Paper wireframes are inexpensive.Correct Answer
QUESTION 36 OF 45

You have moved from paper wireframes to digital wireframes for the app you are designing. What is one clear benefit of this transition when it comes to working with your stakeholders?

A
Digital wireframes make it easier to collaborate and share.Correct Answer
B
Digital wireframes provide a view of the colors and branding.
C
Digital wireframes show the interactivity between pages.
D
Digital wireframes give a full view of the images and icons that will be used.
QUESTION 37 OF 45

You know you will use Figma for your digital wireframes and in the next phases of the design process. You have gotten as far as uploading your paper wireframes to Figma. What is your next step in Figma?

A
Share the Figma link with the design team.
B
Select the platform that will be used for the end product.
C
Make the connections between pages.
D
Build a new frame for the wireframes.Correct Answer
QUESTION 38 OF 45

You sketch out the information architecture for the app you are designing. You show it to your client and they note that it looks like a family tree. What is your client referring to in the information architecture?

A
The hierarchyCorrect Answer
B
The sequence
C
The structure
D
The organization
QUESTION 39 OF 45

You ask your client to review the information architecture (IA) of the app designs. What should they evaluate when reviewing the IA?

A
Whether the layout of the app works for end users who primarily use mobile devices
B
Whether the content is correct for the app and placed in the right places to help achieve business or product goalsCorrect Answer
C
Whether the buttons are intuitive and the associated actions take users to the desired location
D
Whether the brand identified in the design matches the brand standards provided
QUESTION 40 OF 45

You have wireframed a bunch of pages for the app but have lost track of the pages you still need to address. What can you refer to to see which ones you still have to wireframe?

A
The sitemapCorrect Answer
B
The information architecture
C
The help guide
D
The menu
QUESTION 41 OF 45

You have created paper wireframes. You are not sure if you are ready to transition to digital wireframes. What questions could you ask yourself to help determine if you are reading to move from paper to digital wireframes? Select all that apply.

A
Do I feel ready to incorporate visual cues?Correct Answer
B
Have I received feedback on the paper wireframes?Correct Answer
C
Are the paper wireframes complete?Correct Answer
D
Are my wireframes ready for basic functionality?
QUESTION 42 OF 45

You have transitioned your paper wireframes to digital wireframes. You know you need to add content to the digital wireframes. How much content should you include?

A
Important pieces of text, such as headers, to show contextCorrect Answer
B
The images and corresponding alt text
C
The connection points between pages
D
All of the content
QUESTION 43 OF 45

You are transitioning the paper wireframes into digital wireframes. What should you include in the digital wireframes?

A
Stock photos and any imagery that the client requests
B
All of the body text and headers to show what the content will look like
C
The full color palette to demonstrate correct use of the branding guidelines
D
Text labels for important icons that clarify what the icons will doCorrect Answer
QUESTION 44 OF 45

In your digital wireframe, you have a carousel. What do you need to do in Figma in your wireframes to demonstrate that the carousel will display multiple pages of content?

A
Add text to explain that the carousel will display multiple pieces of content.
B
Create multiple pages to show the changing of content.
C
Create a new frame for each page in the carousel.
D
Create a pagination indicator, such as ellipses.Correct Answer
QUESTION 45 OF 45

You are ready to start drawing wireframes. What should you do first before you start drawing?

A
Write a list of elements that need to go on the page you are wireframing.
B
Ask the engineers to create the buttons to ensure they perform the action you want.
C
Create the color palette and ensure it matches the brand guidelines.Correct Answer
D
Gather all of the content that will go on the page you are wireframing.

Ready to test your recall?

What does information architecture (IA) do?

A
Inspires architecture-related UX designs
B
Organizes content to help users understand where they are in a product, and where the information they want is.
C
Visually describes and explores a user’s experience with a product
D
Creates a basic outline of a digital experience, like an app or website

How confident are you in this answer?