Responsive Web Design in Adobe XD by Google via Coursera: Fee, Duration, How to Apply

Quick Facts

particular	details
Medium of instructions English	Mode of learning Self study	Mode of Delivery Video and Text Based

Course overview

Responsive Web Design in Adobe XD by Coursera is the sixth installment in the Google UX Design series. While this series of courses are designed to help you get entry-level jobs in UX design, this particular course is focused on responsive website design using the Adobe XD tool. This course will help you create a professional UX portfolio to increase your employability.

Furthermore, the Responsive Web Design in Adobe XD the online course will help you create an excellent resume to highlight your qualifications, accomplishments, and skills. You will learn the designing process from the beginning, define the users’ pain points, and develop new design ideas and solutions.

The Responsive Web Design in Adobe XD the course syllabus will be covered in the form of video lessons, readings, and practical exercises and will be delivered by Google researchers and UX designers. It will also consist of practical activities to equip you with skills and better understand the topics. This is a beginner-friendly programme that can be completed with a total time commitment of 40 hours.

Course and certificate fees

Type of course

Free

Coursera’s Responsive Web Design in Adobe XD certification fee is Rs 1,023 per month. There is also an option to audit the course for free or avail of the financial aid facility.

Responsive Web Design in Adobe XD fee structure

Course Name	Fees
(Certificate mode, 1month	Rs 1,053
Certificate mode, 3 months	Rs. 2,212
Certificate mode, 6 months	Rs. 3,160

certificate availability

Yes

certificate providing authority

Coursera

Who it is for

The Responsive Web Design in Adobe XD programme is beneficial for beginner UX designers who have completed the previous courses in the series.

Eligibility criteria

Completion of the five previous courses in the Google UX Design Certificate is recommended before joining the Responsive Web Design in Adobe XD program.
If you haven’t finished the previous courses, you would require prior experience in creating wireframes, prototypes, and mockups, and a foundational understanding of the design process. You must also know how to conduct usability studies.

Certification qualifying details

Complete the entire course material to be eligible for the Responsive Web Design in Adobe XD certification by Coursera.

What you will learn

Designing skills

On completing the Responsive Web Design in Adobe XD certification syllabus curriculum you will have learnt:

Development of designs using the Adobe XD design tool
Planning the information architecture to create sitemaps for web design
Conducting a usability study to collect user feedback about designs
Building your UX portfolio by adding new design projects
Application of each step in the UX design process to create responsive websites
Creating a robust resume that is focused on UX design
Working with design systems using Adobe XD tool
Process of applying for entry-level job opportunities in the UX field

The syllabus

Week 1: Starting the UX design process: Empathise and define

Videos

Introduction to Course 6: Responsive Web Design in Adobe XD
Dave - My journey to UX
Welcome to week
Introduction to Adobe XD
Understand responsive websites
Jennifer - Use digital design tools
Start a project in Adobe XD
Empathise with users and understand pain points
Create personas
Build a user journey map
Create user stories
Develop a problem statement
Wrap-up: Starting the UX design process: Empathise and define

Readings

Welcome to Course 6
Introduction to second portfolio project
Get started with Adobe XD
Optional - Get started with Figma
Learn more about empathizing with users
Conduct interviews for empathy maps
Create empathy maps
Activity Exemplar: Create an empathy map
Learn more about personas
Activity Exemplar: Create personas
Learn more about user stories
Learn more about user journey maps
Activity Exemplar: Create a user story and user journey map
Learn more about problem statements
Glossary

Practice exercises

Activity: Submit your choice of portfolio project prompt
Test your knowledge on responsive website design
Test your knowledge on the basics of Adobe XD
Test your knowledge on empathizing with users
Activity: Create an empathy map
Activity: Create personas
Activity: Create a user story and user journey map
Test your knowledge on problem statements

Week 2: Continuing the UX design process: Ideate

Videos

Welcome to week 2
Conduct a competitive audit
Use competitive audits to ideate
Come up with ideas using How Might We
Come up with ideas using Crazy Eights
Plan information architecture for a website
Explore common website structures
Explore sitemaps
Build a sitemap for your website
Wrap-up: Continuing the UX design process: Ideate

Readings

Learn more about competitive audits
Activity Exemplar: Conduct a competitive audit for your website
Learn more about using competitive audits to ideate
Learn more about How Might We and Crazy Eights
Activity Exemplar: Come up with ideas for your website
Learn more about information architecture
Learn more about building a sitemap
Glossary

Practice exercises

Activity: Conduct a competitive audit for your website
Self-Reflection: Use competitive research to inform designs
Test your knowledge on ideation techniques
Activity: Come up with ideas for your website
Test your knowledge on website structures

Week 3: Creating wireframes for a responsive website

Videos

Welcome to week 3
Explore common layouts for website home pages
The basics of wireframes
Plot a responsive layout
Adjust page layouts based on screen size
Transition from paper to digital wireframes
Create digital wireframes in Adobe XD
Create wireframes for additional screen sizes in Adobe XD
Jay - Design with Adobe XD
Refine wireframes to enhance accessibility
Evaluate wireframes using Gestalt Principles
Wrap-up: Creating wireframes for a responsive website

Readings

Learn more about common website layouts
Learn more about wireframes
Activity Exemplar: Begin paper wireframes for your website
Learn more about plotting responsive layouts
Common elements used in responsive design
Activity Exemplar: Create variations of your paper wireframes
Learn more about creating digital wireframes in Adobe XD
Optional - Create digital wireframes in Figma
Activity Exemplar: Create digital wireframes for a desktop screen size
Optional - Create wireframes for additional screen sizes in Figma
Activity Exemplar: Create digital wireframes for additional screen sizes
Learn more about Gestalt Principles in wireframes
Glossary

Practice exercises

Activity: Begin paper wireframes for your website
Activity: Create variations of your paper wireframes
Activity: Create digital wireframes for a desktop screen size
Activity: Create digital wireframes for additional screen sizes

Week 4: Creating and testing low-fidelity prototypes

Videos

Welcome to week 4
Understand low-fidelity prototypes
Create a low-fidelity prototype in Adobe XD
Plan a UX research study
Conduct a usability study
Reduce bias in a usability study
Analyse and synthesise research results
Iterate on low-fidelity designs based on research findings
Wrap-up: Creating and testing low-fidelity prototypes

Readings

Learn more about creating a low-fidelity prototype in Adobe XD
Optional - Create a low-fidelity prototype in Figma
Activity Exemplar: Create a low-fidelity prototype for your responsive website
Check a low-fidelity prototype
Learn more about planning a UX research study
Activity Exemplar: Plan a UX research study
Learn more about conducting a usability study
Activity Exemplar: Conduct a usability study for a low-fidelity prototype
Learn more about analyzing and synthesizing research results
Activity Exemplar: Analyze and synthesize the results of a usability study
Learn more about iterating on low-fidelity designs
Glossary

Practice exercises

Test your knowledge on wireframes versus prototypes
Activity: Create a low-fidelity prototype for your responsive website
Activity: Plan a UX research study
Self-Reflection: Determine how to reduce bias in your own studies
Activity: Conduct a usability study for a low-fidelity prototype
Activity: Analyze and synthesize the results of a usability study
Test your knowledge on modifying designs based on research findings

Week 5: Creating and testing high-fidelity designs

Videos

Welcome to week 5
Begin to design mockups
Start creating mockups for a website homepage in Adobe XD
Continue creating mockups for a website homepage in Adobe XD
Create mockups for a mobile website in Adobe XD
Work with design systems
Use external design systems in Adobe XD
Create a high-fidelity prototype in Adobe XD
Annotate prototypes for web accessibility
Wrap-up: Creating and testing high-fidelity designs
Optional - Test your high-fidelity prototype

Readings

Review foundational elements of visual design
Review how to arrange elements in mockups
Review visual design principles
Optional - Start creating website mockups in Figma
Add images and logos to mockups in Adobe XD
Use repeat grids to design in Adobe XD
Activity Exemplar: Create mockups for a website
Learn more about hidden navigation menus
Optional - Create mockups for a mobile website in Figma
Activity Exemplar: Create a mockup for the homepage of a mobile website
Learn more about design systems
Optional - Activity Exemplar: Create a sticker sheet in Figma
Learn more about web accessibility
Glossary
Optional - Review how to plan and conduct a usability study

Practice exercises

Test your knowledge on the basics of mockups
Test your knowledge on creating a homepage in Adobe XD
Activity: Create mockups for a website
Activity: Create a mockup for the homepage of a mobile website
Test your knowledge on working with design systems
Activity: Document your design decisions
Optional - Activity: Create a sticker sheet in Figma
Test your knowledge on web accessibility
Test your knowledge on usability studies

Week 6: Documenting design work and searching for jobs

Videos

Welcome to week 6
Collaborate with engineering teams
Hand off design specs in Adobe XD
Add a project to your portfolio
Understand common jobs for UX designers
Explore types of companies that UX designers work at
Identify where to apply for UX design jobs
Scan job descriptions for keywords
Understand UX design resumes
Dane - My advice for UX design resumes
Tim - A recruiter’s advice for UX design resumes
Update a resume based on job descriptions
Wrap-up: Documenting design work and searching for jobs
Congratulations on completing Course 6: Responsive Web Design in Adobe XD

Readings

Collaborate remotely with Adobe XD
Learn more about portfolio case studies
Learn more about jobs in the field of user experience
Uncover UX design job opportunities
Activity Exemplar: Begin searching for UX jobs using a tracker
Activity Exemplar: Highlight key words and requirements in job descriptions
Elements in a typical UX design resume
Activity Exemplar: Draft a UX design resume
Glossary
Start the next course

Practice exercises

Test your knowledge on handing off designs
Test your knowledge on portfolio case studies
Self-Reflection: Share your professional goals and interests
Activity: Begin searching for UX jobs using a tracker
Activity: Highlight key words and requirements in job descriptions
Self-Reflection: Think about the information to include in your resume
Activity: Draft a UX design resume
Weekly challenge 6: Document design work and search for jobs

Admission details

Step 1: The first step in registering for the Responsive Web Design in Adobe XD classes is to open the course here by clicking this link: https://www.coursera.org/learn/responsive-web-design-adobe-xd

Step 2: Now, you must go through the course offerings and features and then click ‘Enrol for free’ to proceed further.

Step 3: A dialogue box will prompt on your screen with multiple options of enrolment. If you want to learn the programme for free, audit the course.

Step 4: However, if you also want access to the graded material and the verified official certificate, you can start your free trial and continue the subscription after the period ends.

Filling the form

All you have to do to register for Responsive Web Design in Adobe XD certification is to create a learning account on the Coursera website. To sign up, enter the basic details asked like your name, username, email ID, password, country, etc. With your learning account, you can enrol in the course easily and start learning. You can also use your existing social credentials from Facebook/Microsoft/Google/Apple to sign in.

Scholarship Details

If you cannot afford the subscription fee for the course after the trial period ends, you can apply for financial aid provided by Coursera. You must fill the application for the Responsive Web Design in Adobe XD training by Coursera financial aid facility. Upon applying, wait for at least 15 days to get the notification from Coursera.

How it helps

The Responsive Web Design in Adobe XD certification benefits by equipping you with skills that are essential to becoming a UX designer. You will get a chance to build a UX portfolio showcasing your best design work to help you get employed for entry-level jobs in the industry. Another benefit is that you will learn under the guidance of Google UX designers, who will prepare you with practical knowledge on how to crack interviews in the field. After gaining this valuable experience and knowledge, you can add a shareable certificate to your accomplishments.