Udemy
UdemyUX/UI Design Principles Compact (Theory + Figma Exercise)
4.6(1,527)4k students
UdemyGood design feels effortless—but why? This compact course answers that question by teaching UX and UI principles grounded in how humans perceive and navigate interfaces. In under two hours, you'll learn actionable theory and practice it in Figma. Part 1 covers UX design principles rooted in Nielsen Heuristics: consistency, mental models, Jakob's Law (users expect systems to work like ones they know), Hick's Law (too many choices paralyze), common page patterns, and error prevention. You'll learn how feedback and system status guide users, and the role of ethical design in avoiding manipulative interfaces.
Part 2 explores UI design via Gestalt Theory: visual hierarchy, simplicity, color and shape to create design systems, spacing and grids for structure, and drawing attention to the right elements. The Von Restorff Effect (make important things stand out), Common Fate (grouped elements appear related), and visceral emotional response all influence user confidence. Two hands-on Figma exercises anchor the theory: building a wireframe, then transforming it into polished UI. The course includes Figma files you can study and adapt. Ideal for designers new to UX, those sharpening skills, or anyone curious about what makes design feel intuitive.
Today, we're going to learn about UX/UI Design Principles.
When looking at UI Design, we can usually tell which design works better, but when you start working on your own designs, it's suddenly not that easy anymore.
What is the secret behind a smooth process and perfect distribution that seems so pleasing to us?
In under two hours, I will show you the UX/UI Design principles and what, how, and why they make a difference.
In this course, I combine theory concepts, real-life examples, and final practical exercises to make sure it's not just theory but a skill you can apply to your wireframes web and app designs right away. However, please be aware that this is an overall theory class!
This course is divided into two parts:
Part 1: Principles of User Experience Design
In the first part, we will dive into UX Design principles, this will be loosely based on the Nielsen Heuristics:
Real-world references, mental models, and how to use them
Jakob's Law - why other pages are important to your own
Consistency is key
Hick's Law - working with choice and limitation
The magic number is 4 !
Common page positioning & scanning patterns
Feedback and system status
Error prevention
Error handling
A word on dopamine & ethical design
EXERCISE(+Figma File)--> We are building a wireframe with Figma!
Part 2: Principles of User Interface Design
In the second part, we will learn about UX Design Principles. This part is mainly based on Gestalt Theory:
Aesthetic-Usability Effect – Why even bother?
What is Visual Hierarchy?
Law of Prägnanz – Simplicity is key!
Law of Similarity – use colour, size, and shape to create a design system
A little more on text- and touch target size
Law of Proximity – Spacing systems and grids
Law of Common Region – Creating sections and adding structure to your layout
Von Restorff Effect – Drawing attention where you need it
Law of Common Fate – Behavioural prediction
Visceral reaction – Emotion in your design
EXERCISE(+Figma File)--> We are transforming a wireframe to UI Design with Figma.
Part 3: A few little extras
As a little gift, here are some extras from my other courses to dive a little deeper into some of the subjects we have touched. Enjoy!
This course is for you if you're new to UX design, want to brush up on your skills.
This is a class by moonlearning.
Price
No active coupon right now
View Course →No coupon right now. We'll tell you when there is one.
Advertisement
More in Design
Not the best price we've seen. The lowest we've recorded is $14.99 on 3 Aug.
This is what we recorded in US pricing — not every price this course has ever had, and prices differ by country.