Buy Now AED 170.99 + VAT

Monthly Subscription Starting at AED 99 + VAT

Responsive Web Design in Adobe XD

عن

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.

الوحدات

Introduction to Course 6

    • 2 Videos
    • 3 Readings
    • 1 Plugin
    • 1 Assignment
Show info about module content

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
Show info about module content

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
Show info about module content

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
Show info about module content

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
Show info about module content

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
Show info about module content

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
Show info about module content

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
Show info about module content

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
Show info about module content

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
Show info about module content

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
Show info about module content

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
Show info about module content

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
Show info about module content

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
Show info about module content

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
Show info about module content

1 Videos

  • Give and receive feedback as a UX designer

Explore design critique sessions

    • 3 Videos
    • 1 Readings
    • 2 Quiz
Show info about module content

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
Show info about module content

2 Videos

  • Introduction to a mock crit session
  • Observe a mock crit session

Implement feedback from crit sessions

    • 2 Videos
    • 1 Quiz
Show info about module content

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
Show info about module content

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
Show info about module content

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
Show info about module content

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
Show info about module content

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
Show info about module content

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.