PRACTICE QUIZ
In a single column website layout, what’s the most common order for arranging elements from top to bottom?
From top to bottom, single column website layouts are commonly ordered by navigation, content, and footer. This layout is frequently used for mobile websites because of its straightforward approach to presenting information to users.
Which asymmetrical layout encourages specific browsing patterns? Select all that apply.
Z-shape is an asymmetrical website layout that encourages users to browse the website in the shape of the letter Z. It’s often used for websites or pages with less content, such as a sign-up page. Another asymmetrical layout that encourages a specific browsing pattern is the F-shape. Explanation: F-shape is an asymmetrical website layout that encourages users to browse the website in the shape of the letter F. This allows users to quickly scan information on a page. Another asymmetrical layout that encourages a specific browsing pattern is the Z-shape, which is a browsing pattern that imitates the natural scanning pattern of Western users who read left to right and top to bottom.
What are some benefits of wireframing? Select all that apply.
Wireframing allows the team to quickly try out design options, which can save time and resources. It also allows them to figure out the layout of the design. Explanation: Wireframing allows designers to create multiple versions quickly, which can save time and resources. It also helps designers figure out the layout of a design. Explanation: Wireframing allows designers the opportunity to develop multiple versions of their product quickly before deciding on future direction for the design. This can result in saving designers time and resources.
It’s best practice to create multiple important pages to figure out which features and layouts you and the team like best.
It’s best practice to create multiple versions of important pages, like the homepage, to figure out the ideal features and layouts. You can even combine the most favorable elements of each version into one new wireframe!
What makes responsive web design valuable? Select all that apply.
Responsive web design drives mobile traffic to the website. After all, not everyone will be visiting a website from a desktop computer. A website should be viewable and accessible to users regardless of the platform they are using. This will create a positive user experience, and save designers time and resources from having to design for every device size. Explanation: Responsive web design adapts easily to any screen, which increases the usability of a webpage. This creates a positive user experience for people visiting the site, regardless of the platform they are using. Responsive web design also saves designers time and resources from having to design for every device size. It also drives mobile traffic because many users access the web from their mobile devices. Explanation: Responsive web design adapts easily to any screen, which increases the usability of a webpage. This creates a positive user experience for people visiting the site, regardless of the platform they are using. Since designers don’t have to design a website for every device size, it also saves them time and resources! Furthermore, responsive web design drives mobile traffic because a lot of users access the web from their mobile devices.
When designing an adaptive layout, which of the following works best for presenting lots of images on a mobile site?
Carousels are often used on websites with a lot of images as well as mobile sites. They help condense the layout on smaller screens.
What is a characteristic of a sticky top navigation bar?
This feature can be helpful if the page gets too long because users don’t have to scroll all the way back up if they want to switch to a different page.
When building wireframes, what are some elements designers include in the footer of a webpage? Select all that apply.
Designers can add boxes representing social media icons to a website’s footer. Links to social media profiles can drive traffic and attract followers. They can also add small text boxes to the footer to serve as placeholders for text links to related sites or contact information. Explanation: Designers can add small text boxes to the footer to serve as placeholders for text links to related sites or contact information. They can also add boxes representing social media icons, since links to social media profiles can drive traffic and attract followers.
A designer is developing a website to be accessible for broader audiences. Which of the following features help ensure people who use assistive technology have a positive user experience? Select all that apply.
Landmarks, headings, and initial focus points are features that can help ensure people who use assistive technology have a positive user experience. Headings support visual hierarchy and aid efficient navigation for users of screen readers. Explanation: Landmarks, headings, and initial focus points are features that can help ensure people who use assistive technology have a positive user experience. Landmarks are used by assistive technology, like screen readers, to provide cues for navigation. These allow users to efficiently move from one section to another. Explanation: Landmarks, headings, and initial focus points are features that can help ensure people who use assistive technology have a positive user experience. Initial focus points are specific and distinct areas that guide users attention to a singular point or primary task.
A designer is receiving feedback. What are some of the benefits they can hope to receive? Select all that apply.
A team member provided feedback to a designer and suggested a different layout that is more accessible. The team member then created a wireframe with the new layout. How can this team member provide better feedback in the future?
What is the term for a planned period of time where UX designers present their work to team members and listen to feedback?
After a productive design critique session, May received a variety of suggestions to consider. Identify a question they should ask while going through the feedback? Am I ready to consider the feedback that’s critiquing my work?
When giving feedback, which of the following is a best practice?
A designer receives and synthesizes feedback from a design critique session for a recipe app. Which response is most effective for the designer to take action to improve the design?
Jocelyn has just finished going over her notes from a design critique. One of the pieces of feedback was that the information architecture (IA) on the homepage is a little confusing. What are some possible actions Jocelyn should take? Select all that apply.
After preparing feedback and making sure the reasoning is clear, what is the next thing a designer should do?
A UX designer has received feedback about a mobile app they’re designing. Now, they are reflecting on the feedback they received. Which of the following ideas is helpful for the designer to remember about the feedback process? 10.A design team plans a critique session for their latest prototype. They ask one of the members to be prepared to share the design and remain actively engaged in the session to ensure that the feedback is clearly understood. What role is this an example of?
Identify advantages of receiving feedback. Select all that apply.
After a design critique session, a designer begins integrating feedback into their design. First, the designer implements the most important feedback from the session. Some of the feedback will require input from a specialist. The designer chose not to implement feedback that didn’t align with the design plans. Finally, the designer began implementing the feedback into the design. Which action did the designer forget?
Imagine a designer receives and synthesizes feedback from a design critique session for a personal care service app. Which response is most effective for the designer to take action to improve the design?
A UX designer is preparing to get feedback about a mobile app they are almost finished designing. They are comfortable with the team and looking forward to presenting their work. Which of the following is a helpful question for the design to consider about the feedback process?
Fill in the blank: In order to make sure a design critique session runs smoothly, a facilitator not only provides an overview of the session, they also make sure _____ .
Receiving feedback can improve designs and build a designer’s confidence. Which of the following is another benefit of feedback?
Why are design critique sessions held?
Fill in the blank: After a designer has presented their designs in a design critique, they should process the feedback and _____.
In a design critique session, a reviewer with limited dexterity mentioned that the buttons were very small and hard to interact with. What would be a good course of action for the designer to address this feedback?
The newest designer on a team has some feedback on a colleague's designs. What is their best course of action?
Fill in the blank: When reflecting on how much feedback to give and receive, it is helpful for designers to understand that _____.
Receiving feedback from a diverse audience is one of the goals of soliciting feedback.
Angel gave Mohammed feedback on their designs last week, but Mohammed would like to get additional information to revise the designs. The comments only identify suggestions such as: “The shapes aren’t right” and “The colors are too vibrant.” What should Angel do to provide more effective feedback?
Which of the following is an example of good feedback?
After a designer has presented their designs in a design critique, what are the next steps?
The newest member of a design team emails another designer to review the mockups they drafted. How should the more senior designer reply?
How can a designer overcome reservations about giving and receiving feedback?
What should a designer consider when reflecting on how much feedback they give and receive at each stage of a project? Select all that apply.
Fill in the blank: When a new team member asks for feedback, ideally a senior team member will highlight what the new team member did well and then _____.
What are some advantages of receiving feedback as a UX designer? Select all that apply.
Harpreet presented her design during a design critique session. After synthesizing the comments, one comment stood out the most: the design needed to consider a more accessible user interface and colors. What action can Harpreet take to convert this feedback into actionable steps?
In a design critique session, who gives feedback about the design and offers clear actions to take?
A designer is reviewing notes from a design critique. One piece of feedback was that the layout of the product page was confusing. What are some possible actions the designer should take? Select all that apply.
What are the advantages of hosting a design critique session? Select all that apply.
A team member provides tailored feedback to a designer and tells them that the colors in the design aren’t good. The team member moves on quickly to another task without saying anything else. How can this team member provide better feedback in the future?
After a productive design critique session, Reina is ready to take the next steps and integrate feedback into her design. First, Reina starts implementing feedback that stuck out to her during the session first. Some of the feedback required her to consult a specialist. Reina opted not to implement feedback that didn’t align with the design plans. Afterward, she began implementing the feedback into the design. Which action did she forget to take?
When giving feedback, why is it best to describe problems rather than provide solutions?
In a design critique session of Arnaud’s design, a reviewer who experiences color-blindness reported that it was difficult to see the button copy. What would be a good course of action for Arnaud to address this feedback?
In order to make sure a design critique session runs smoothly, a facilitator should take care of what responsibilities? Select all that apply.
Leo provided feedback on Cain’s design, suggesting an entirely new color palette. Cain didn’t agree with the suggestion and didn't appreciate the comments, especially since the palette was not the part of the design requested for a critique. How can Leo modify this approach to provide better feedback?
Which of the following questions should you ask while going through design critique feedback?
Fill in the blank: When prioritizing possible actions from feedback, feedback related to _____ should be addressed first.
After a productive design critique session, May received a variety of suggestions to consider. Identify a question they should ask while going through the feedback?
Tim has synthesized notes from a design critique session and wants to prioritize possible actions from the feedback received. What type of feedback should be addressed first?
Fill in the blank: As a new UX design team member, it’s a good idea to consider _____.
Fill in the blank: The best way for a designer to overcome hesitation about giving and receiving feedback is to _____.
Which of the following is a primary goal of soliciting feedback?
Which helpful tips should you consider when giving feedback? Select all that apply.
What is a design critique session?
Why is feedback so important in the design process? Select all that apply.
A design critique session is a chance for team members to exchange ideas and make collective choices about a design. What is another advantage of a design critique session?
When giving feedback, it’s important to provide a reason for the feedback and describe problems rather than provide solutions. Which of the following is another helpful tip when giving feedback?
Ready to test your recall?
In a single column website layout, what’s the most common order for arranging elements from top to bottom?
How confident are you in this answer?