responsive web design in adobe xd week 5 answers
Test your knowledge on the basics of mockups
1. What are common elements in a mockup? Select all that apply.
- Color
- Typography
- Iconography
- Outline
2. Which of the following is an advantage of a high-fidelity mockup?
- High-fidelity mockups help designers map out a product during the early stages of design development.
- High-fidelity mockups allow designers to make multiple iterations without affecting the design’s functionality.
- High-fidelity mockups help designers test the product’s functionality.
- High-fidelity mockups can offer designers a basic outline of a product or screen.
3. What design characteristics make a mockup different from a wireframe?
- A mockup is a static, high-fidelity design that closely matches the final product.
- A mockup is an outline or sketch of a product.
- A mockup is clickable or highly interactive.
- A mockup includes minimal details and color.
Test your knowledge on working with design systems
4. Which of the following is a basic component of a design system? Select all that apply.
- Editorial styles
- Visual styles
- Guidelines
- UI components
5. A design team is creating mockups for a website, and wants these mockups to incorporate solutions for multiple pages. A teammate proposes the creation of a design system to ensure consistency. Which of the following is another benefit of a design system?
- Design systems house single-use elements.
- Design systems help designers create scalable designs and increase efficiency.
- Design systems allow designers to develop standards as they move through the process.
- Design systems help separate the product from the brand identity.
Test your knowledge on creating a homepage in Adobe XD
6. Fill in the blank: When creating a mockup in Adobe XD, you can add images easily by creating a ___ first, then dropping the image inside of it.
- text box
- line
- drawing
- shape
7. When creating a mockup in Adobe XD, where can you find the alignment tool?
- Artboard
- Components tab
- Property inspector
- Assets panel
8. What is the assets panel in Adobe XD?
- A collection of the elements and preferences created in a design.
- A static high-fidelity design used as a representation of a final product.
- An order of typefaces and fonts used to create divisions to aid users in where to focus and find information.
- A feature used to move or resize an element from a stack, and automatically move the rest of the elements, to preserve the defined spacing between elements.
Test your knowledge on web accessibility
9. Imagine a designer is creating a responsive high-fidelity webpage that should be accessible to people with disabilities. They place markers next to interactive UI elements on the page. What method is the designer using?
- Traversal order
- Labels
- Annotations
- Hierarchical headings
10. Imagine a designer is creating a responsive high-fidelity webpage that should be accessible to people with disabilities. They apply a method to scale the size of the text based on its importance on the page. What method is the designer using?
- Labels
- Hierarchical headings
- Annotations
- Traversal order
11. Imagine a designer is creating a responsive high-fidelity webpage that should be accessible to people with disabilities. They apply a method to add descriptive language to the interactive UI elements on the site. What method is the designer using?
- Annotations
- Hierarchical headings
- Traversal order
- Labels
Test your knowledge on usability studies
12. What are the main goals when conducting usability studies for high-fidelity prototypes? Select all that apply.
- Identify areas to iterate on the prototype and improve the design
- Define the design problem
- Determine the design solution
- Understand how users will interact with the final product
13. A designer wants to test a high-fidelity design and conduct a usability study. Which of the following is an example metric that can be used to measure the design’s success?
- Start time
- User error rate
- Color saturation
