Build Dynamic User Interfaces (UI) for Websites

Instructor: Google Career Certificates

Beginner Level • Approx. 16 hours • Flexible Schedule

What You'll Learn

  • Apply each step of the UX design thinking framework (empathize, define, ideate, prototype, test) to create a dynamic website.
  • Plan information architecture and sitemaps for website designs.
  • Apply common layouts for web pages.
  • Complete a design project and include it in your professional UX portfolio.

Skills You'll Gain

Wireframing
Information Architecture
User Research
User Interface (UI) Design
Web Design
Design Reviews
Responsive Web Design
Usability Testing
User Experience Design
User Centered Design
Prototyping
Figma (Design Software)
Mockups

Shareable Certificate

Earn a shareable certificate to add to your LinkedIn profile

Outcomes

  • Learn new concepts from industry experts
  • Gain a foundational understanding of a subject or tool
  • Develop job-relevant skills with hands-on projects
  • Earn a shareable career certificate from Google

There are 4 modules in this course

Get started with the basics of responsive web design. To create a responsive website, you’ll follow the steps of the UX design process: empathize, define, ideate, prototype, and test. In this part of the course, you'll complete the empathize and define phases.

Now that you’ve created digital wireframes, it’s time to build, test, and iterate on a low-fidelity prototype. First, you'll learn how to build a low-fidelity prototype. You’ll get feedback about your prototype by planning and conducting a usability study. Then, you'll make changes to your low-fidelity designs based on insights from your research.

After you’ve empathized with users, defined the user problem to solve, and begun to ideate possible solutions, it’s time to bring your ideas to life in wireframes. Your responsive website will have different layouts, depending on the device and screen size you’re designing for, so you'll create lots of different wireframes. First, you'll explore common website layouts, and you'll create paper wireframes. Next, you'll get to know a few elements and components that are commonly used in responsive website design. Then, you'll transition to create digital wireframes. Finally, you’ll update and refine your wireframes to enhance accessibility.

With your responsive website designs complete, you'll be ready to share your work with others. To start, you’ll learn how to prepare and handoff designs to engineers, who will build the final product. You’ll also add a case study to your professional UX portfolio featuring your responsive website designs. Then, you'll pivot to focus on your big picture goal: getting a job as a UX designer. You'll learn tips and tricks to scan job postings, and you'll create a compelling resume that highlights your new UX skills.