Design Patterns Lessons
Explore bite-sized “Design Patterns” lessons designed to build real skills in just 5 minutes a day. Want more? Browse all search results
Lesson
Common UI Component Definitions I
Discover the most common components you'll encounter on any given user interface
Lesson
Theory of Design Principles
Explore the tried-and-tested guidelines of design used to ensure exceptional user experience
Lesson
UI Design Deliverables
Find out what exactly UI designers are expected to create and deliver
Lesson
Usage of Design Principles
Understand how to practically implement guiding design principles for exceptional UX
Lesson
Login & Signup Flows
Discover how to create login and signup flows that do not overwhelm or frustrate users
Lesson
User Onboarding
Explore the best practices to onboard users in an intuitive and helpful way
Lesson
UI Design Elements
Explore the elements that shape intuitive, consistent, and visually captivating UI experiences
Lesson
Atomic Design by Brad Frost
Learn how atomic design helps craft scalable, consistent, and efficient user interfaces
Lesson
Empty States
Learn how to take empty states from frustrating to helpful
Lesson
Help & Feedback
Learn how to design Help and Feedback sections that truly serve their purpose without overwhelming users
Lesson
Pricing Pages
Understand how to build a clear and transparent pricing page
Lesson
Activity Feeds
Learn how to build dynamic activity feeds
Lesson
Booking Pages
Understand what goes into building booking pages that convert
Lesson
Figma Vocabulary
Familiarize yourself with basic Figma terminology.
Lesson
13 Principles of Dark Mode Design
Explore techniques to effectively implement dark mode and provide an immersive and comfortable user experience
Lesson
Settings
Explore the best practices to follow when designing a Settings section that is free of any ambiguity
Lesson
Intro to Pagination in UI
Dive into the elements of pagination that helps split content into separate pages
Lesson
Checkout
Learn how to create a well-designed, intuitive checkout page that converts
Lesson
Best Practices for Designing UI Menus
Learn the best practices for creating intuitive and navigable UI menus
Lesson
Best Practices for Designing Forms
Discover the best practices for designing user-friendly and effective forms that enhance the user experience
Lesson
Shopping Carts
Explore the key considerations to keep in mind while designing digital shopping carts
Lesson
Chat & Messaging
Learn the best practices for building user-friendly chat apps
Lesson
Submitting a Form
Ensure a seamless user experience by learning how to optimize your form design
Lesson
Best Practices for Designing UI Modals
Learn the best practices for designing helpful and non-intrusive modals
Lesson
Intro to Footers in UI
Discover the components that make up a UI footer
Lesson
Email Design
Explore the best practices for designing emails that actually get opened
Lesson
Best Practices for Designing Notifications
Explore the best practices for designing notifications that are informative and non-intrusive
Lesson
Requesting User Permissions
Learn how to request user permissions in a trustworthy and non-intrusive manner
Lesson
User Comments
Explore the best practices to follow when designing an interactive comments section
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
Lesson
Filtering & Sorting
Understand the key considerations of designing filtering and sorting mechanisms
Lesson
Showing Progress
Learn how to correctly use progress trackers to enhance user experience
Lesson
Mobile Settings Design
Dive into the basics of designing an intuitive and helpful mobile Settings page
Lesson
Deleting Account
Explore how to handle user departures in a respectful and professional manner
Lesson
Best Practices for Designing Headers
Learn the best practices for designing recognizable, readable, and helpful headers
Lesson
Making a Payment
Explore best practices for designing a smooth and secure checkout experience
Lesson
HTML IDs & Classes
Understand the difference between HTML IDs and classes and when to use each one effectively
Lesson
Basic Shapes in Figma
Learn how to create and use basic shapes in Figma.
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
Lesson
Contact Support
Learn how to offer clear and accessible communication channels to address user needs
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
Lesson
Ensuring Consistency in UX Copy
Discover essential steps to ensuring consistency in your UX writing
Lesson
Share & Collaborate on Figma
Learn how to communicate and collaborate with your colleagues on Figma, and share or export files for delivery.
Lesson
8 Design Tips to Reduce Cognitive Load
Uncover 8 valuable design tips to reduce cognitive load and create user-friendly interfaces
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.
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
Lesson
Resetting Password
Explore techniques to streamline the password reset flow and minimize user effort

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
Lesson
Best Practices for Designing Footers
Learn the best practices for designing highly functional and helpful footers
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