GOOGLE UX DESIGN PROFESSIONAL CERTIFICATE

Course 6 – Responsive Web Design in Adobe XD

Week 1: Empathize with The User and Define The User Problem

Coursera Study Guide

TABLE OF CONTENT

Get started with the basics of responsive web design. To create a responsive website, you’ll follow the steps of the UX design process: empathize, define, ideate, prototype, and test. In this part of the course, you’ll complete the empathize and define phases. In addition, you’ll begin to explore Adobe XD, a popular design tool that you’ll use throughout this course.

Learning Objectives

  • Explain the purpose of responsive website design
  • Explore the basic features of Adobe XD
  • Explain the importance of understanding user needs, behaviors, and motivations
  • Develop personas
  • Conduct user research to create user journey maps and identify pain points
  • Write a problem statement

TEST YOUR KNOWLEDGE ON RESPONSIVE WEBSITE DESIGN

1. What is the primary purpose of responsive web design?

  • Allows a website to change automatically depending on the size of the device (CORRECT)
  • Helps researchers make more informed design decisions
  • Allows designers to more easily test web design prototypes
  • Organizes, categorizes, and structures a website

Correct: Responsive web design allows a website to change automatically depending on the size of the device. Creating responsive websites allows companies to reach people that use various devices with different screen sizes.

TEST YOUR KNOWLEDGE ON PROBLEM STATEMENTS

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

  • Location
  • User characteristics (CORRECT)
  • Insight (CORRECT)
  • Name (CORRECT)
  • User needs (CORRECT)

Correct: There are four main components of a problem statement, including the characteristics of the user. The other main components of a problem statement are name, user needs, and insights into why the user has those needs.

Correct: There are four main components of a problem statement, including insights into why the user specified those needs. The other main components of a problem statement are name, user characteristics, and user needs.

Correct: There are four main components of a problem statement, including the name of the user. The other main components of a problem statement are user characteristics, user needs, and insights into why the user has those needs.

Correct: There are four main components of a problem statement, including the needs of the user. The other main components of a problem statement are name, user characteristics, and insight on why the user has said needs.

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

  • Yes
  • No (CORRECT)

Correct: Even though this statement technically includes all components of a problem statement, none of the components seem related to one another. A problem statement is a clear description of a user’s need that needs to be addressed, and this sentence does not provide that clarity.

3. Fill in the blank: When starting a project in Adobe XD, you select the size of the device you want to design for in _____.

  • Pixels (CORRECT)
  • millimeters
  • inches
  • centimeters

Correct: Adobe XD allows you to select the device size based on pixels.

4. What tools can you use to create designs in an artboard? Select all that apply:

  • Magnifying glass
  • Text (CORRECT)
  • Rectangle (CORRECT)
  • Pen (CORRECT)

Correct: You can use the rectangle, ellipse, line, pen, and text tools to create the designs on your artboard. They each serve a specific purpose in how you can customize your design.

Correct: You can use the rectangle, ellipse, line, pen, and text tools to create the designs on your artboard. They each serve a specific purpose in how you can customize your design.

Correct: You can use the rectangle, ellipse, line, pen, and text tools to create the designs on your artboard. They each serve a specific purpose in how you can customize your design.

5. Personas are one of the most effective tools for giving designers a clear direction for creating design solutions, since they accurately reflect the wants and needs of users. What information does an effective persona include? Select all that apply.

  • Ideal characteristics of a user
  • Brief story that conveys the persona’s user journey (CORRECT)
  • User biographical information (CORRECT)
  • User goals and frustrations (CORRECT)

Correct: Storytelling is an effective way to get a point across. Creating a brief overview or story that conveys the persona’s user journey can drive home the goals and frustrations the design is aiming to solve. It’s also important to include user goals, frustrations, and relevant biographical information.

Correct: If it pertains to the goal of the end product, biographical information can be helpful for visualizing the direction of a design. This information can include age, education, hometown, family situation, and occupation. It’s also important to include user goals, frustrations, and a brief story that conveys the persona’s user journey.

Correct: To effectively capture a persona, it is important to include goals and frustrations that reflect the ones discovered during the interview process. It should also include a brief story that conveys the persona’s user journey, and relevant biographical information.

6. Which of the following is a good example of a user story?

  • As a busy professional and single parent, I want to have locally cooked meals delivered to my home, so that I can offer nutritious meals to my child without needing to cook. (CORRECT)
  • As a busy professional, I want ready-to-eat meals that are healthy, easy to prepare, and energizes me for a few hours.
  • As a single parent, I want freshly prepared meals that are easy to heat up for my kids because I live a busy lifestyle and don’t have time.
  • As a single parent, I want freshly prepared meals for myself, so that my dogs have a warm place to sleep.

Correct: A user story should include the type of user (who), the action (what), and the benefit to the why of the user story. This fulfills each aspect of the formula.

7. After adding a description for each user action, what is the next step in mapping out a user journey?

  • Reduce the impact of designer bias
  • Identify improvement opportunities
  • Add how the user feels at each point (CORRECT)
  • Note each action that a user needs to take to reach their goal

Correct: After adding a description for each user action, the next step in mapping out a user journey is to add how the user feels at each point.

8. Which of the following is an example of a good problem statement?

  • Lee needs a better way to store tools because they’re scattered everywhere in the garage.
  • Isabella is a head chef who needs an efficient tool to clean and store knives because cleaning at the sink takes too long. (CORRECT)
  • Monty is a professor who needs a cloud storage tool to store all of his class materials.

Correct: The statement includes the user’s name, characteristics, their need, and insight regarding why the user has the need.