UXUI Design Principles Compact (Theory + Figma Exercise)

UX/UI Design Principles Compact (Theory + Figma Exercise), available at $54.99, has an average rating of 4.68, with 37 lectures, based on 1033 reviews, and has 3526 subscribers.

You will learn about 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 This course is ideal for individuals who are This course is for you if you're new to UX/UI Design or simply want to brush up on your skills. or Graphic Designers transitioning to UX or UI Design or UI Designers wanting to improve their understanding of common UX theory or UX Designers wanting to work closer with the UI team It is particularly useful for This course is for you if you're new to UX/UI Design or simply want to brush up on your skills. or Graphic Designers transitioning to UX or UI Design or UI Designers wanting to improve their understanding of common UX theory or UX Designers wanting to work closer with the UI team.

Enroll now: UX/UI Design Principles Compact (Theory + Figma Exercise)

Summary

Title: UX/UI Design Principles Compact (Theory + Figma Exercise)

Price: $54.99

Average Rating: 4.68

Number of Lectures: 37

Number of Published Lectures: 37

Number of Curriculum Items: 37

Number of Published Curriculum Objects: 37

Original Price: 29.99

Quality Status: approved

Status: Live

What You Will 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

Who Should Attend

This course is for you if you're new to UX/UI Design or simply want to brush up on your skills.

Graphic Designers transitioning to UX or UI Design

UI Designers wanting to improve their understanding of common UX theory

UX Designers wanting to work closer with the UI team

Target Audiences

This course is for you if you're new to UX/UI Design or simply want to brush up on your skills.

Graphic Designers transitioning to UX or UI Design

UI Designers wanting to improve their understanding of common UX theory

UX Designers wanting to work closer with the UI team

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:

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!

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.

Course Curriculum

Chapter 1: Before We Start

Lecture 1: Promo

Lecture 2: What is UX & UI

Chapter 2: UX Design Principles

Lecture 1: UX Introduction

Lecture 2: Real World References and Mental Models

Lecture 3: Jakob's Law – Other Pages

Lecture 4: A Little Favor

Lecture 5: Consistency Is Key

Lecture 6: Hick's Law – Choice and Limitation

Lecture 7: The Magic Number Is 4

Lecture 8: Page Positioning Scanning Patterns

Lecture 9: Feedback and System Status

Lecture 10: Error prevention

Lecture 11: Error Handling

Lecture 12: A Word About Dopamine and Ethical Design

Lecture 13: Course Material

Lecture 14: EXERCISE: Co-working space wireframe

Chapter 3: UI Design Principles

Lecture 1: UI Design and a Word on Gestalt Theory

Lecture 2: Aesthetic-Usability Effect Why We Even Bother

Lecture 3: What is Visual Hierarchy?

Lecture 4: Law of Praegnanz Simplicity is key

Lecture 5: Law of Similarity Colour Size and Shape

Lecture 6: A Little More on Text- And Touch Target Size

Lecture 7: Law of Proximity Spacing Systems and Grids

Lecture 8: Law of Common Region Creating Sections in Your Layout

Lecture 9: Von Restorff Effect Drawing Attention Where You Need It

Lecture 10: Law of Common Fate Behavioural Prediction

Lecture 11: Course Material (Reminder)

Lecture 12: EXERCISE: Co-working Figma Design

Chapter 4: Extra: Understanding 8pt Spacing System

Lecture 1: How and Why We Use 8pt Spacing

Lecture 2: Difference of Hard & Soft 8pt Grid Approach

Lecture 3: Spacing Summary

Chapter 5: Extra: Intro to Grids

Lecture 1: Understanding Columns Gutter and Margin

Lecture 2: Adding Elements to the Grid

Lecture 3: Making the Grid Responsive – Breakpoints

Lecture 4: Responsive vs. Adaptive Grids

Chapter 6: Extra: Scaling Typography in UI Design

Lecture 1: Setting Up a Typescale

Lecture 2: Different Scaling Systems for Your Typescale

Instructors

Christine moonlearning
moonlearning

Rating Distribution

1 stars: 5 votes

2 stars: 9 votes

3 stars: 48 votes

4 stars: 303 votes

5 stars: 668 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!