Responsive Web Design in Adobe XD Quiz Answers

Week 1 - Test your knowledge on the basics of Adobe XD

Q1. What are the benefits of learning more than one design platform? Select all that apply.

• Demonstrates a designer’s versatility
• Creates healthy competition between designers
• Allows designers to ideate more effectively
• Helps designers gain more experience

Q2. When you open the main user interface for Adobe XD, what are the tabs for switching between work modes? Select all that apply.

• Design
• Share
• Wireframe
• Prototype

Week 1 - Test your knowledge on empathizing with users Quiz Answers

Q1. As designers advance to wireframing and prototyping, the design thinking workflow helps them create a user-focused product. What is the first step of the design thinking process?

• Test
• Prototype
• Define
• Ideate
• Empathize

Q2. What is the importance of understanding user needs and behaviors? Select all that apply.

• Exercises Crazy Eights
• Informs a designer’s entire design process
• Makes a product design effective
• Streamlines the usability study process

Week 1 - Test your knowledge on problem statements Quiz Answers

Q1. What are the components of a problem statement? Select all that apply.

• Name
• Insight
• Location
• User characteristics
• User needs

Q2. Consider the following sentence: “Andre is a competitive eater who needs to find an app that will balance their competitive billiards schedule because they are planning a special event next month.” Is this an example of a good problem statement?

• True
• False

Week 2 - Test your knowledge on ideation techniques Quiz Answers

Q1. Imagine that you kickstart the ideation process to translate issues your users experience into opportunities for design. You choose an ideation method that encourages designers to explore ideas, stay open-minded, and collaborate. Which method does this reflect?

• Prototype
• How Might We
• Wireframing
• Empathy

Q2. Which ideation method involves brainstorming ideas under a specified time limit?

• Competitive audit
• Crazy Eights
• How Might We

Week 2 - Test your knowledge on website structures Quiz Answers

Q1. Which website structure allows users to follow their own path because content is linked in several ways?

• Matrix model
• Sequential model
• Database model
• Hierarchical model

Q2. Hermes wants to create a web page design for a research database that makes it easy for users to search for information. Which website structure should they use?

• Sequential model
• Database model
• Matrix model
• Hierarchical model

Q3. Javier starts work for a new client. The client wants Javier to design the look of a website plug-in for the quizzes on their educational platform. They want students to see one question at a time rather than the whole quiz. They want a simple yet modern look. What type of structure model should Javier use?

• Sequential model
• Database model
• Matrix model
• Hierarchical model

Q4. What are the advantages of using common website structures? Select all that apply.

• Tested and effective
• Meet user expectations
• Improved navigation
• Timeless design

Week 4 - Test your knowledge on wireframes versus prototypes Quiz Answers

Q1. Fill in the blank: A designer is developing a retail website and wants to test how well users can add items to the cart. The designer creates a _____ to get feedback on the early design.

• prototype
• design framework
• high-fidelity design
• wireframe

Q2. A design team is developing a new app for a photo editor. They want to discuss design options with stakeholders before proceeding to the next phase. How should the team use wireframes at this point of the design stage?

• To explore and compare multiple ideas quickly before committing to a final design.
• To develop the interactive version of the final product.
• To identify and solve problems related to the function of the app.
• To test the design’s functionality and navigation

Week 4 - Test your knowledge on modifying designs based on research findings Quiz Answers

Q1. As designers work to analyze and synthesize results from their research, what is the next step they should take after finding themes in the data?

• Gather all data from the usability study in one place
• Organize the data
• Come up with insights
• Make improvements to the design

Q2. You receive feedback from your usability study on your gym locator app prototype. Some users reported they could not find the map view to locate gyms in their selected city. Which design modification aligns best with this feedback?

• Add a link to the Google search page
• Add a sort option to the gym locations’ list view by distance
• Add a filter based on a gym’s amenities
• Add a map view option to the search results page

Week 5 - Test your knowledge on the basics of mockups Quiz Answers

Q1. What are common elements in a mockup? Select all that apply.

• Outline
• Color
• Typography
• Iconography

Q2. Which of the following is an advantage of a high-fidelity mockup?

• 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.
• High-fidelity mockups help designers map out a product during the early stages of design development.

Q3. What design characteristics make a mockup different from a wireframe?

• A mockup is clickable or highly interactive.
• A mockup is a static, high-fidelity design that closely matches the final product.
• A mockup includes minimal details and color.
• A mockup is an outline or sketch of a product.

Week 5 - Test your knowledge on creating a homepage in Adobe XD Quiz Answers

Q1. 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.

• drawing
• text box
• shape
• line

Q2. When creating a mockup in Adobe XD, where can you find the alignment tool?

• Components tab
• Property inspector
• Assets panel
• Artboard

Q3. What is the assets panel in Adobe XD?

• A collection of the elements and preferences created in a design.
• 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.
• 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.

Week 5 - Test your knowledge on working with design systems Quiz Answers

Q1. Which of the following is a basic component of a design system? Select all that apply.

• Visual styles
• Editorial styles
• UI components
• Guidelines

Q2. 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 help separate the product from the brand identity.
• Design systems allow designers to develop standards as they move through the process.
• Design systems house single-use elements.
• Design systems help designers create scalable designs and increase efficiency.

Week 5 - Test your knowledge on web accessibility Quiz Answers

Q1. 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?

• Annotations
• Hierarchical headings
• Labels
• Traversal order

Q2. 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
• Traversal order
• Annotations

Q3. 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?

• Traversal order
• Labels
• Annotations
• Hierarchical headings

Week 5 - Test your knowledge on usability studies Quiz Answers

Q1. 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
• Understand how users will interact with the final product
• Determine the design solution

Q2. 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

Week 6 Quiz Answers

Q1. When building websites, what type of team members are crucial in building the UX team’s vision? Select all that apply.

• Back-end
• Front-end
• Program manager
• Data scientist

Q2. Fill in the blank: Designers provide mockups, prototypes, and ____ so the engineering team can begin the coding process.

• research reports
• specifications
• case studies
• wireframes

Q3. How does a designer determine when their designs are final before sending them off to the engineering team?

• If the design passes usability studies and participants seem mostly satisfied with the design, then it’s ready to be delivered to the engineering team.
• As long as assets have been finalized and the designer believes the product looks good, then it’s ready for the engineering team.
• If the designs are true representations of the intended user experience, assets are finalized, and users are able to interact with the designs without external guidance, then it’s ready for the engineering team.
• As long as design specifications have been finalized, then it’s ready to be delivered to the engineering team.

Week 6 - Test your knowledge on portfolio case studies Quiz Answers

Q1. What are the typical components of a case study? Select all that apply.

• Outcome of the project
• Project goal and objectives
• Designer’s role in the project
• Usability study participant profiles
• Process the team followed

Q2. Fill in the blank: You complete a case study on your latest design project and add it to your portfolio. You should present your case study in a clear and _____ way to tell recruiters what they need to know as quickly and efficiently as possible.

• informal
• concise
• exhaustive
• complex

Q3. Fill in the blank: Sharing case studies in your portfolio is important because case studies are a visual demonstration of your _____. Select all that apply.

• design knowledge
• ability to see an idea through from start to finish, despite challenges
• willingness to collaborate with a team
• interests and hobbies

Q4. You complete a design project for a photo-sharing app and want to create a case study for your portfolio. What should you include in the case study to show recruiters you would be a strong candidate for a UX design role? Select all that apply.

• Disagreements with team members
• Rough drafts of every idea
• Sketches, wireframes, and final polished designs
• Explanation of learnings from the design process

Week 6 - Weekly challenge 6 Answers

Q1. A design team completes their high-fidelity prototype of a responsive website. Before they hand off designs to the engineering team, they need to confirm that the designs are final. What questions should they answer before handing off the designs? Select all that apply.

• Have the engineers written code for the website’s architecture and data storage?
• Are the designs a true representation of the intended user experience?
• Are users able to interact with and interpret the designs without external guidance?
• Have placeholder text, icons, and imagery been replaced with finalized assets?

Q2. Which team member writes code for the user-facing interfaces?

• Back-end developer
• UX engineer
• UX designer
• Front-end developer

Q3. When you want to share a prototype with developers in Adobe XD, what file format should you use?

• Design Review
• User Testing
• Presentation
• Development

Q4. If you share highly sensitive material in Adobe XD, what type of access permission should you select?

• Anyone With Password
• Only User Testing
• Anyone With The Link
• Only Invited People

Q5. What should a designer include in the file name when sharing content with a developer?

• Development start and end dates
• Design budget and deadline
• Project name and version
• File type and project name

Q6. What is true of a good case study? Select all that apply.

• Quick to compile
• Visually appealing
• Easy to skim
• Applies standard template

Q7. What are the components of a case study?

• Project goal and objectives, the designer’s role in the project, the process the team followed, and project outcome
• Project budget and timeline, the designer’s project tasks, the makeup of the team followed, and stakeholder feedback
• Project pitch deck and summary, the design team’s objective, the project burndown chart, and beta test feedback
• Project background and research, the design team’s budget, the process user testing followed, and product manager feedback

Q8. Imagine a designer is applying for a job at a new design firm. They want to highlight their ability to collaborate with a team. How can they convey this to the firm’s recruiter?

• Submit a cover letter without a resume, and write about your collaboration skills
• Share a portfolio with a case study, which demonstrates your willingness to collaborate
• Prepare interview responses that highlight your practiced collaboration skills
• Ask former colleagues to submit reference letters to the firm’s recruiter

Q9. When a recruiter or hiring manager considers you for a job, they’ll expect to find case studies in your portfolio.

• True
• False

Q10. A designer should have multiple resume versions that are tailored to specific jobs they apply to.

• False
• True

Q11. Fill in the blank: When creating a case study, critical pieces include the designer’s role in the project, the goal of the project, and the sketches and wireframes. Most importantly, the case study should include _____.

• the designer’s final product
• what the designer learned during the design process
• key challenges encountered
• the designer’s design experience

Q12. Why are case studies important components in a design portfolio? Select all that apply.

• They demonstrate your design knowledge.
• They demonstrate your ability to work through a project quickly.
• They demonstrate your willingness to collaborate with a team.
• They demonstrate your ability to see an idea from start to finish.