<?xml version="1.0" encoding="utf-8"?>
Common UI Component Definitions I Lesson
Lesson

Common UI Component Definitions I

Discover the most common components you'll encounter on any given user interface
Theory of Design Principles Lesson
Lesson

Theory of Design Principles

Explore the tried-and-tested guidelines of design used to ensure exceptional user experience
UI Design Deliverables Lesson
Lesson

UI Design Deliverables

Find out what exactly UI designers are expected to create and deliver
Usage of Design Principles Lesson
Lesson

Usage of Design Principles

Understand how to practically implement guiding design principles for exceptional UX
Login & Signup Flows Lesson
Lesson

Login & Signup Flows

Discover how to create login and signup flows that do not overwhelm or frustrate users
User Onboarding Lesson
Lesson

User Onboarding

Explore the best practices to onboard users in an intuitive and helpful way
UI Design Elements Lesson
Lesson

UI Design Elements

Explore the elements that shape intuitive, consistent, and visually captivating UI experiences
Atomic Design by Brad Frost Lesson
Lesson

Atomic Design by Brad Frost

Learn how atomic design helps craft scalable, consistent, and efficient user interfaces
Empty States Lesson
Lesson

Empty States

Learn how to take empty states from frustrating to helpful
Help & Feedback Lesson
Lesson

Help & Feedback

Learn how to design Help and Feedback sections that truly serve their purpose without overwhelming users
Pricing Pages Lesson
Lesson

Pricing Pages

Understand how to build a clear and transparent pricing page
Activity Feeds Lesson
Lesson

Activity Feeds

Learn how to build dynamic activity feeds
Booking Pages Lesson
Lesson

Booking Pages

Understand what goes into building booking pages that convert
Figma Vocabulary Lesson
Lesson

Figma Vocabulary

Familiarize yourself with basic Figma terminology.
13 Principles of Dark Mode Design Lesson
Lesson

13 Principles of Dark Mode Design

Explore techniques to effectively implement dark mode and provide an immersive and comfortable user experience
Settings Lesson
Lesson

Settings

Explore the best practices to follow when designing a Settings section that is free of any ambiguity
Intro to Pagination in UI Lesson
Lesson

Intro to Pagination in UI

Dive into the elements of pagination that helps split content into separate pages
Checkout Lesson
Lesson

Checkout

Learn how to create a well-designed, intuitive checkout page that converts
Best Practices for Designing UI Menus Lesson
Lesson

Best Practices for Designing UI Menus

Learn the best practices for creating intuitive and navigable UI menus
Best Practices for Designing Forms Lesson
Lesson

Best Practices for Designing Forms

Discover the best practices for designing user-friendly and effective forms that enhance the user experience
Shopping Carts Lesson
Lesson

Shopping Carts

Explore the key considerations to keep in mind while designing digital shopping carts
Chat & Messaging Lesson
Lesson

Chat & Messaging

Learn the best practices for building user-friendly chat apps
Submitting a Form Lesson
Lesson

Submitting a Form

Ensure a seamless user experience by learning how to optimize your form design
Best Practices for Designing UI Modals  Lesson
Lesson

Best Practices for Designing UI Modals

Learn the best practices for designing helpful and non-intrusive modals
Intro to Footers in UI Lesson
Lesson

Intro to Footers in UI

Discover the components that make up a UI footer
Email Design Lesson
Lesson

Email Design

Explore the best practices for designing emails that actually get opened
Best Practices for Designing Notifications Lesson
Lesson

Best Practices for Designing Notifications

Explore the best practices for designing notifications that are informative and non-intrusive
Requesting User Permissions Lesson
Lesson

Requesting User Permissions

Learn how to request user permissions in a trustworthy and non-intrusive manner
User Comments Lesson
Lesson

User Comments

Explore the best practices to follow when designing an interactive comments section
Intro to Design Elements Lesson
Lesson

Intro to Design Elements

Dive into the world of design elements, fundamental building blocks of visual design that are combined to create compelling compositions
Filtering & Sorting Lesson
Lesson

Filtering & Sorting

Understand the key considerations of designing filtering and sorting mechanisms
Showing Progress Lesson
Lesson

Showing Progress

Learn how to correctly use progress trackers to enhance user experience
Mobile Settings Design Lesson
Lesson

Mobile Settings Design

Dive into the basics of designing an intuitive and helpful mobile Settings page
Deleting Account Lesson
Lesson

Deleting Account

Explore how to handle user departures in a respectful and professional manner
Best Practices for Designing Headers Lesson
Lesson

Best Practices for Designing Headers

Learn the best practices for designing recognizable, readable, and helpful headers
Making a Payment Lesson
Lesson

Making a Payment

Explore best practices for designing a smooth and secure checkout experience
HTML IDs & Classes Lesson
Lesson

HTML IDs & Classes

Understand the difference between HTML IDs and classes and when to use each one effectively
Basic Shapes in Figma Lesson
Lesson

Basic Shapes in Figma

Learn how to create and use basic shapes in Figma.
Rhythm in Design Composition Lesson
Lesson

Rhythm in Design Composition

Learn how to build rhythm through the strategic repetition and variation of design elements to create dynamic and engaging designs
Contact Support Lesson
Lesson

Contact Support

Learn how to offer clear and accessible communication channels to address user needs
Composition Grids in Design Lesson
Lesson

Composition Grids in Design

Explore the various types of grids and learn how to use them effectively to create balanced, harmonious, and visually pleasing compositions
Ensuring Consistency in UX Copy Lesson
Lesson

Ensuring Consistency in UX Copy

Discover essential steps to ensuring consistency in your UX writing
Share & Collaborate on Figma Lesson
Lesson

Share & Collaborate on Figma

Learn how to communicate and collaborate with your colleagues on Figma, and share or export files for delivery.
8 Design Tips to Reduce Cognitive Load Lesson
Lesson

8 Design Tips to Reduce Cognitive Load

Uncover 8 valuable design tips to reduce cognitive load and create user-friendly interfaces
Basics of Mobile Onboarding Lesson
Lesson

Basics of Mobile Onboarding

Learn how to get users familiar with a new interface using flows and elements that don't cause irritation or overwhelm.
Establishing Relationships in Design Composition Lesson
Lesson

Establishing Relationships in Design Composition

Explore techniques to establish clear relationships, enhance visual flow, and create cohesive and organized designs that effectively communicate information and engage users
Resetting Password Lesson
Lesson

Resetting Password

Explore techniques to streamline the password reset flow and minimize user effort
3D Coordinates System Lesson
Lesson

3D Coordinates System

Understand the concept of the coordinate system in 3D space and learn how to navigate and position objects using X, Y, and Z axes
Best Practices for Designing Footers Lesson
Lesson

Best Practices for Designing Footers

Learn the best practices for designing highly functional and helpful footers
Canceling Subscription Lesson
Lesson

Canceling Subscription

Explore the importance of providing a graceful exit for users who decide to cancel their accounts or stop using your product or service