Yes, this is still us! We're evolving with a fresh, professional identity. Exciting changes ahead.

Improve Your Website Design with Laws of UX

July 8, 2021
Staff Blog
Share:
Table of Content
Table of Content

Not sure if your website offers the best user experience? The Laws of UX helps you fix that through various relevant sources. A combination of interactive infographic icons and compiled resources for designers, Laws of UX offers a complete starting point for all designers to create the best user experience elements.

Laws of UX for Design Resources

laws of ux

The Laws of UX makes it easier for you to access design resources. Created by Jon Yablonski, this website collects various important elements of creating websites with the best user experiences. They are grouped into a giant interactive infographic, complete with large, colorful icons.

Each icon represents principles, design theories, and cognitive features that hold important roles in web designing. You can tap each icon to access all resources related to that theme. It creates a modern, uncluttered look main page look.

Which one would you choose to access information about web design? The boring, cluttered website or the one with unique, interesting icons like Laws of UX? Thanks to the interesting, modern look, this website is a great resource for your design project!

Main Features of Laws of UX

When you open the main page, you will be welcomed by large square icons grouped into four major themes. They consist of:

1. Heuristics

The heuristics icons cover theories about the perceived usability of your web design. They determine the level of usability in a design based on how visitors interact with the website. For example, the Aesthetic-Usability Effect explains why users think that aesthetically pleasing websites have higher quality. Fitts Law describes the comfortable designs of “touch targets”, which must be big and spaced enough to be used comfortably on the webpage.

2. Principles

Principles cover everything a designer must know to create an ideal webpage composition. Icons that cover Principles include Tesler’s Law, which depicts a certain level of necessary complication in web design, or Postel’s Law, which considers the alternatives of several possible actions by web visitors.

3. Gestalt

With Gestalt icons, website visitors will learn about things they need to keep the design elements harmonious when viewed as a whole. For example, the Law of Prägnanz depicts how users will always take the simplest interpretation of difficult design elements. Meanwhile, the Law of Proximity states that objects that are situated close to each other will be grouped.

4. Cognitive Bias

Finally, the Cognitive Bias icons take you on an interesting journey about how users view the website designs using their own cognitive biases. For example, in the Von Restorff Effect icon, an object that looks different compared to the rest will be easily remembered, even in a crowd. Zeigarnik Effect depicts how people will remember something incomplete or damaged when looking at a design.

There are still several icons on the Laws of UX website. Open one, and you will see simple explanations paired with several online resources specific to that topic.

Why Using Laws of UX?

laws of ux

User experience is considered an important thing in design. If you are new to web design, exploring these design principles will be easier because of interactive icons, inserted online resources, and simple design. Each icon also provides a helpful definition that you can use to understand the elements of design.

Laws of UX is web-based, so you can learn stuff without downloading. Create a website with the best user experience by following these written rules on the Laws of UX webpage.

Related Post

How to Invoice as a Freelancer
September 16, 2025
Freelancing grants freedom and simultaneously introduces you to new responsibilities, such as handling transactions with the clients on your own whilst ensuring the quality of your service or product. But, worry not! There is no need to panic. You just need to learn how to invoice as a freelancer​ with this simple guide.  Key Takeaways:…
READ MORE
11 UX Research Methods All UX Researchers Must Know
September 15, 2025
Before designing any application or website, UX researchers must conduct thorough research to uncover the insights that turn digital products from ordinary to exceptional. To achieve this, they rely on proven UX research methods that guide every stage of the design process. Equally important, UX researchers must know various UX research methods and when to…
READ MORE
10 Popular Motion Graphics Examples in Various Industries
September 12, 2025
Today, motion graphics have become essential tools for modern visual storytelling across countless industries worldwide. Designers can draw inspiration from various styles and techniques, selecting the motion graphics examples that best align with their project’s needs. So, what is motion graphics? In short, they are animated graphic design elements that bring static visuals to engaging…
READ MORE
How to Make a Mockup in Photoshop
September 11, 2025
Creating a professional presentation of your design often requires more than just displaying flat artwork. That’s where a mockup comes in. Designers and businesses use it to showcase ideas in a more engaging way. Thus, learning how to make a mockup in Photoshop is the first step to achieving that. So, how does it work?…
READ MORE