Understanding the laws of UX design

Omowunmi Victoria
4 min readMar 2, 2023

--

Like any other field, there are certain laws and principles guiding User Experience (UX) design. These laws are guidelines and ideal best practices a designer should follow in creating user centered designs. There are 21 laws of UX designs and I will be sharing a few of them below.

1. Jakobs law

This law was founded by Jakob Nielson. It explains that users spend most of their time on other sites, and they expect your site to work alike. Designing according to existing mental models, using established conventions and patterns, familiar icons and symbols improves user experience as it helps to reduce friction and aid users navigation on your site. That is why many ecommerce site for example, have a similar layout and navigation structure.

https://wdikc.wpenginepowered.com/wp-content/uploads/2021/07/Jakobs-Law.png

2. Aesthetic Usability Effect

Aesthetics play an important role in shaping the user’s perception of a product. Users many times perceive aesthetically pleasing design as design that is more usable. People are usually more geared towards visually appealing products. Paying attention to your colors, typography, images, white spacings, can give your design a better feel. The aim to is to create products that people love and offer value. Prioritize building products that are both visually pleasing and functional.

https://lawsofux.com/aesthetic-usability-effect/social.png
https://lawsofux.com/aesthetic-usability-effect/social.png

3. Goal gradient effect

People are more motivated to complete a task as they get closer to reaching the goal. It is important to let users know how much progress they have made or the steps left in completing a task. A great example is the progress bar in filling an online form, page indicators, etc. It helps users know all that is needed to be done or that is left in reaching task completion.

https://miro.medium.com/v2/resize:fit:1054/format:webp/0*k9micyEhzej7NU-w.png
https://miro.medium.com/v2/resize:fit:1054/format:webp/0*k9micyEhzej7NU-w.png

4. Hick’s Law

The time it takes to make a decision is proportional to the number and complexity of choices. When users have many choices to choose from, it slows their decision making and they are likely not going to complete the task. Too many options all at once can be overwhelming. Best to do, is to break the task into bits or phases to reduce cognitive load. Allowing users progress step by step leads to faster task completion rate and improves the overall user experience.

https://www.google.com/imgres?imgurl=https%3A%2F%2Fmedia.licdn.com%2Fdms%2Fimage%2FC5612AQGG3e1m7jrw8g%2Farticle-cover_image-shrink_600_2000%2F0%2F1620023141362%3Fe%3D2147483647%26v%3Dbeta%26t%3DpCKp_ZbA0pd3Yk4swQaboAbMNPtpDHujxTyn5q9M9k8&imgrefurl=https%3A%2F%2Fwww.linkedin.com%2Fpulse%2Fhicks-law-laws-ux-siva-prakash-n&tbnid=5Mmo6d5eJF-3IM&vet=12ahUKEwjZyMygtrP9AhXblCcCHWbFBbUQMygKegUIARDSAQ..i&docid=ZGRDemibrYrjDM&w=1024&h=535&q=hicks%20law%20of%20ux%20example&ved=2ahUKEwjZyMygtrP9AhXblCcCHWb

5. Fitt’s Law

The time required to move to a target is a function of the distance to the target and the size of the target. When designing, you need to put into consideration the target areas for your users, ensure all the elements you want them to click are easily accessible. Ensure they are large enough for them to see, find and select easily. Also, good contrast from the background so touch elements are easily noticed. Let there be feedbacks when interactive elements are clicked or tapped. This can help users understand that they have successfully clicked or tapped an element.

https://assets.toptal.io/images?url=https://bs-uploads.toptal.io/blackfish-uploads/components/blog_post_page/content/cover_image_file/cover_image/807523/regular_1708x683_1028_Turbocharge_e-Commerce_Lina_Newsletter___blog-8cd1bd7dee05943de0762a6afa616c66.png

6. Law of Proximity

Objects that are close together are perceived as related. Putting items in close proximity establishes a relationship between them. If you want to create a design that is easy to understand and navigate, you need to group related elements together. This also helps the content to be more organized and users to understand them quicker. Have your elements properly grouped, separate items with good use of white spacing.

https://www.uxtoast.com/dist/img/proximity.png
https://www.uxtoast.com/dist/img/proximity.png

7. Tesler’s Law

For any system, there is a certain amount of complexity that can not be eliminated. By finding the right balance between simplicity and complexity, you can create designs that are easy to use, provide a great user experience. In a bid to reduce these frictions and present an easy to use design flow, do not take away the core features and simplify to the point of abstraction. That is why a good onboarding process is encouraged. You can also use info tips where necessary to aid users’ ease of navigation.

https://www.oreilly.com/library/view/laws-of-ux/9781492055303/ch09.html

Thanks for reading up to this point. I do hope you found my article useful and insightful. Got any question or need more clarity on any? You can leave a comment.

--

--

Omowunmi Victoria
Omowunmi Victoria

No responses yet