Buy Now AED 170.99 + VAT
Monthly Subscription Starting at AED 99 + VAT
- Level Foundation
- Duration 40 hours
-
Offered by
About
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.Modules
Introduction to Course 6
-
2
Videos
-
3
Readings
-
1
Plugin
-
1
Assignment
1
Assignment
- Test your knowledge on responsive website design
2
Videos
- Understand responsive websites
- Differentiate between dedicated mobile apps and responsive web apps
3
Readings
- Welcome to Course 6
- Helpful resources and tips
- Introduction to second portfolio project
Plan information architecture
-
4
Videos
-
2
Readings
-
2
Quiz
-
1
Plugin
4
Videos
- Plan information architecture for a website
- Explore common website structures
- Explore sitemaps
- Build a sitemap for your website
2
Readings
- Learn more about information architecture
- Learn more about building a sitemap
2
Quiz
- Test your knowledge on website structures
- Activity: Create a sitemap for a website
Create paper wireframes
-
2
Videos
-
3
Readings
-
1
Plugin
2
Videos
- Explore common layouts for website home pages
- The basics of wireframes
3
Readings
- Learn more about common website layouts
- Learn more about wireframes
- Review: Create paper wireframes for a responsive website
Plan responsive web pages
-
2
Videos
-
2
Readings
-
1
Plugin
2
Videos
- Plot a responsive layout
- Adjust page layouts based on screen size
2
Readings
- Learn more about plotting responsive layouts
- Common elements used in responsive design
Create digital wireframes
-
1
Videos
-
3
Readings
1
Videos
- Transition from paper to digital wireframes
3
Readings
- Review: Create digital wireframes for a desktop screen size
- Exemplars: Create digital wireframes for a desktop screen size
- Review: Create wireframes for additional screen sizes
Refine wireframes
-
2
Videos
-
1
Readings
2
Videos
- Refine wireframes to enhance accessibility
- Evaluate wireframes using Gestalt Principles
1
Readings
- Learn more about Gestalt Principles in wireframes
Module 1 review
-
1
Videos
-
1
Readings
-
2
Quiz
1
Videos
- Wrap-up: Creating wireframes for a responsive website
1
Readings
- Glossary terms from course 6, module 1
2
Quiz
- Activity: Refine wireframes to meet standards
- Module 1 Challenge
Create a low-fidelity prototype for responsive website
-
1
Videos
-
2
Readings
-
1
Quiz
1
Videos
- Understand low-fidelity prototypes
2
Readings
- Review: Create a low-fidelity prototype for your responsive website
- Exemplars: Create a low-fidelity prototype for your responsive website
1
Quiz
- Test your knowledge on wireframes versus prototypes
Review best practices for creating mockups
-
1
Videos
-
3
Readings
-
1
Quiz
1
Videos
- Begin to design mockups
3
Readings
- Review foundational elements of visual design
- Review how to arrange elements in mockups
- Review visual design principles
1
Quiz
- Test your knowledge on the basics of mockups
Review how to work with design systems
-
1
Videos
-
2
Readings
-
1
Quiz
1
Videos
- Work with design systems
2
Readings
- Learn more about design systems
- Review: Create a sticker sheet in Figma
1
Quiz
- Test your knowledge on working with design systems
Review how to create mockups
-
3
Readings
3
Readings
- Review: Create mockups for a website
- Create mockups for a mobile website in Figma
- Review: Create a mockup for the homepage of a mobile website
Create a high-fidelity prototype
-
3
Videos
-
1
Readings
-
1
Assignment
1
Assignment
- Test your knowledge on web accessibility
3
Videos
- Review: Introduction to high-fidelity prototypes
- Review: Create a high-fidelity prototype in Figma
- Annotate prototypes for web accessibility
1
Readings
- Learn more about web accessibility
Module 2 review
-
1
Videos
-
2
Readings
-
2
Quiz
1
Videos
- Wrap-up: Creating and testing high-fidelity designs
2
Readings
- Glossary terms from course 6, module 2
- Exemplars: Create a high-fidelity prototype for a responsive website
2
Quiz
- Activity: Create a high-fidelity prototype for a responsive website
- Module 2 Challenge
Add a project to your portfolio
-
2
Videos
-
2
Readings
-
1
Quiz
-
1
PeerReview
1
Peer Review
- Add a case study to your portfolio
2
Videos
- Collaborate with engineering teams
- Add a project to your portfolio
2
Readings
- Learn more about portfolio case studies
- Exemplars: Add a case study to your portfolio
1
Quiz
- Test your knowledge on portfolio case studies
Give and receive design feedback
-
1
Videos
-
1
Plugin
1
Videos
- Give and receive feedback as a UX designer
Explore design critique sessions
-
3
Videos
-
1
Readings
-
2
Quiz
3
Videos
- The basics of design critique sessions
- Best practices for design critique sessions
- Kunal - My experience with design critique sessions
1
Readings
- Learn more about design critique sessions
2
Quiz
- Test your knowledge on design critique sessions
- Self-Reflection: Request feedback on your work
Observe a mock crit session
-
2
Videos
2
Videos
- Introduction to a mock crit session
- Observe a mock crit session
Implement feedback from crit sessions
-
2
Videos
-
1
Quiz
2
Videos
- Turn crit session feedback into actions
- Iterate on mockups based on feedback from crit sessions
1
Quiz
- Test your knowledge on implementing feedback from crit sessions
Module 3 Review
-
1
Videos
-
1
Readings
-
1
Quiz
1
Videos
- Wrap-up: Participating in design critique sessions
1
Readings
- Glossary terms from course 6, module 3
1
Quiz
- Module 3 Challenge: Participate in design critique sessions
Search for UX jobs
-
5
Videos
-
3
Readings
-
1
Quiz
5
Videos
- Understand common jobs for UX designers
- Explore types of companies that UX designers work at
- Kenny - Perseverance
- Identify where to apply for UX design jobs
- Scan job descriptions for key words
3
Readings
- Learn more about jobs in the field of user experience
- Uncover UX design job opportunities
- Begin searching for UX jobs using a tracker
1
Quiz
- Self-Reflection: Share your professional goals and interests
Build a UX design resume
-
4
Videos
-
2
Readings
-
1
Quiz
4
Videos
- 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
2
Readings
- Elements in a typical UX design resume
- Draft a UX design resume
1
Quiz
- Self-Reflection: Think about the information to include in your resume
Module 4 review
-
1
Readings
-
1
Quiz
1
Readings
- Glossary terms from course 6, module 4
1
Quiz
- Module 4 Challenge: Document design work and search for jobs
Course review
-
1
Videos
-
3
Readings
1
Videos
- Congratulations on completing Course 6: Build Dynamic User Interfaces (UI) for Websites
3
Readings
- Reflect and connect with your peers
- Course 6 glossary
- Start the next course
Auto Summary
"Responsive Web Design in Adobe XD" is a foundational course in IT & Computer Science offered by Coursera, focusing on UX design. This 2400-minute course, taught by experienced instructors, guides learners through designing responsive websites using Adobe XD. Ideal for those aiming for entry-level UX design roles, it offers flexible subscription options, including Starter, Professional, and Paid plans.