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

via Udemy

Go to Course: https://www.udemy.com/course/uxui-design-principles/

Overview

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 DesignIn 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 themJakob's Law - why other pages are important to your ownConsistency is keyHick's Law - working with choice and limitationThe magic number is 4!Common page positioning & scanning patternsFeedback and system statusError preventionError handlingA word on dopamine & ethical designEXERCISE(+Figma File)-> We are building a wireframe with Figma!Part 2: Principles of User Interface DesignIn 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 systemA little more on text- and touch target sizeLaw of Proximity - Spacing systems and gridsLaw of Common Region - Creating sections and adding structure to your layoutVon Restorff Effect - Drawing attention where you need itLaw of Common Fate - Behavioural predictionVisceral reaction - Emotion in your designEXERCISE(+Figma File)-> We are transforming a wireframe to UI Design with Figma.Part 3: A few little extrasAs 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.

Skills

Reviews