The Laws of UX - 19 Psychological Design Principles

Over the next few minutes, you’ll learn the names of 19 principles, along with their origins and how to apply them.

Quick links:
00:23 - 01 Aesthetic Usability Effect
00:50 - 02 Doherty Threshold
01:25 - 03 Fitts’ Law
02:02 - 04 Hick’s Law
02:39 - 05 Jakob’s Law
03:07 - 06 Law of Common Region
03:40 - 07 Law of Prägnanz
04:21 - 08 Law of Proximity
04:38 - 09 Law of Similarity
05:00 - 10 Law of Uniform Connectedness
05:20 - 11 Miller’s Law
05:45 - 12 Occam’s Razor
06:04 - 13 Pareto Principle
06:38 - 14 Parkinson’s Law
07:02 - 15 Postel’s Law
07:29 - 16 Serial Position Effect
08:04 - 17 Tesler’s Law
08:42 - 18 Von Restorff Effect
09:13 - 19 Zeigarnik Effect

-

🐦 Follow me on X:

🎉 Download my free 3D illustrations from Shapefest:

📷 The video gear I use:

🧑🏻‍💻 Design a website for free with Framer:

Visit Laws of UX

[thefanboy]

DON'T MIND THIS ; JUST A LITTLE NOTE FOR ME FOR LATER

0:00 intro + talking a bit about author of the 19 Laws Of UX

0:22 Aesthetic Usability Effect -> Users often percieve aesthetically pleasing design as design that's more usable.

0:50 Doherty Threshold -> Productivity soars when a computer and its users interact at a pace that ensures that neither has to wait on the other. (<400ms)

1:25 Fitt's Law -> The time to acquire a target is a function of the distance to and size of the target.

2:02 Hick's Law -> The time it takes to make a decision increases with the number and complexity of choices.

2:40 Jakob's Law -> Users spend most of their time on other sites. This means that users prefer your site to work the same way as all the other sites they already know.

3:10 Law of Common Region -> Elements tend to be perceived into groups if they are sharing an area with a clearly defined boundary.

3:40 Law of Prägnanz -> People will perceive and interpret ambiguous or complex images as the simples form possible, because it is the interpretation that requires the least cognitive effort of us.

4:20 Law of Proximity -> Objects that are near, or proximate to each other, tend to be grouped together.

4:40 Law of Similarity -> The human eye tends to perceive similar elements in a design as a complete picture, shape, or group, even if those elements are separated.

5:00 Uniform Connectedness -> Elements that are visually connected are perceived as more related than elements with no connection.

5:20 Miller's Law -> The average person can only keep 7 ∓ 2 items in their working memory.

5:45 Occam's Razor -> Among competing hypotheses that predict equally well, the one with the fewest assumptions should be selected.

6:06 Pareto Principle -> The Pareto principle states that, for many events roughly 80% of the effects come from 20% of the causes.

6:40 Parkinson's Law -> Any task will inflate until all of the available time is spent.

7:07 Postel's Law -> Be liberal in what you accept, and conservative in what you send.

7:30 Serial Position Effect -> Users have a propensity to best remember the first and thhe last items in a series.

8:05 Tesler's Law -> Tesler's Law, aka The Law of Conservation of Complexity, states that for any system there is a certain amount of complexity which cannot be reduced.

8:40 Von Restorff Effect -> The Von Restorff effect, aka The Isolation Effect, predicts that when multiple similar objects are present, the one that differs from the rest is most likely to be remembered.

9:11 Zeigarnik Effect -> People remember uncompleted or interrupted tasks better than completed tasks.

9:40 outro

[austinandriese]

I know it's a lot of work but it would definitely be dope to have each one explained briefly with examples. I got the gist of it but it would be even better with examples. Love the vid man, so many of this is important to understand. We do a lot of it without even thinking about it.

[imransaieen]

Excellent, but most of ur video animations do not show relevant examples of pictures or videos to show a certain law. Better redo the animation with relevant pics & vids, then ur video woyld become popular, after that I'd love to show it to my class.

[MustSeeHeaven]

Thank you so much bro for this video. I'm a graphic designer who is now learning UI/UX Design & honestly I didn't find any good sources of learning at YouTube. I can't pay for the courses on sites so I want free solutions.
Your video made my day. If you help me a little more, its an honor for me.

[kjellruben]

Love that site. Would be cool to make this a series’s and go through each one and see how it can apply to a website, product and app :)

[sarandf]

I noticed the music in the background helped to digest the information much better .. Very gd job!

[tobiaslawrenz]

Thanks Joseph, with your video I was able to create the basis of our database and achieve incredible added value. Thank you from the bottom of my heart.

[kshitijshukla]

This is a well-designed video I must say. It could have been better if explained with some examples but still, it's informative and beautifully composed. Well done.

[henrythomas]

Thanks for the new video! I’m looking forward to seeing what other content you post! Always good to learn as much as you can!

[zaheera]

I started self-studying about designing so your video definitely made me learn some things. Subscribed immediately as I could already tell I would learn more from your other videos. Thank you for sharing with us (and to the one making the principles)!

[Kasradesign]

What a great video Joseph. Every designer needs to watch this.

[MarkWhiteartist]

The production of this video *chefs kiss*

[TheAaryanQ]

so much inf in 10 mins, well condensed

[theuxbattles]

Great information. Definitely a good introduction to those aspiring designers/ and good refresher for seasoned professionals. At the end of the day, what we do as experience designers is design for people. Understanding core principles will help drive a better experience. Good Job.

[xiongbenjamin]

Thank you! Most useful video on design. Concise and short

[MrJmhess]

Great vid! If you like the video, the book is even better. John Yablonski digs deep into much better detail.

[KerrieRedgate]

Thank you, Joseph. That was great, and very enjoyable! And many thanks also to Jon Yablonski for allowing you to share all that with us!

[TaCtiiCx]

Thx a lot for posting such videos, well organised, no useless talking. Great job, keep it up :)

[acropolis]

This is GOLD!! Thanks for sharing these brother. Keep those valuable content coming. Will check out more of your videos. Thank you!

[Kasradesign]

What a great video Joseph. Every designer needs to watch this. 🔥😍❤️