Essential UX/UI Design Principles: Theory & Figma Practice

  • Home
  • Essential UX/UI Design Principles: Theory & Figma Practice
Shape Image One

Essential UX/UI Design Principles: Theory & Figma Practice

About Course

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:

  1. Real-world references, mental models, and how to use them
  2. Jakob’s Law – why other pages are important to your own
  3. Consistency is key
  4. Hick’s Law – working with choice and limitation
  5. The magic number is 4 !
  6. Common page positioning & scanning patterns
  7. Feedback and system status
  8. Error prevention
  9. Error handling
  10. A word on dopamine & ethical design
  11. 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:

  1. Aesthetic-Usability Effect – Why even bother?
  2. What is Visual Hierarchy?
  3. Law of Prägnanz – Simplicity is key!
  4. Law of Similarity – use colour, size, and shape to create a design system
  5. A little more on text- and touch target size
  6. Law of Proximity – Spacing systems and grids
  7. Law of Common Region – Creating sections and adding structure to your layout
  8. Von Restorff Effect – Drawing attention where you need it
  9. Law of Common Fate – Behavioural prediction
  10. Visceral reaction – Emotion in your design
  11. 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!

Show More

What Will You Learn?

  • Improve the structure of your design by understanding UX theory
  • Improve your Design by understanding UI theory
  • Improve communication with you UX or UI team
  • Improve an existing website for you or your clients

Course Content

Before We Start

  • Promo
  • What is UX & UI

UX Design Principles

UI Design Principles

Extra: Intro to Grids

Extra: Scaling Typography in UI Design

Student Ratings & Reviews

No Review Yet
No Review Yet