DESIGN RULES: Fundamental Principles + Practices for Great UI Design

Joe Natoli, Coaching & Training for UX Designers & Developers

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
50 Videos (5h 9m)
    • Design is Design is Design

      16:37
    • Stop Solving Other People's Problems

      7:25
    • Why Form Doesn't Follow Function

      11:16
    • Balancing Form and Function: Prescription vs. Description

      7:06
    • Form Follows Function is NOT a UI Design Prescription!

      7:43
    • Every Force Evolves Form (So Don't Follow the Prescription)

      4:44
    • Less is More: Small Screens, Big Challenges

      6:41
    • Five Rules for Small Screen Design

      5:38
    • Balance: Creating Order

      6:03
    • Case Studies: Improving Balance in UI Design

      6:38
    • Rhythm: Establishing Reinforcing Comprehension

      4:43
    • Harmony: Shaping the Parts Into a Whole

      5:50
    • Using Harmony to Create Directional Flow

      2:49
    • Case Study: Using Harmony for Better Form Design

      4:00
    • Dominance: Directing User Focus

      5:57
    • Using Dominance to Increase Focus and Decrease Cognitive Effort

      5:21
    • Creating Dominance with Size, Negative Space and Contrast

      5:42
    • Alignment: Leading the Eye

      4:22
    • Case Studies: The Power of Alignment

      5:26
    • Proximity: Showing Relationships

      4:36
    • Using Proximity to Make Cognition Faster

      2:46
    • Using Proximity to Make Browsing Easier

      4:35
    • Color: Getting Viewer Attention and Communicating Emotion

      5:02
    • How Color Influences Interaction

      7:57
    • A Word on Color Theory

      4:07
    • Choosing UI Colors from Common Associations

      4:07
    • Choosing UI Colors for Emotional Impact

      6:42
    • Choosing UI Colors from the World Around You

      4:15
    • Choosing UI Colors from Brand Colors

      4:03
    • The Power of Contrast

      2:55
    • Using Contrast to improve readability, attention and focus

      7:41
    • The 3 essential functions of contrast in UI design

      2:54
    • How to Determine Appropriate Color and Contrast

      4:51
    • Typography 101

      2:43
    • Creating Emotional Impact with Typography

      3:52
    • Choosing a Font isn't Typography: The Power of Pattern Recognition

      3:08
    • The Importance of Proper alignment, leading and kerning

      8:44
    • Seven Rules for Great Typography

      14:43
    • Five Rules for Choosing Imagery

      12:13
    • Imagery DOs and DON'Ts

      8:07
    • Working with Icons

      4:35
    • Four Core Types of Icons (and Choosing the right type)

      6:04
    • Five Rules for Effective Icon Design

      6:50
    • Dealing with Data

      8:45
    • Five Rules for Great Data Design

      5:27
    • Simplifying Visual Information Part 01

      4:10
    • Simplifying Visual Information Part 02

      9:13
    • Separating Content from Controls Part 01

      6:53
    • Separating Content from Controls Part 02

      6:15
    • UI Design Mantras Recap

      6:16
44 students are watching this class