Coursera Plus Annual is 40% Off — Ends July 13.

Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Google

Build Dynamic User Interfaces (UI) for Websites

Google via Google Skills

Go to class Write review
Babbel Ad

Start speaking a new language. It’s just 3 weeks away.

Learn More → University of the People Ad

Earn Your CS Degree, Tuition-Free, 100% Online!

Learn More →

Overview

Google, IBM & Meta Certificates – 40% Off
One plan covers every Professional Certificate on Coursera.
Unlock All Certificates
Design impactful user interfaces for websites by learning to plan, create wireframes, and prototype designs for user feedback. Develop a professional UX portfolio with a new design project. This is the sixth course in the Google UX Design Certificate, a series designed to prepare you for an entry-level UX designer role.

Syllabus

  • Plan a responsive website
    • Welcome to Course 6
    • Introduction to second portfolio project
    • Understand responsive websites
    • Practice Quiz: Test your knowledge on responsive website design
    • Differentiate between dedicated mobile apps and responsive web apps
    • Plan information architecture for a website
    • Learn more about information architecture
    • Explore common website structures
    • Practice Quiz: Test your knowledge on website structures
    • Explore sitemaps
    • Build a sitemap for your website
    • Learn more about building a sitemap
    • Practice Quiz: Activity: Create a sitemap for a website
    • Explore common layouts for website home pages
    • Learn more about common website layouts
    • The basics of wireframes
    • Learn more about wireframes
    • Review: Create paper wireframes for a responsive website
    • Plot a responsive layout
    • Learn more about plotting responsive layouts
    • Adjust page layouts based on screen size
    • Common elements used in responsive design
    • Transition from paper to digital wireframes
    • 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 to enhance accessibility
    • Evaluate wireframes using Gestalt Principles
    • Learn more about Gestalt Principles in wireframes
    • Wrap-up: Creating wireframes for a responsive website
    • Glossary terms from module 1
    • Practice Quiz: Activity: Refine wireframes to meet standards
    • Graded Quiz: Module 1 Challenge
  • Create and test prototypes
    • Understand low-fidelity prototypes
    • Practice Quiz: Test your knowledge on wireframes versus prototypes
    • Review: Create a low-fidelity prototype for your responsive website
    • Exemplars: Create a low-fidelity prototype for your responsive website
    • Begin to design mockups
    • Review foundational elements of visual design
    • Review how to arrange elements in mockups
    • Review visual design principles
    • Practice Quiz: Test your knowledge on the basics of mockups
    • Work with design systems
    • Practice Quiz: Test your knowledge on working with design systems
    • Learn more about design systems
    • Review: Create a sticker sheet in Figma
    • 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
    • Review: Introduction to high-fidelity prototypes
    • Review: Create a high-fidelity prototype in Figma
    • Annotate prototypes for web accessibility
    • Learn more about web accessibility
    • Practice Quiz: Test your knowledge on web accessibility
    • Wrap-up: Creating and testing high-fidelity designs
    • Glossary terms from module 2
    • Practice Quiz: Activity: Create a high-fidelity prototype for a responsive website
    • Exemplars: Create a high-fidelity prototype for a responsive website
    • Graded Quiz: Module 2 Challenge
  • Participating in design critique sessions
    • Give and receive feedback as a UX designer
    • The basics of design critique sessions
    • Best practices for design critique sessions
    • Learn more about design critique sessions
    • Practice Quiz: Test your knowledge on design critique sessions
    • Kunal - My experience with design critique sessions
    • Practice Quiz: Self-Reflection: Request feedback on your work
    • Introduction to a mock crit session
    • Observe a mock crit session
    • Turn crit session feedback into actions
    • Iterate on mockups based on feedback from crit sessions
    • Practice Quiz: Test your knowledge on implementing feedback from crit sessions
    • Wrap-up: Participating in design critique sessions
    • Glossary terms from module 3
    • Graded Quiz: Module 3 Challenge
  • Document design work and search for jobs
    • Understand common jobs for UX designers
    • Learn more about jobs in the field of user experience
    • Explore types of companies that UX designers work at
    • Practice Quiz: Self-Reflection: Share your professional goals and interests
    • Kenny - Perseverance
    • Elements in a typical UX design resume
    • Dane - My advice for UX design resumes
    • Tim - A recruiter's advice for UX design resumes
    • Glossary terms from module 4
    • Graded Quiz: Module 4 Challenge
    • Collaborate with engineering teams
    • Add a project to your portfolio
    • Practice Quiz: Self-review Activity: Add a case study to your portfolio
    • Exemplars: Add a case study to your portfolio
    • Practice Quiz: Test your knowledge on portfolio case studies
    • Course 6 glossary
    • Congratulations on completing Course 6: Build Dynamic User Interfaces (UI) for Websites
    • Start the next course
    • Course 6 resources and citations

Tags

Reviews

Start your review of Build Dynamic User Interfaces (UI) for Websites

Go to class

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.