Learn to Design a Responsive Site Using AdobeXD with this Coursera Program
06 April 2023
Add To Wishlist
Course Overview
Responsive Web Design in Adobe XD is the sixth program in a series of courses developed to prepare you for entry-level jobs in user experience (UX) design. In this course, you will learn how to create a responsive website with Adobe XD, a popular design tool. The course involves completing the design process from start to finish, including empathizing with users, defining their pain points, developing design solutions, creating wireframes and prototypes, and testing designs for feedback. By the end of this course, you will have a new design project to add to your professional UX portfolio.
Dave, a Google UI and UX Manager on Google Maps was our instructor. After teaching us the concepts, he would give us a demonstration of it on Adobe XD and tell us to work on it. The work was judged by peers and this helped us collaborate and improve the project together.
"Taking this course was a good decision as I saw my salary rise by a 100% and more importantly, learnt how to create a design portfolio and approach clients."
- Soujanya Satpute
Course Structure
This is a 6-week self-paced course that teaches how to:
- Empathize with the user and define the user problem
- Ideate solutions to the user’s problem
- Create wireframes
- Create and test a low-fidelity prototype
- Create and test a high-fidelity prototype
- Document design work and search for jobs
At the end of each week there is a peer review assignment.
Insider Tips
To get the best out of this course, I have included some important tips that you might find useful.
Develop Flash cards
I used electronic flash cards and my personal notes to understand the subject
Utilize Extra Resources
Reading extra resources for the course is best way to get new skills
Assessment
You can take any assignment 3 times in 24 hours. To pass the assignment you need at least 80% or above.
This was the schedule of assignments:
- Week 1 - 7 quizzes, 1 Assignment
- Week 2 - 6 quizzes, 1 Assignment
- Week 3 - 5 quizzes, 2 Assignment
- Week 4 - 8 quizzes, 1 Assignment
- Week 5 - 10 quizzes, 1 Assignment
- Week 6- 9 quizzes, 1 Assignment
Study Material
Presentations, design files and documentation projects are provided as study material. Peer review, the best feature of the course, helped me score better in my assignments.
Hands-on training
We were given a random Capstone project search application to select our work project.
Final Take
I am a freelance developer. I talk to client and design wireframes and prototype for them in Adobe XD. I learnt valuable lessons on the fundamental principles of design in this course; lessons that will surely take me a long way in my career. Doing this course also improved my salary by 100%
I completed multiple courses before this course. These may help you understand this course better:
- Foundations of User Experience (UX) Design
- Start the UX Design Process: Empathize, Define, and Ideate
- Build Wireframes and Low-Fidelity Prototypes
- Conduct UX Research and Test Early Concepts
- Create High-Fidelity Designs and Prototypes in Figma
This course is highly relevant and is undertaken by students from all over the world. As a UI/ UX professional, it helped me learn how to create a design portfolio and how to approach clients.
Key Takeaways
Plan information architecture and create sitemaps for website designs
Plan and conduct a usability study to gather feedback about designs
Add a new design project to your professional UX portfolio
Develop designs in a popular design tool, Adobe XD
Iterate on designs based on research insights
Work with design systems in Adobe XD
Apply common layouts for web pages
Course Instructors
Soujanya Satpute
Developer
Freelance web developer
Sign Up Now
To Make Faster & Better Learning Decisions
Search and compare from over 50K top courses from leading partners & institutes
Get comprehensive ranking, analysis of top courses, and Institutes
Get career and learning advice from top professionals & industry experts