- 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
Beginner
Online
6 Weeks
Free
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.
The highlights
- Google UX Design
- Delivered by Google UX designers
- Flexible schedule
- Google career certificates
- Financial aid option available
- Set weekly learning goals
- Sixth course in the series
- Beginner-level programme
Program offerings
- Google career certificates
- Course 6 of 7
- Google ux design
- Beginner level study
- Instructors from google
- Flexible learning
- Financial aid
- 40 hours to complete
- Free 7-day trial available
- Audit mode
Course and certificate fees
Type of course
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
certificate providing authority
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
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
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.
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.
The syllabus
Week 1: Starting the UX design process: Empathise and define
Videos
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
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.
FAQs
Responsive Web Design in Adobe XD by Coursera will take approximately 40 hours to complete.
Coursera offers financial aid to help interested learners who can’t afford the fee.
The course deadlines can be reset anytime and are flexible.
No. You don’t require experience in Adobe XD to enrol in the programme.
Responsive Web Design in Adobe XD programme is the sixth course in the Google UX Design series.
Articles
Popular Articles
Latest Articles
Similar Courses
An Introduction to Accessibility and Inclusive Des...
University of Illinois, Urbana Champaign via Coursera
UX Design
Juno College of Technology
UX Design Immersive
General Assembly
UX Design Bootcamp
DigitalCrafts
Introduction to UI Design Course
CareerFoundry
Intro to UX Design Course
CareerFoundry
Create Accessible Interfaces
UAL Creative Computing Institute, London via Futurelearn
Design a User Experience for Social Good and Prepa...
Google via Coursera
Create High Fidelity Designs and Prototypes in Fig...
Google via Coursera
Conduct UX Research and Test Early Concepts
Google via Coursera
Courses of your interest
3D Premium Animation and VFX
iNCUBE8 VFX Academy
Residential Design
The Designer's Class
Heritage Jewellery by Amrapali
The Designer's Class
Jewellery Design by Outhouse
The Designer's Class
Lab Grown Diamonds by Limelight
The Designer's Class
Business of Jewellery by De Beers Forevermark
The Designer's Class
Fine Jewellery
The Designer's Class
Intro to Graphic Design with Photoshop
Great Learning
Create An Image Target Based Augmented Reality Exp...
Simpliv Learning
More Courses by Google
Fundamentals Training
Google Artificial Intelligence for JavaScript Deve...
Google via Edx
Coronavirus Powersearching
Google via Edx
Building No Code Apps with App Sheet Foundations
Google via Coursera
Introduction to Cloud Identity
Google via Coursera
CBRS Professional Training
Google via Coursera
Contact Center Artificial Intelligence Conversatio...
Google via Coursera
Understanding Your Google Cloud Costs
Google via Coursera
Developing a Google SRE Culture
Google via Coursera
Deploying SAP on Google Cloud
Google via Coursera