UI Design Lessons | Uxcel

<?xml version="1.0" encoding="utf-8"?>

UX Design Principles

Learn how to differentiate your product with the UX Honeycomb of 7 principles for irresistible user experiences.

What is UX Design?

Learn UX fundamentals to create user-centered products that balance customer needs with business goals for maximum impact.

13 Core Visual Design Principles

Explore the tried-and-tested guidelines of design used to ensure exceptional user experience

Image Terminology

Discover the different types of images and their functions in design

Common UI Components Part I

Recognize the essential components that appear in almost every interface you'll design or use

Designing for Mobile Interfaces

Learn the basics of creating user-friendly, intuitive, and functional mobile interfaces

Image Types and Formats

Learn the different image types and formats and each of their use cases

Elements of Typography

Discover the different components and properties of type along with its use cases

10 Usability Heuristics by Jakob Nielsen

Discover how to evaluate your product's usability with heuristics

Best Practices for Designing Login & Signup Flows

Build signup and login flows that remove barriers between users and your product

Animation Theory & Motion

Dive into the basics of animation and its uses in UX design

Best Practices for User Onboarding Flow Design

Create onboarding sequences that activate users instead of overwhelming them with information

Inclusive Design Basics

Understand the basics of creating products, services, and environments that accommodate as many people's needs as possible

The Anatomy of UI Components

Understand how text, icons, containers, and dimensions come together to form UI components

Types of Cursors & When to Use Them

Help users predict what will happen by choosing cursors that match the action

How Color Affects Mood & Emotion

Explore how different hues trigger emotional responses and what that means for design decisions

Traditional Color Meanings & Associations

Discover the historical roots behind color meanings and learn how to apply them with intention

Devices & Screen Sizes

Discover the various devices and screen sizes you may have to design for

Elements of UI Design

Explore the elements that shape intuitive, consistent, and visually captivating UI experiences

UX Design Deliverables

Find out what exactly UX designers are expected to create and deliver

Atomic Design by Brad Frost

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

Cultural Differences in Color Perception & Meaning

Understand why the same color can mean something completely different depending on where your users are from

Common UI Components

Discover the most basic building blocks that make up a user interface

UI Component States

Design hover, focus, disabled, and error states for UI components that tell users exactly what's happening at every step

Common UI Components Part II

Identify the UI components that organize content, provide feedback, and help users navigate

Common Designer Roles

Discover the different types of designers and their job roles

Icon Terminology

Explore the various types of icons and their uses in UX design

How to Ask for User Permissions Unobtrusively

Request user permissions in ways that build trust rather than trigger instant denial

Types of UI Inputs & When to Use Them

Choose the right input type for every form field to reduce errors and boost completion rates

Types of UI Buttons

Choose button shapes and styles that match your brand's personality and guide users to act

Wireframes Annotations & Documentation

Discover effective techniques for adding annotations and documentation to wireframes

How to Design Helpful Empty States

Transform blank screens into moments that onboard, guide, and encourage users

Design Guidelines for Help Center & Support Pages

Structure help sections that rescue confused users and feedback flows that capture honest input

Selection Controls & When to Use Them

Know when to use checkboxes, radio buttons, and toggles to capture user input without confusion

How to Design Forms in UIs

Learn what goes into a form and why each element matters

How to Design Good Search Experiences in UIs

Design search experiences that help users find what they need quickly

Types of Color Schemes & When to Use Them

Explore the most common color harmonies and learn which scheme works best for each design goal

Best Practices for Designing Pricing Pages

Create pricing experiences that reduce decision anxiety and drive conversions

How to Design Engaging Activity Feeds

Create activity streams where important updates stand out and noise fades away

UI Sliders & When to Use Them

Understand tracks, thumbs, ticks, and values to design sliders that feel intuitive

Best Practices for Designing Booking Flows

Design booking interfaces that simplify scheduling by showing availability clearly

Best Practices for Designing Tables in UIs

Design tables that present complex data clearly without overwhelming users

How to Design Tabs for Clear Navigation

Organize related content into tabs users can switch between effortlessly

Figma Right & Left Sidebars

Discover the functionalities present in Figma’s right and left sidebars.

Figma Vocabulary

Familiarize yourself with basic Figma terminology.

Figma Toolbar

Learn how to make use of Figma's most popular toolbar to speed up your design process

13 Principles of Dark Mode Design

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

Types of Charts & When to Use Them

Match your data to the chart format that communicates it most clearly

How to Use Accordions for Progressive Disclosure

Organize dense content into expandable sections with functional, aesthetic, and accessible accordions

How to Design Useful Settings Pages

Design settings that feel organized rather than overwhelming, even with dozens of options