Build Wireframes and Low-Fidelity Prototypes
5.0 /5- Offered byCoursera
Build Wireframes and Low-Fidelity Prototypes at Coursera Overview
Duration | 20 hours |
Start from | Start Now |
Total fee | Free |
Mode of learning | Online |
Difficulty level | Beginner |
Official Website | Explore Free Course  |
Credential | Certificate |
Build Wireframes and Low-Fidelity Prototypes at Coursera Highlights
- Shareable Certificate Earn a Certificate upon completion
- 100% online Start instantly and learn at your own schedule.
- Course 3 of 7 in the Google UX Design
- Flexible deadlines Reset deadlines in accordance to your schedule.
- Beginner Level
- Approx. 20 hours to complete
- English Subtitles: English
Build Wireframes and Low-Fidelity Prototypes at Coursera Course details
- 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.
Build Wireframes and Low-Fidelity Prototypes at Coursera Curriculum
Storyboarding and wireframing
Introduction to Course 3: Build Wireframes and Low-Fidelity Prototypes
Karen - My path to UX design
Use research to inform ideation
Craig - Research informs ideation in the real world
Create goal statements
Introduction to storyboarding user flows
Understand the two types of storyboards
Introduction to wireframes
Start drawing
Draw your first wireframe
Understand the benefits of wireframing
Wrap-up: Storyboarding and wireframing
Welcome to Course 3
Optional - Read this if it?s your first course in the certificate program
Optional - Interpret your quiz results
Optional - Learn more about how research informs ideation
Revisit problem statements
Learn more about goal statements
Activity Exemplar: Build a goal statement
Outline a user flow
Activity Exemplar: Outline the user flow for your app
Learn more about creating storyboards
Activity Exemplar: Practice creating storyboards
Activity Exemplar: Draw a wireframe of a favorite app
Glossary
Optional - Test your knowledge of prior concepts
Optional - Submit your choice of portfolio project prompt
Activity: Build a goal statement
Activity: Build a goal statement for your portfolio project
Self-Reflection: Consider the user flow for an app
Activity: Outline the user flow for your app
Test your knowledge of storyboards
Activity: Practice creating storyboards
Test your knowledge of design fidelity
Activity: Draw a wireframe of a favorite app
Creating paper and digital wireframes
Welcome to week 2
The basics of information architecture (IA)
Create paper wireframes
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
Use Gestalt Principles when creating wireframes
Wrap-up: Creating paper and digital wireframes
Activity Exemplar: Practice creating paper wireframes
Activity Exemplar: Create paper wireframes for the portfolio project
Create a Figma account
Activity Exemplar: Practice creating digital wireframes in Figma
Learn more about using Gestalt Principles in wireframes
Glossary
Test your knowledge on information architecture
Activity: Practice creating paper wireframes
Activity: Create paper wireframes for the portfolio project
Activity: Practice creating digital wireframes in Figma
Test your knowledge on Gestalt Principles
Building low-fidelity prototypes
Welcome to week 3
Learn about low-fidelity prototypes
Create a paper prototype
Introduction to building low-fidelity prototypes in Figma
Build low-fidelity prototypes in Figma
Optional - Learn from Figma: Create prototypes
Recognize implicit bias in design
Ayan - Bias in UX design work
Identify deceptive patterns in UX design
Explore the effects of designs that deceive
Congratulations on completing Course 3: Build Wireframes and Low-Fidelity Prototypes
Creative ways to make paper prototypes
Marvel's Prototyping on paper tool
Activity Exemplar: Practice creating a low-fidelity prototype
Learn more about lo-fi prototyping in Figma
Activity Exemplar: Practice creating a low-fidelity prototype in Figma
Access Figma prototypes on mobile devices
Optional - Learn more about bias in UX design
Avoid deceptive patterns
Understand the attention economy
Understand your impact as a UX designer
Optional - Learn more about ethical design
Glossary
Start the next course
Test your knowledge of low-fidelity prototypes
Activity: Practice creating a low-fidelity prototype
Activity: Practice creating a low-fidelity prototype in Figma
Self-Reflection: Your own biases
Build Wireframes and Low-Fidelity Prototypes at Coursera Admission Process
Important Dates
Other courses offered by Coursera
Build Wireframes and Low-Fidelity Prototypes at Coursera Students Ratings & Reviews
5 Ratings- 4-55
Student Forum
Anything you would want to ask experts?