Buy Now AED 170.99 + VAT

Monthly Subscription Starting at AED 99 + VAT

Build Wireframes and Low-Fidelity Prototypes
  • Level Foundation
  • المدة 41 ساعات hours
  • الطبع بواسطة Google
  • Offered by

عن

Build Wireframes and Low-Fidelity Prototypes is the third course in a certificate 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'll continue to design a mobile app for your professional UX portfolio. You'll start by creating storyboards and getting familiar with the basics of drawing. Then, you'll create paper wireframes and digital wireframes using the design tool Figma. You'll also create a paper prototype and a digital low-fidelity prototype in Figma. 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: - Develop a goal statement. - Create two types of storyboards: big picture and close-up. - Understand the difference between low-fidelity and high-fidelity design. - Apply the basics of drawing. - Apply the principles of information architecture to organize a mobile app. - Create paper wireframes for a mobile app design. - Develop digital wireframes in the design tool Figma. - Build a paper prototype to add interactivity to designs. - Design a low-fidelity prototype in Figma. - Recognize implicit bias and deceptive patterns in design. - Continue to design a mobile app to include in your professional portfolio. To be successful in this course, you should complete the previous two courses in this certificate program, or have an ability to conduct user research to inform the creation of empathy maps, personas, user stories, user journey maps, problem statements, and value propositions. You will also need paper and a pen or pencil.

الوحدات

Introduction to Course 3

    • 2 Videos
    • 5 Readings
Show info about module content

2 Videos

  • Introduction to Course 3: Build Wireframes and Low-Fidelity Prototypes
  • Karen - My path to UX design

5 Readings

  • Welcome to Course 3
  • Helpful resources and tips
  • Optional - Read this if it’s your first course in the certificate program
  • Changes to Figma’s UI
  • Introduction to prototypes

Outline user flows

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

1 Assignment

  • Self-Reflection: Consider the user flow for an app

1 Videos

  • Introduction to user flows

2 Readings

  • Outline a user flow
  • Review: Outline the user flow for projects

Create storyboards

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

2 Videos

  • Introduction to storyboarding user flows
  • Understand the two types of storyboards

2 Readings

  • Learn more about creating storyboards
  • Review: Create project storyboards

1 Quiz

  • Test your knowledge of storyboards

Get started with wireframes

    • 4 Videos
    • 1 Readings
    • 1 Quiz
Show info about module content

4 Videos

  • Introduction to wireframes
  • Start drawing
  • Draw your first wireframe
  • Understand the benefits of wireframing

1 Readings

  • Review: Create wireframes by drawing a favorite app

1 Quiz

  • Test your knowledge of design fidelity

Module 1 review

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

1 Videos

  • Wrap-up: Storyboarding and wireframing

1 Readings

  • Glossary terms from course 3, module 1

2 Quiz

  • Activity: Create storyboards for your portfolio project
  • Module 1 challenge

Understand information architecture

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

1 Assignment

  • Test your knowledge on information architecture

2 Videos

  • Welcome to module 2
  • The basics of information architecture (IA)

1 Readings

  • Designing the information architecture of apps

Create paper wireframes

    • 1 Videos
    • 1 Readings
Show info about module content

1 Videos

  • Create paper wireframes

1 Readings

  • Review: Create paper wireframes

Create digital wireframes

    • 5 Videos
    • 1 Readings
Show info about module content

5 Videos

  • Transition from paper to digital wireframes
  • Introduction to Figma
  • Create digital wireframes in Figma
  • Optional - Learn from Figma: Create wireframes for an app
  • Erika - Tools of the trade

1 Readings

  • Create a Figma account

Use Gestalt Principles in wireframes

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

1 Videos

  • Use Gestalt Principles when creating wireframes

1 Readings

  • Learn more about using Gestalt Principles in wireframes

1 Quiz

  • Test your knowledge on Gestalt Principles

Module 2 review

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

1 Videos

  • Wrap-up: Creating paper and digital wireframes

2 Readings

  • Glossary terms from course 3, module 2
  • Exemplars: Create digital wireframes for your portfolio project

2 Quiz

  • Activity: Create digital wireframes for your portfolio project
  • Module 2 Challenge

Create low-fidelity prototypes on paper

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

1 Assignment

  • Test your knowledge of low-fidelity prototypes

3 Videos

  • Welcome to module 3
  • Learn about low-fidelity prototypes
  • Create a paper prototype

2 Readings

  • Creative ways to make paper prototypes
  • Marvel's Prototyping on paper tool

Build low-fidelity prototypes digitally

    • 3 Videos
    • 3 Readings
Show info about module content

3 Videos

  • Introduction to building low-fidelity prototypes in Figma
  • Build low-fidelity prototypes in Figma
  • Optional - Learn from Figma: Create prototypes

3 Readings

  • Learn more about lo-fi prototyping in Figma
  • Review: Create a low-fidelity prototype in Figma
  • Access Figma prototypes on mobile devices

Understand ethical and inclusive design

    • 5 Videos
    • 5 Readings
    • 1 Quiz
    • 1 Plugin
Show info about module content

5 Videos

  • Recognize implicit bias in design
  • Ayan - Bias in UX design work
  • Identify deceptive patterns in UX design
  • Explore the effects of designs that deceive
  • Priya - The importance of equitable design

5 Readings

  • Learn more about bias in UX design - and how to avoid it
  • Avoid deceptive patterns
  • Understand the attention economy
  • Understand your impact as a UX designer
  • Learn more about ethical design

1 Quiz

  • Self-Reflection: Your own biases

Module 3 review

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

1 Videos

  • Wrap-up: Building low-fidelity prototypes

2 Readings

  • Glossary terms from course 3, module 3
  • Exemplars: Build a low-fidelity mobile prototype for your portfolio project

2 Quiz

  • Activity: Build a low-fidelity mobile prototype for your portfolio project
  • Module 3 Challenge

Course review

    • 1 Videos
    • 3 Readings
Show info about module content

1 Videos

  • Congratulations on completing Course 3: Build Wireframes and Low-Fidelity Prototypes

3 Readings

  • Reflect and connect with your peers
  • Course 3 glossary
  • Start the next course

Auto Summary

This engaging course, "Build Wireframes and Low-Fidelity Prototypes," is part of a certificate program designed to prepare you for entry-level UX design roles. Guided by Google UX experts, you'll learn to create storyboards, paper, and digital wireframes, and low-fidelity prototypes using Figma. The course includes hands-on activities mimicking real-world scenarios. It requires prior completion of two foundational courses. Ideal for aspiring UX designers, it offers a comprehensive dive into essential design tools and techniques. Available on Coursera, with a flexible subscription option.

Google Career Certificates
Instructor

Google Career Certificates