Learn UX/UI

Try these UX and UI tutorials to learn the principles of user-centered design, prototyping, and wireframing. Learn to craft beautiful and intuitive user interfaces.

Getting started with UX/UI

  • 8 Usability Heuristics (Explained With Toasters)

    8 Usability Heuristics (Explained With Toasters)

    Maddy Beard
  • What is Information Architecture? (UX Tips and Examples)

    What is Information Architecture? (UX Tips and Examples)

    Andrea Eppy
  • All UX/UI content:

    1. New Course: Figma Grids in Under 30 Minutes

      New Course: Figma Grids in Under 30 Minutes

      Tutorial Beginner

      Grids are essential web design tools, and in our new course, Figma Grids in Under 30 Minutes, you'll get a clear introduction to the best ways of using them.

    2. New Course on Using HTML Tables the Right Way in 2019

      New Course on Using HTML Tables the Right Way in 2019

      Tutorial Beginner

      In our new course, A Short Guide to Using HTML Tables in the Modern Age, you'll learn how to use HTML tables the right way.

    3. 7 Principles of Good Website Design for Newspaper WordPress Themes

      7 Principles of Good Website Design for Newspaper WordPress Themes

      Tutorial Beginner

      In this article we’ll dive into seven principles for designing a quality newspaper theme. I’ll use some popular Newspaper WordPress themes on Themeforest as...

    4. What Your Web Typography Says About You

      What Your Web Typography Says About You

      Tutorial Beginner

      What do your type choices say about you and your business? (Hint: More than you think, read on to find out).

    5. Figma Grids in Under 30 Minutes

      Figma Grids in Under 30 Minutes

      Course Beginner

      Figma is a superb tool for UI design, and one of the things it’s really good at is creating grids. Using a grid is a vital part of many design projects, so...

    6. Create a Stylish Dark Contact Form with HTML, CSS, and JavaScript

      Create a Stylish Dark Contact Form with HTML, CSS, and JavaScript

      Tutorial Intermediate

      In this tutorial, we’ll walk through the process of styling basic contact form elements. We’ll examine different ways for making a form beautiful and fully...

    7. Tips for Using Location-Based Photos on Your Website

      Tips for Using Location-Based Photos on Your Website

      Tutorial Beginner

      Here’s a look at some ways that location-based photography can grab a user’s attention and enhance your content.

    8. 6 Tips for Accessibility in Form Design

      6 Tips for Accessibility in Form Design

      Tutorial Beginner

      Here are some best practice tips and examples to ensure your forms are usable, logical and effective for a wide range of users.

    9. New Course: Figma to HTML

      New Course: Figma to HTML

      Tutorial Beginner

      In our new course, Figma to HTML: Code Up a Single-Page Design, you'll master Figma by going through the process of converting a Figma website design to HTML.

    10. 5 Ways 3D Render Graphics Can Enhance Your Website

      5 Ways 3D Render Graphics Can Enhance Your Website

      Tutorial Beginner

      3D objects allow designers to add a unique perspective to their projects. They're also incredibly easy to customize. We'll show you some inspiring ways to...

    11. New Course: Best Practices for Displaying Form Errors

      New Course: Best Practices for Displaying Form Errors

      Tutorial Beginner

      Helpful error messages can improve the user experience. Learn how to get it right in our new short course, Best Practices for Displaying Form Errors.

    12. The Best Way to Use Pop-Ups (Modals) in Your Web Design

      The Best Way to Use Pop-Ups (Modals) in Your Web Design

      Tutorial Beginner

      In this tutorial we’ll take a look at pop-ups (modals) in web design. Using pop-ups in your designs comes with a certain amount of responsibility; if done...