Build Dynamic User Interfaces (UI) for Websites Course Syllabus

Full curriculum breakdown — modules, lessons, estimated time, and outcomes.

Overview: This beginner-friendly course from Google introduces learners to responsive web design and UX principles, guiding them through the creation of dynamic user interfaces for websites. Over approximately 16 hours, you'll follow the UX design process to plan, prototype, test, and refine a responsive website while building practical skills for real-world projects. The course is self-paced, includes hands-on activities, and culminates in a portfolio-ready design project. Ideal for those starting a career in UX design.

Module 1: Plan a Responsive Website

Estimated time: 5 hours

  • Learn the basics of responsive web design
  • Apply the UX design thinking framework
  • Complete the empathize phase of the design process
  • Complete the define phase of the design process

Module 2: Create Wireframes and Prototypes

Estimated time: 4 hours

  • Develop wireframes for a responsive website
  • Create interactive prototypes
  • Apply common layouts for web pages
  • Plan information architecture and sitemaps

Module 3: Conduct Usability Studies

Estimated time: 4 hours

  • Plan a usability study
  • Conduct usability testing to gather feedback
  • Iterate on designs based on research insights
  • Work with design systems to maintain consistency

Module 4: Build Your Professional UX Portfolio

Estimated time: 3 hours

  • Add a responsive web design project to your portfolio
  • Learn strategies for applying to entry-level UX jobs
  • Create a resume highlighting UX skills and accomplishments

Prerequisites

  • No prior experience in UX design required
  • Basic computer literacy
  • Access to a modern web browser and internet connection

What You'll Be Able to Do After

  • Apply each step of the UX design thinking framework to create a responsive website
  • Plan information architecture and create sitemaps for website designs
  • Apply common layouts for web pages effectively
  • Conduct usability studies and iterate on designs
  • Complete a design project and include it in your professional UX portfolio
View Full Course Review

Course AI Assistant Beta

Hi! I can help you find the perfect online course. Ask me something like “best Python course for beginners” or “compare data science courses”.