User Interface (UI) Lessons | Uxcel

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

What is UX Design?

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

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

The Anatomy of UI Components

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

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

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

Multimedia Accessibility

Understand how to make sure multimedia usage in your designs is accessible and doesn't distract or cause confusion to users

How to Use Accordions for Progressive Disclosure

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

Design Disciplines

Explore the various disciplines and niches that make up the vast world of design

Intro to Design Formats

Explore the diverse landscape of design formats and their applications

Common Design Concepts

Learn the basic concepts of design that you should be familiar with as a designer

Design Format Properties

Explore design format properties that can be used to control visual hierarchy and guide user attention

Tooltips & When to Use Them

Learn the essentials of creating tooltips that clarify without cluttering your interface

Basics of Native Mobile Design

Discover the pros and cons of creating native and hybrid apps

Forms Accessibility

Discover how to build accessible forms that do not overwhelm or put off users

How to Design Interactive Comment Sections

Build comment sections that make reading, responding, and engaging feel effortless

Best Practices for Designing Breadcrumbs

Learn the best practices for designing breadcrumbs that aid navigation without cluttering your interface

Exploring the Power of AI in Visual Design

Explore how AI is transforming visual design, from automating tasks to creating user-centric experiences

Integrating AI Tools Into Your Design Workflow

Learn how to smoothly integrate AI tools into your design workflow

Text & Media as Layers

Learn how to insert texts and import imagery to a Figma canvas for efficient work.

Interface Inventory as the Foundation of Design Systems

Lay the groundwork for a design system by capturing a clear, honest picture of your product’s current interface.