PRACTICE QUIZ
What are some key benefits of considering accessibility in UX design? Select all that apply.
Whether or not a person has a disability, considering accessibility in design often helps everyone, including those with temporary, situational, or permanent disabilities. Products created to enhance the user experience resulted in a solution that helped everyone, such as closed captioning, enlarged fonts, and magnifying tools. Explanation: In the disability community and as UX designers, the social model of disability is defined as a disability being caused by the way society is organized or how products are designed rather than a person)s ability or difference. Similar to how many products are created for those who are right-handed and less often for those who are left-handed, designers look at how a product should transform to meet underrepresented needs. Explanation: Accessibility in design, particularly equity-focused design, considers all aspects of a product to ensure it’s accessible and fair to various genders, races, and abilities, especially those from historically underrepresented groups.
Which phase of the design sprint helps the team find solutions to build on?
After starting the design sprint off on the right track with the Understand phase, the Ideate phase helps the team find solutions to build upon. To get the creative juices flowing, you start this phase by coming up with ideas and building on them to create solutions.
What can a researcher learn when they properly empathize with users during user research?
Empathizing with users helps researchers understand what users need, why they need it, and how they solve problems. This is vital in building positive user experiences.
Which of the following are examples of pain points?
This is an example of a support pain point, since the user can’t get the answers they need. Explanation: This is an example of a product pain point, since it is a usability issue that frustrates the user. Explanation: This is an example of a financial pain point, since the user has to provide sensitive personal information without a clear reason.
You are designing a life-coaching app for people between the ages of 21 and 30. After conducting research with a diverse set of users, you discover that established professionals are three times more likely to use life-coaching services than those at the beginning of their careers. Which of the following is an example of a complete user persona for your user group?
This is an example of a user persona that describes many different aspects of a user. Understanding who you’re designing for and recognizing that they lead a complex life allows you to refine your solutions to solve problems specific to them. By creating a detailed persona that has all the qualities of a real person in your user group, you can design meaningful solutions for people like Nistha.
Which of the following user stories is complete?
This user story is complete with a type of user, an action, and a benefit. A complete user story keeps the problem user-centered, actionable, and clear.
Fill in the blank: Designing products with accessibility and inclusivity in mind ensures that you _____.
This approach solves a problem for a specific user, but the solution extends to the many other users of the product. This approach provides multiple design solutions that account for different users, such as those with disabilities or those who come from traditionally marginalized backgrounds. These considerations improve the experience for the intended user, as well as other users of the product.
Which of the following is a complete problem statement?
In this statement, the user’s name, characteristics, need, and the reason for the need have been clearly defined.
Identify the steps of the ideation process in the correct order.
It’s important to begin by brainstorming many possible solutions and recording them so you have a large pool of possibilities. Gathering a diverse team provides unique perspectives when you begin to eliminate obvious solutions. Then, once you’ve refined your total number of solutions, you can assess which are best suited to your users’ needs. Completing the ideation process in this order allows you to identify many possible solutions.
You’re a UX designer working on a gaming app in a competitive market space. You want to figure out what your competitors’ strengths and weaknesses are, and how to create a better product. What should you do?
A competitive audit is a report that evaluates what competing companies are doing well with their product, and where they are failing. This information can improve your product by addressing problems your competitors haven’t accounted for.
Which of the following scenarios would be most appropriate to use a close-up storyboard?
This scenario aims to test a specific aspect of the product to see how it works, so a close-up storyboard would work best here. Designers use close-up storyboards to identify what things should do, like how a user moves from one specific screen to the next.
Which of the following UX tools and processes demonstrates the basic structure and layout of a design without including specific visual details?
Wireframes establish the structure of your page before you move into the next stage of designs. This helps you and your stakeholders evaluate how the pages of your design will work before committing to any details.
You are working on an app that connects users to tree removal services in their local area. You have already created paper wireframes and now it’s time to build the design on the computer. What is the next step?
You create digital wireframes directly after your paper wireframes. Digital wireframes make it easier to pay attention to the details of your pages compared to the paper version’s hand-drawn sketches. They are also shareable, making collaboration with others easy.
How is a prototype different from a wireframe?
Prototypes represent an entire design and demonstrate how it works. Wireframes provide an outline of each screen that goes into a prototype.
Identify the benefit of using paper prototypes in the design process
Since a pen and paper are the only necessary tools to create paper prototypes, they allow for low-cost, rapid iteration. Designers can create multiple prototypes in less time.
Fill in the blank: _____ is the collection of attitudes and stereotypes we associate to people without our conscious knowledge.
Implicit bias, or also known as unconscious bias, is the collection of attitudes and stereotypes we associate to people without our conscious knowledge.
Which of the following is an example of a usability study?
Usability studies assess the difficulty of completing core tasks in a design. Usability studies provide user feedback that helps the design team make improvements to the user experience.
A moderator conducts a usability study to solicit feedback on a mileage tracking feature for a cycling app. Which type of bias may occur if the participant gives multiple pieces of feedback in the same answer?
Serial position effect is a psychological bias where people are more likely to remember the first and last few items when given a list, while the items in the middle tend to blur.
You are a UX researcher who just finished the research for an app that helps users find speciality coffee brands. You’ve gathered all of the observations from your interviews and identified the common themes. What comes next?
After you identify the themes in the data, you determine insights based on each theme. This will help the design team implement your insights in order to improve the design
Strong insights uncovered in research should be easy to understand, answer the research question, and increase empathy for the user.
A good insight is clear, addresses the research question, and helps stakeholders connect with the user’s needs.
What types of content should be included in your presentation slide deck when presenting UX research insights to stakeholders?
You should include a section for themes, insights and recommendations, details about the study, and an appendix in your presentation slide deck. TEST YOUR KNOWLEDGE OF TYPOGRAPHY
A _____ is the size, thickness, and emphasis of letters.
A font is the size, thickness, and emphasis of letters. Some variations include light, bold, italicized, or regular.
Which of the following is an example of a typeface name?
Arial is an example of a sans serif typeface name.
You want to include a serif typeface for an upcoming design project. Which of the following font families work best for the design?
This is an example of a serif typeface because of the extra lines hanging from the text.
What are the benefits of good typography? Select all that apply.
Typography communicates a brand’s identity and values, adds hierarchy to help readers navigate a page better, and makes text easier to read. Explanation: Typography makes the content legible for users, adds hierarchy to help readers navigate a page better, and demonstrates brand guidelines. Explanation: Typographic hierarchy helps people better navigate a page, makes text easier to read, and demonstrates brand guidelines. TEST YOUR KNOWLEDGE ON COLOR
In the 60-30-10 rule for design, which color characteristic makes up 10% of the palette?
Designers should use the accent color sparingly (in about 10% of the design) to add emphasis to a specific design element.
A design team builds a site for a travel company and wants to incorporate vibrant colors into the design. The team consults the _____ to ensure the colors they select follow contrast guidelines and maintain accessibility.
Designers should follow the Web Content Accessibility Guidelines (WCAG) to make sure their designs are accessible.
Why is color an important factor in designing your product? Select all that apply.
Effective use of color can draw the user’s gaze to a particular area of your product and guide users on where to look. Explanation: Color is useful when thinking about how users feel as they navigate through a product. Explanation: Color can guide the user flow through your design and help ease the user’s journey though your product.
Luanne is an American, but she’s designing a food delivery mobile app for a client that is based in Peru. Luanne uses green as an accent color to represent prosperity. Her client criticizes the design’s color scheme because the color green has negative connotations in Peru. What could Luanne have done differently? Select all that apply.
A color’s meaning can change based on the user’s region. Color plays a vital role in conveying emotion to your users and the only way to know if your product is conveying the correct emotion is to do relevant research. Explanation: If the brief wasn’t specific about the brand colors that the client expected, Luanne could’ve asked questions prior to completing the high-fidelity design. Explanation: Luanne could have gotten a better idea of what similar apps were doing if she’d conducted competitive research before beginning her app design.
A typographic hierarchy creates visual cues to show users where to focus and how to find information.
A typographic hierarchy is a method of ordering typefaces and fonts in a layout consistently to help users better navigate a page.
How does iconography in visual design impact the user experience? Select all that apply.
Icons that create easy transitions can improve the user experience. They should limit wasted space, and support global audiences. Explanation: Icons have universal meanings that can be accessible to wider audiences. They should limit wasted space, and create easy transitions to another page or location. Explanation: The compact size of icons limit wasted space by linking to necessary functionality, which can improve the user experience. They should support global audiences, and create easy transitions to another page or location.
When you are designing your mockup, what should you do with the content?
One of your peers asks you to help them get started with Figma. They indicate that they are ready to create a mockup including the layers and objects for their design. Which name are they referring to in Figma?
You’re designing a new app for a small business. You’ve worked quite a bit on it and are now to the point of selecting typography. What do you need to do to determine the typography that is best for your design? Select all that apply.
You’re designing an app and need to show users where to focus and how to find information. What can you create to do this?
You would like to use the same fonts and sizes throughout your design. How would you make this happen in Figma?
Your client has asked for a very eye-catching website. You’ve recommended the use of color to meet this need. What are the best ways to explain to your client how color can impact the website design? Select all that apply.
You know that icons will play a key role in the user experience for your app. What best practices should you consider when using icons?
You’re ready to start your app design and will use grids. What type of grid includes a series of colored columns and uncolored alleys that allow you to organize the elements in your design?
In your app design, you’ve got content on one page that doesn’t really fit together. Which is the best containment element to separate the content?
Your client has a lot of content that they want to include in an app you’re designing. You’re worried about the amount of white space. What is the best way to express this to your client?
You’ve designed a static, high-fidelity design that represents a final product. What is this called?
You’d like to use a serif style type in your design. How can you identify a serif style type?
What are some examples of typographic hierarchy? Select all that apply.
You’re designing a mockup for a mobile app. You need to ensure the images and text fit on the device screen. What function in Figma will help you achieve this?
You’re designing an app in Figma and have decided on some icons you’d like to use. You’ll use Font Awesome in Figma to work with the icons. What does Font Awesome allow you to do with the icons? Select all that apply.
You are using Figma and have created your grid to help with the structure. You are now ready to align your design elements to the grid. Which feature can help you complete this in Figma?
In your app that you’re designing, you’ve got an important line of text that needs to be separated out from the rest of the content. Which containment element could you use to differentiate the content?
You’ve asked a colleague for feedback on your app design. They mentioned there should be more negative space in the design. What does this mean?
When do UX designers use low-fidelity designs?
You’re ready to create a mockup in Figma. You’ve already created a new file. What is your next step?
The project requirements ask for the design to work with specific phones and tablets. What can you do in Figma to accommodate this need?
Your client asks you to use better font choices throughout the design. Which one is a font? Select all that apply.
You’ve asked for feedback on a mockup of an app that you’re designing. One of your peers asks if you considered the 60-30-10 rule. What are they referring to?
You’re designing a mobile app for a new client. The client has a lot of content and they want all of it included. You are worried about the amount of white space in the design. What is the best statement to help your client understand the use of white space?
You’ve been working on designs for a website and an app for the same company. How should you treat the typography for each product?
You’ve created buttons in your app design. You want to show that a button has been selected or pressed. Which shadow type would do this?
You’ve created a button on your grid that is just the right size. But, you need to add additional text to the button and you’re worried the button may be too large. Which Figma feature can help with this issue?
When you are designing your high-fidelity mockup, what should you do with the content?
You’ve created a mockup in Figma and are ready to work on your typography. What is the first thing you’ll need to do?
You’re to the stage in your design where you’re ready to test how it looks. What should you do to test your color palette?
As you are designing your app, you consider the icons you’d like to use. Which icons are universal and should be included in your design?
Ready to test your recall?
What are some key benefits of considering accessibility in UX design? Select all that apply.
How confident are you in this answer?