GOOGLE UX DESIGN PROFESSIONAL CERTIFICATE

Course 6 – Responsive Web Design in Adobe XD

Week 6: Document Design Work and Search for Jobs

Coursera Study Guide

TABLE OF CONTENT

With your responsive website designs complete, you’ll be ready to share your work with others. To start, you’ll learn how to prepare and handoff designs to engineers, who will build the final product. You’ll also add a case study to your professional UX portfolio featuring your responsive website designs. Then, you’ll pivot to focus on your big picture goal: getting a job as a UX designer. You’ll learn tips and tricks to scan job postings, and you’ll create a compelling resume that highlights your new UX skills.

Learning Objectives

  • Annotate and document designs for hand off to engineers
  • Explain the benefits and parts of a portfolio case study
  • Add a case study with website designs to a portfolio
  • [Optional] Summarize the professional goals and interests that motivate job searches and explore job opportunities
  • [Optional] Highlight key words and requirements from example job descriptions
  • [Optional] Draft a resume to highlight UX design accomplishments

TEST YOUR KNOWLEDGE ON HANDING OFF DESIGNS

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

  • Program manager
  • Data scientist
  • Back-end (CORRECT)
  • Front-end (CORRECT)

Correct: Back-end developers write code for the website’s architecture and data storage or retrieval, which is based on the UX sitemap and functionality. They play a crucial role in making a website possible. Fast load times are a result of good back-end development! UX designers also work with front-end developers. They create websites by writing code for all the user-facing interfaces.

Correct: Also known as web developers, front-end developers work with UX designers to create websites by writing code for all the user-facing interfaces. In other words, they create the functionality that users interact with on a website. UX designers also work with back-end developers. They write code for the website’s architecture and data storage or retrieval, which is based on the UX sitemap and functionality.

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

  • research reports
  • case studies
  • wireframes
  • specifications (CORRECT)

Correct: Designers provide mockups, prototypes, and specifications, so the engineering team can begin the coding process.

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

  • As long as design specifications have been finalized, then it’s ready to be delivered to 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. (CORRECT)
  • 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.

Correct: Are the designs a true representation of the intended user experience? Have placeholder texts, icons, and images been replaced with finalized assets? Are users able to interact with a design without external guidance? If you can answer “yes” to all three, then the designs are ready.

TEST YOUR KNOWLEDGE ON PORTFOLIO CASE STUDIES

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

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

Correct: A project’s goal and objectives, the designer’s role, the team’s process, and the project’s outcome are typically included in a case study.

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

  • Concise (CORRECT)
  • informal
  • complex
  • exhaustive

Correct: Your case study should be clear and concise so recruiters can quickly assess your design knowledge and skills.

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

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

Correct: Case studies are a visual demonstration of your design knowledge, willingness to collaborate with a team, and ability to see an idea through from start to finish. Demonstrating your design knowledge in a case study allows recruiters to determine how well you would fit in a potential UX role.

Correct: Case studies are a visual demonstration of your design knowledge, willingness to collaborate with a team, and ability to see an idea through from start to finish. Demonstrating your ability to progress throughout an entire project shows recruiters you can see an idea through from beginning to end.

Correct: Case studies are a visual demonstration of your design knowledge, willingness to collaborate with a team, and ability to see an idea through from start to finish. Demonstrating your willingness to collaborate with a team is a characteristic recruiters would like to see in a case study.

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

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

Correct: Your case study should include a explanations of what you learned so recruiters can understand your thought process and approach to design. It should also include samples of your best sketches, wireframes, and final polished designs to showcase your design knowledge and skills.

Correct: Your case study should include samples of your best sketches, wireframes, and final polished designs to showcase your design knowledge and skills. It should also include explanations of what you learned, so recruiters can understand your thought process and approach to design.

WEEKLY CHALLENGE 6: DOCUMENT DESIGN WORK AND SEARCH FOR JOBS

1. 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? (CORRECT)
  • Have placeholder text, icons, and imagery been replaced with finalized assets? (CORRECT)
  • Are users able to interact with and interpret the designs without external guidance? (CORRECT)

Correct: This is a key question the team needs to answer before handing off designs to engineers. If the team can answer “yes” to this question, it’s one indication that the designs are complete.

2. What is the difference between a back-end developer and a front-end developer?

  • A back-end developer writes code based on UX designer specifications; a front-end developer writes code based on the UX sitemap and functionality.
  • A back-end developer writes code based on the UX sitemap and functionality; a front-end developer writes code based on UX designer specifications. (CORRECT)
  • A back-end developer writes code for user interactions; a front-end developer writes code for website architecture.
  • A back-end developer writes code to enhance website accessibility; a front-end developer writes code to streamline information architecture.

Correct: A front-end developer, or web developer, writes code for all the user-facing interfaces based on UX designer specifications. A back-end developer writes code for the website’s architecture and data storage or retrieval, based on the UX sitemap and functionality.

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

  • Development (CORRECT)
  • Presentation
  • Design Review
  • User Testing

Correct: Development allows you to share your prototype specifically with developers; Design Review shares a document that allows you to receive feedback on your design or prototype.

4. Imagine a designer finishes their prototype in Adobe XD. They want to share it with developers. Should the designer set permissions so that anyone with a link can access the prototype?

  • Yes. It’s best to allow anyone with a link to access the documents, so designers and developers can seamlessly collaborate. 
  • No. It’s best practice to share documents with password protection. That way, designers maintain control over who can view the prototype.
  • Sometimes. It depends on the sensitivity of the material. (CORRECT)

5. A designer wraps up a final prototype of a language learning app in Adobe XD, and wants to share their work with the development team. Before they publish the prototype on the cloud, they name the file: LanguageApp-Version-Final. Does this file name reflect best practices?

  • Yes. A file name should include the project name and version. (CORRECT)
  • No. A file name must include the date, the author, and the version number.
  • Maybe. A file name can reflect the designer’s preferences, which vary designer to designer.

Correct: The file name reflects best practices, as it clearly indicates to developers what the designer is sending.

6. Imagine a designer finishes a client project and wants to write a case study. They draft a case study that describes their role in the project, the goal of the project, and the target user. They also add sketches and wireframes, and their polished designs. What critical components are missing from the case study? Select all that apply.

  • The designer’s thoughts on how the design could be improved
  • The research conducted and research findings (CORRECT)
  • The key challenges or constraints the designer faced (CORRECT)
  • The designer’s learnings during the design process (CORRECT)

Correct: The research conducted and its findings are a critical component of the case study. The case study should also include a description of what the designer learned, and the challenges and constraints they encountered.

Correct: The key challenges or constraints is a critical component of the case study. The case study should also include a description of the designer’s learnings, and the research conducted and its findings.

Correct: What the designer learns during the process is a critical component of the case study. The case study should also include the challenges and constraints, as well as a description of the research conducted and its findings.

7. Imagine that you finish your prototype in Adobe XD and want to share it with developers. What is the first step to sharing your document?

  • In the upper-right corner, click the Link tab.
  • Then, under the Cloud Settings panel, name your file.
  • In the menu bar, open Share Settings.
  • Then, using the Link tab, rename and upload your file.
  • In the upper-left corner, click the Share tab.
  • Then, under the Link Settings panel, name your file.  (CORRECT)
  • In the menu bar, open Link Settings.
  • Then, using the Share tab, rename and upload your file.

Correct: To share your prototype you first need to publish it to the cloud. Under the Link Settings panel, you should first name your project clearly so the developers know what you’re sending.

8. Fill in the blank: In Adobe XD, you can customize the level of security on a document under _____.

  • Create Link
  • Update Link
  • Link Access (CORRECT)
  • Design Review

Correct: You can customize the level of security on the document under Link Access. Select the option that is best suited to the sensitivity of the material you are sharing.

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

  • Quick to compile
  • Applies standard template
  • Easy to skim (CORRECT)
  • Visually appealing (CORRECT)

Correct: A good case study should be easy to skim. If it’s text-heavy or the overall look is too busy, people are more likely to skip over important details.

Correct: A good case study is visually appealing because it can instantly capture attention, especially for those who’d prefer to skim graphics and visual components than text.

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

  • True (CORRECT)
  • False

Correct: A case study is an important component of every designer’s portfolio. It serves to demonstrate your design knowledge and skills, how you collaborate, and your ability to carry ideas to completion.

11. What are some key elements that make up an entry-level UX resume? Select all that apply.

  • General awards
  • Portfolio link (CORRECT)
  • Technical skills and design knowledge (CORRECT)
  • Course summary of UX-related courses (CORRECT)

Correct: A portfolio link is essential to include in a UX resume because it is the main focus when recruiters evaluate potential candidates.

Correct: Hard skills like technical knowledge of design-related tools should be highlighted in a UX resume.

Correct: UX-related education or courses in a resume demonstrates the depth of design knowledge a UX design candidate has.

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

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

Correct: Case studies are important in a portfolio because they are visual demonstrations of your design knowledge.

Correct: Case studies are important in a portfolio because they demonstrate how well you work within a team.

Correct: Case studies are important in a portfolio because they demonstrate your ability to complete a design project from start to finish, despite challenges along the way.

13. What role do developers play in creating a usable product?

  • They make stable the preliminary code that UX designers compile
  • They make interactive the low-fi mockups that UX designers hand off
  • They make accessible the feature updates that UX researchers recommend
  • They make functional the designs and features that UX designers create (CORRECT)

Correct: It takes designers, researchers, and developers to create a functional and usable product. Developers take UX designers’ work and make the designs and features functional.

14. Fill in the blank: In Adobe XD, you can choose the type of file you want to share with viewers under _____.

  • View Settings (CORRECT)
  • Link Settings
  • Link Access
  • Design Review

Correct: Under View Settings, you can choose the type of file you’d like to share with viewers.

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

  • Anyone With The Link
  • Only User Testing
  • Only Invited People
  • Anyone With Password (CORRECT)

Correct: You can customize the level of security on the document you share. Anyone With The Link permissions are best for sensitive materials.

16. What are the components of a case study?

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

Correct: Project goal and objectives, the designer’s role in the project, the process the team followed, and the project outcome are all components that should be included in a case study.Correct: Project goal and objectives, the designer’s role in the project, the process the team followed, and the project outcome are all components that should be included in a case study.

17. Fill in the blank: A case study can serve as a visible representation of your design knowledge, your willingness to collaborate, and your ability to _____.

  • manage complex projects within a tight deadline
  • see an idea through from start to finish, despite challenges (CORRECT)
  • arrive at optimal design solutions, despite competing objectives
  • supervise front- and back-end developers while they write code

Correct: A case study can serve as a visible representation of your design knowledge, your willingness to collaborate, and your ability to see an idea through from start to finish, despite challenges.

18. Imagine a designer sends their portfolio to a recruiter for a potential job opportunity. One of the designer’s case studies discusses how the designer worked with a diverse team for a complex project. Which case study component is this an example of?

  • Designer’s role in the project (CORRECT)
  • Design processes followed
  • Project outcome
  • Project goal and objectives

Correct: This case study component is an example of the designer’s role in the project because it discusses how the designer worked within a project team.

19. Fill in the blank: Case studies are the major components of a portfolio because they are a _____.

  • view of a design challenge
  • reflection of how a company implements a design system
  • visual demonstration of your design knowledge (CORRECT)
  • representation of a company’s design goals

Correct: Case studies are important because they demonstrate your design knowledge throughout a project.

20. Which team member writes code for the website’s architecture and data storage?

  • Back-end developer (CORRECT)
  • UX designer
  • UX engineer
  • Front-end developer

Correct: Back-end developers write code for the website’s architecture and data storage or retrieval, based on the UX sitemap and functionality.

21. Fill in the blank: A case study needs to tell recruiters what they need to know _____.

  • with short descriptions, rather than images
  • while highlighting key industry trends
  • as quickly and efficiently as possible (CORRECT)
  • in a simple, animated deck or video

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

  • True (CORRECT)
  • False

Correct: Multiple versions of a designer’s resume should be ideal because they can target specific jobs by incorporating key terms listed in the desired job description.

23. What components typically make up a case study? Select all that apply.

  • Designer’s resume
  • Outcome of the project (CORRECT)
  • Project goal and objectives (CORRECT)
  • Designer’s role in the project (CORRECT)

Correct: It is important to explain the project’s outcome in a case study. This helps recruiters understand the designer’s process from beginning to end.

Correct: It is important to include project goals and objectives in a case study. These help recruiters understand a designer’s design process.

Correct: In a case study, it is important to explain a designer’s role in their project. This helps recruiters understand how the designer contributed to the project.

24. A designer finds a job that she is interested in, but needs to create a resume quickly before the upcoming job application deadline. What tool can she use to create a solid resume with all the necessary elements?

  • Adobe XD
  • Medium
  • Figma
  • A template from a word processing program (CORRECT)

Correct: Using a template is the fastest way to create a resume because it already includes all of the necessary elements a designer needs to include.

25. What type of developers write code for all the user-facing interfaces based on the UX designer’s specifications?

  • UI
  • Front-end (CORRECT)
  • Back-end
  • UX

Correct: Front-end developers, or web developers, help to create the functionality for users as they interact with an app or website.

26. Which of the following specialist roles focuses on designing a product’s experience and function?

  • Motion designers
  • Visual designers
  • Interaction designers (CORRECT)
  • UI designers

Correct: Interaction designers focus on designing a product’s experience and function by examining how to connect the user’s needs and the business goals with what’s feasible to build.

27. Which of the following elements make up a basic resume’s structure? Select all that apply.

  • Hobbies
  • Education (CORRECT)
  • Contact information (CORRECT)
  • Skills (CORRECT)

Correct: Education, including the completion of this certificate program, is included in a resume. Resumes should also include contact information and relevant skills.

Correct: Resumes should include the candidate’s contact information for recruiters and employers to get in touch with them. They should also include education information and relevant skills.

Correct: Relevant skills, such as the skills gained through this program, should be included in a resume. They should also include education and contact information.

28. It’s important to include keywords and key phrases in your resume.

  • True (CORRECT)
  • False

Correct: Hiring managers often skim for keywords that are also listed on the job description of the role they’re trying to fill. Sometimes there are resume scanners that search for keywords, so if your application doesn’t include enough keywords, it may get filtered out before reaching a manager.

29. What can you do with a job description to make it easier for hiring managers and software to notice your resume or portfolio?

  • Copy and paste the description verbatim
  • Study the requirements
  • Match key phrases and keywords (CORRECT)
  • Add it to a cover letter

Correct: To make it easier for hiring managers and software to notice your resume or portfolio, match key phrases and keywords from the job description.

30. Should you only include case studies from your work as a professional UX designer in your design portfolio?

  • Yes. Case studies should present designs that you have completed for companies or clients in your professional work.
  • No. You should include case studies that represent your best design work. Case studies do not necessarily need to present work from projects with clients and companies. (CORRECT)
  • Maybe. Case studies should present designs that you have completed for companies or clients in your professional work, but only if these projects went as planned.

Correct: You can customize the level of security on the document under Link Access. Select the option that is best suited to the sensitivity of the material you are sharing.

31. Imagine a recruiter has requested that you share your portfolio for consideration in a newly created role. You want to include some case studies from past projects but need to finalize them before adding them to the portfolio. What should you consider to ensure the case studies are well presented?

  • Case studies should be detailed and extensive.
  • Case studies should include just your polished designs.
  • Case studies should be visually appealing and easy to skim. (CORRECT)
  • Case studies should include every aspect of the design project.

32. A design team completes their high-fidelity prototype of a responsive website. They confirm that the designs represent the expected user experience. What else must they confirm before handing off designs to the engineering team? Select all that apply.

  • The design includes finalized assets rather than placeholders. (CORRECT)
  • The users can interact with and interpret designs without guidance. (CORRECT)
  • The back-end developers have a clear roadmap for creating the user-facing interface.
  • The front-end developers have a clear roadmap for creating the website’s architecture.

Correct: The design needs to confirm the designs are complete. The design must represent the intended user experience and include finalized assets. Beyond that, users should be able to interact with the designs without guidance.

Correct: The design team needs to confirm the designs are complete. The design must represent the intended user experience and include finalized assets. Beyond that, users should be able to interact with the designs without guidance.

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

  • UX engineer
  • UX designer
  • Back-end developer
  • Front-end developer (CORRECT)

Correct: Front-end developers work with specifications provided by UX designers. They help to create the functionality that users will be interacting with on an app or website.

34. A designer wraps up a final prototype of a storm tracking app in Adobe XD and wants to share their work with the development team. Before they publish the prototype on the cloud, they name the file. Which of the following example file names reflects best practices?

  • App-To-Test-2021
  • StormApp-To-Test
  • StormApp-Version-Final (CORRECT)
  • App-For-Review

Correct: This includes the project name and version, which clearly indicates to the developers what the designer is sending.

35. Fill in the blank: A _____ typically includes a project’s goal and objectives, a designer’s role in the project, the process the design team followed, and the project outcome.

  • design portfolio
  • hi-fi prototype
  • project summary
  • case study (CORRECT)

Correct: A case study typically includes the project goal and objectives, your role in the project, the process your team followed, and the outcome of the project.

36. Imagine a designer finishes a client project and wants to write a case study. They draft a case study that highlights their sketches, wireframes, and polished designs. Should they also include a description of the project and its goals?

  • Yes. This is critical information. They should also include information about the target user, research conducted, and learnings during the design process. (CORRECT)
  • No. This is unnecessary information. The case study should focus on the designer’s product, including the sketches, wireframes, and polished designs.
  • Sometimes. This can be helpful information to provide context. Studies should only include detailed descriptions when they compliment the designs.

Correct: The case study should include details about the project, including descriptions of the research, the project and its goals, the designer’s role, and lessons learned.

37. What is a case study?

  • Portfolio containing the final design products
  • Summarized presentation of a design project (CORRECT)
  • Interactive prototype of a draft design product
  • Description of a project’s goals and objectives

Correct: A case study typically includes the project goal and objectives, your role in the project, the process your team followed, and the outcome of the project.

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

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

Correct: It’s important to include the project name and version, which clearly indicates to the developers what the designer is sending.

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

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

Correct: A case study can serve as a visible representation of your design knowledge, your willingness to collaborate, and your ability to see ideas through.

40. When applying for UX design jobs, it is important to include which of the following materials in your application? Select all that apply.

  • Portfolio (CORRECT)
  • Resume (CORRECT)
  • Case studies (CORRECT)
  • Headshot

Correct: A portfolio is important to include in job applications. Recruiters and hiring managers review this material during the application process.

Correct: A resume is important to include in job applications. Recruiters and hiring managers review this material during the application process.

Correct: Case studies are important to include in job applications. Recruiters and hiring managers review this material during the application process.

41. 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 _____.

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