About this Course
Responsive Web Design in Adobe XD is the sixth course in a program that will equip you with the skills you need to apply to entry-level jobs in user experience (UX) design. In this course, you will design a responsive website using Adobe XD, a popular design tool. You will complete the design process from beginning to end: empathizing with users, defining their pain points, coming up with ideas for design solutions, creating wireframes and prototypes, and testing designs to get feedback. By the end of this course, you will have a new design project to include in your professional UX portfolio.
In addition, you’ll learn how to search for entry-level UX design jobs, create a resume that highlights your skills and accomplishments, and build your professional portfolio website.
Current UX designers and researchers at Google will serve as your instructors, and you will complete hands-on activities that simulate real-world UX design scenarios. Learners who complete the seven courses in this certificate program should be equipped to apply for entry-level jobs as UX designers.
By the end of this course, you will be able to:
– Apply each step of the UX design process (empathize, define, ideate, prototype, test) to create a responsive website.
– Develop designs in a popular design tool, Adobe XD.
– Plan information architecture and create sitemaps for website designs.
– Apply common layouts for web pages.
– Plan and conduct a usability study to gather feedback about designs.
– Iterate on designs based on research insights.
– Work with design systems in Adobe XD.
– Add a new design project to your professional UX portfolio.
– [Optional] Create or update a UX-focused resume.
– [Optional] Learn how to search for and apply to introductory-level jobs in the field of UX.
This course is suitable for beginner-level UX designers who have completed the previous five courses of the Google UX Design Certificate. Alternatively, learners need to have a strong foundational understanding of the design process; experience creating wireframes, mockups, and prototypes; and the ability to conduct usability studies. No previous experience with Adobe XD is required.
What you will learn
Apply each step of the UX design process (empathize, define, ideate, prototype, test) to create a responsive website in Adobe XD.
Plan information architecture and sitemaps for website designs.
Apply common layouts for web pages.
Complete a design project and include it in your professional UX portfolio.
Skills you will gain
Adobe XD
User Experience (UX)
Usability Testing
Prototype
User Experience Design (UXD)
Instructor
Google Career Certificates
Offered by
Google Career Certificates are part of Grow with Google, an initiative that draws on Google’s 20-year history of building products, platforms, and services that help people and businesses grow. Through programs like these, we aim to help everyone– those who make up the workforce of today and the students who will drive the workforce of tomorrow – access the best of Google’s training and tools to grow their skills, careers, and businesses.
Syllabus – What you will learn from this course
Week 1
Empathize with the user and define the user problem
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.
Week 2
Ideate solutions to the user’s problem
Your responsive website design project is underway. In this part of the course, you’ll move into the ideate phase of the design process. To help you come up with ideas for design solutions, you’ll conduct a competitive audit, complete the How Might We activity, and sketch ideas using Crazy Eights. You’ll also learn about the importance of information architecture and sitemaps when it comes to designing websites.
Week 3
Create wireframes
After you’ve empathized with users, defined the user problem to solve, and begun to ideate possible solutions, it’s time to bring your ideas to life in wireframes. Your responsive website will have different layouts, depending on the device and screen size you’re designing for, so you’ll create lots of different wireframes. First, you’ll explore common website layouts, and you’ll create paper wireframes. Next, you’ll get to know a few elements and components that are commonly used in responsive website design. Then, you’ll transition to create digital wireframes in Adobe XD. Finally, you’ll update and refine your wireframes to enhance accessibility.
Week 4
Create and test a low-fidelity prototype
Now that you’ve created digital wireframes in Adobe XD, it’s time to build, test, and iterate on a low-fidelity prototype. First, you’ll learn how to build a low-fidelity prototype in Adobe XD. You’ll get feedback about your prototype by planning and conducting a usability study. Then, you’ll make changes to your low-fidelity designs based on insights from your research.
Week 5
Create and test a high-fidelity prototype
In this part of the course, you’ll be ready to create mockups of your responsive website in Adobe XD. You’ll also extend your work with design systems and use components from external design systems in your responsive website designs. Then, you’ll turn your mockups into a high-fidelity prototype by creating connections, adding interaction details, and adjusting animations. Finally, you’ll test your high-fidelity prototype through a usability study, in order to get feedback from a diverse set of users. By the end of this part of the course, your responsive website designs will be complete!
Week 6
Document design work and search for jobs
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.
