Storyboarding And Wireframing

Course 3 – Build Wireframes and Low-Fidelity Prototypes quiz answers

Week 1: Storyboarding and Wireframing

Google UX Design Professional Certificate

Complete Coursera Answers & Study Guide

Storyboarding and Wireframing INTRODUCTION

Wireframing is an essential part of the overall UX design process, and Coursera’s Google UX Design Professional Certificate Program offers a comprehensive introduction to this skill. Storyboarding is a key element for organizing user interface elements and creating wireframes. In this course, you will learn how to use research findings to inform ideation during storyboarding as well as create two types of storyboards: big picture and close-up.

Additionally, you will learn how to draw your first wireframes that effectively refine your design ideas in order to address real user needs. Through understanding the benefits of wireframing, you will be able to bring your users’ vision into fruition with the highest quality result possible.

Learning Objectives

  • Build a goal statement
  • Outline a user flow
  • Create big picture and close-up storyboards, and understand when to use each type
  • Explain the difference between low-fidelity and high-fidelity design
  • Describe the purpose of wireframing in the design process
  • Apply the basics of drawing

TEST YOUR KNOWLEDGE OF PRIOR CONCEPTS

1. What are some key benefits of considering accessibility in UX design? Select all that apply.

  • Ensures underrepresented and excluded groups are taken into account (CORRECT)
  • Creates solutions that often help everyone (CORRECT)
  • Addresses societal structures and products rather than a person’s ability (CORRECT)

Correct: 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.

Correct: 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.

Correct: 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.

2. Which phase of the design sprint helps the team find solutions to build on?

  • Understand
  • Test
  • Ideate (CORRECT)
  • Decide
  • Prototype

Correct: 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.

3. What can a researcher learn when they properly empathize with users during user research?

  • The hopes, dreams, and assumptions of their users
  • The wants, desires, and fears of their users
  • The needs, behaviors, and motivations of their users (CORRECT)
  • The opinions, feelings, and biases of their users

Correct: 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.

4. Which of the following are examples of pain points? Select all that apply.

  • Completing the checkout process for a food delivery app
  • Being asked to submit credit card information when no payment is required (CORRECT)
  • Struggling to interact with a button on a mobile app’s homepage because it’s extremely small (CORRECT)
  • Receiving the same response to three different questions from an automated chatbot (CORRECT)

Correct: This is an example of a financial pain point, since the user has to provide sensitive personal information without a clear reason.

Correct: This is an example of a product pain point, since it is a usability issue that frustrates the user.

Correct: This is an example of a support pain point, since the user can’t get the answers they need.

5. Which of the following statements about user personas is true?

  • UX designers should avoid creating backstories for personas
  • Personas are modeled after the characteristics of the UX designer.
  • Personas can help identify patterns of behavior in users. (CORRECT)
  • A persona is a real user who provides real reviews on a product.

Correct:  In UX design, personas are fictional users whose goals and characteristics represent the needs of a larger group of users. Personas can help us identify patterns of behavior in users. These patterns might point to a common pain point that a group of users experiences.

6. Which of these user stories includes a type of user, an action, and a benefit?

  • As a yoga instructor, I want to create a consistent class schedule so that my clients know how to confidently plan their weekly exercise. (CORRECT)
  • As a scientist, I want access to my colleagues’ published research.
  • I want a bookshelf so I have somewhere to store my book collection.
  • As a chef, I want access to the freshest ingredients and the highest-quality cooking utensils.

Correct: 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.

7. Fill in the blank: Designing products with accessibility and inclusivity in mind ensures that you _____.

  • create an identical experience for all users
  • include solutions that benefit specific individuals, which improves the user experience for all users. (CORRECT)
  • create a different solution for every single user.
  • focus on creating one solution for as many people as possible

Correct: 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.

8. Which of the following is a complete problem statement?

  • Angelo needs a toolbox and shingles to fix the leak in their roof.
  • Bella is a dance choreographer who needs to create a practice video because some of their students have school during the day and can’t attend lessons in person. (CORRECT)
  • Hakim is an accountant who needs to collect expense reports from their coworkers.
  • Akiko is a construction consultant who is building a skyscraper.

Correct: In this statement, the user’s name, characteristics, need, and the reason for the need have been clearly defined.

9. Identify the steps of the ideation process in the correct order.

  • Brainstorming, documenting ideas, focusing on quantity, gathering a diverse team, questioning obvious solutions, and evaluating the ideas. (CORRECT)
  • Gathering a diverse team, brainstorming, documenting ideas, questioning obvious solutions, focusing on quantity, and evaluating the ideas.
  • Documenting ideas, brainstorming, focusing on quantity, questioning obvious solutions, gathering a diverse team, and evaluating the ideas.

Correct: 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.

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

  • Contact each company directly
  • Conduct informal research online
  • Create a marketing plan
  • Conduct a competitive audit (CORRECT)

Correct: 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.

TEST YOUR KNOWLEDGE OF STORYBOARDS

1. What are the key elements of a storyboard? Select all that apply.

  • Theme
  • Plot (CORRECT)
  • Scene (CORRECT)
  • Narrative (CORRECT)
  • Character (CORRECT)

Correct: The plot in a storyboard describes the benefit or solution of the design. Other key elements of a storyboard include scene, character, and narrative.

Correct: The scene in a storyboard helps designers imagine the user’s environment. Other key elements of a storyboard include plot, character, and narrative.

Correct: The storyboard’s narrative describes the user’s problem and how the design will solve the problem. Other key elements of a storyboard include plot, scene, and character.

Correct: The user in a storyboard is the character. Other key elements of a storyboard include plot, scene, and narrative.

2. Which of the following scenarios would be most appropriate to use a big picture storyboard?

  • You create a new homepage for a news site. You need to show the details of the product and what happens during each step of the user experience.
  • You create a tool that connects auto mechanics with local auto parts stores to check product availability in real-time. You want to test the app for possible connection issues.
  • You start the design process for a new grocery delivery app. You want to pitch some ideas to the team about how the user could use it and benefit from it. (CORRECT)

Correct: This scenario would use a big picture storyboard because you’re focusing on how people will use the product throughout their day, and why that product will be useful.

COURSERA GOOGLE UX DESING ANSWERS AND STUDY GUIDE

Liking our content? Then, don’t forget to ad us to your BOOKMARKS so you can find us easily!

Weekly Breakdown | Google Study Guides | Back to Top

TEST YOUR KNOWLEDGE OF DESIGN FIDELITY

1. Fill in the blank: Wireframes establish the basic _____ of a page and serve as an outline of a digital experience.

  • text
  • images
  • functional specifications
  • structure (CORRECT)

Correct: Wireframes establish the basic structure of a page and serve as an outline of a digital experience.

2. Which of the design fidelity types would you use if you need to get ideas out quickly while leaving room open for exploration?

  • Medium-fidelity design
  • High-fidelity design
  • Low-fidelity design (CORRECT)

Correct: Low-fidelity designs are less complex and allow designers to sketch ideas quickly.

3. Identify characteristics of a low-fidelity (lo-fi) design. Select all that apply.

  • Personas
  • User journey maps
  • Empathy maps
  • User stories (CORRECT)

Correct: When developing early solutions, User stories help narrow down which needs to focus on first. 

5. What is the goal of a storyboard?

  • To write a unique problem statement
  • To explain in a brief paragraph how a user interacts with a product
  • To identify research goals and convey them in a visual format
  • To visually describe and explore a user’s experience with a product (CORRECT)

Correct: You can think about storyboarding as a tool to visualize potential solutions to problems the user is facing. It helps you make visual connections between research insights and the flow of experience. It can also help you explain your ideas to stakeholders.

6. Big picture storyboards focus on the how and the why, while close-up storyboards focus on the _____.

  • when
  • what (CORRECT)
  • who
  • where

Correct: While big picture storyboards focus on the user experience (–the how and the why), close-up storyboards focus on the product (–the what).

7. What type of storyboard focuses on the user experience?

  • Quick view
  • Close-up
  • Big picture (CORRECT)
  • High-fidelity

Correct: A big picture storyboard focuses on the user experience, and considers questions like: How will the user use our dog walking app? Why will the app be useful? And why will the user be delighted by the app?

8. What is a characteristic of a good wireframe?

  • Good wireframes are organized and communicate information clearly. (CORRECT)
  • Good wireframes require advanced technical skills.
  • Good wireframes require extensive design experience.
  • Good wireframes are based on the designer’s ability to write.

Correct: Good wireframes do not require advanced drawing skills. They are all about organizing and communicating information clearly to the team implementing the design.

9. What are some benefits of creating wireframes? Select all that apply.

  • Wireframes allow designers to iterate slowly to allow for more ideas throughout the process.
  • Wireframes inform the color and text so stakeholders can see the layout of the design.
  • Wireframes get stakeholders to focus on structure so they can make decisions on it early. (CORRECT)
  • Wireframes can help designers catch problems early. (CORRECT)

Correct: Since wireframes are made up of simple lines and shapes, stakeholders won’t get stuck on the details. They can then make decisions on the structure quickly, and help designers catch problems early on.

Correct: Wireframes can help designers identify any missing or disorganized elements before creating the final design. It can also help stakeholders focus on the design’s structure so they can make decisions early on.

Storyboarding and Wireframing CONCLUSION

Now that you know the basics of wireframing, it’s time to start! Wireframing is an essential tool for designers, and with Coursera, you can learn everything you need to know about this important topic. Coursera’s Google UX Design Professional Certificate Program offers a comprehensive introduction to creating storyboards and wireframes.

This week you learned how to use research findings to inform ideation during the design process and how to create different storyboards: big picture and close-up. So why wait? Join Coursera now and start learning how to create amazing wireframes that address real user needs.