{"id":12502,"date":"2019-12-06T20:00:29","date_gmt":"2019-12-06T23:00:29","guid":{"rendered":"https:\/\/dilmarames.com\/ux-design-laws-of-user-experience\/"},"modified":"2023-04-07T17:48:55","modified_gmt":"2023-04-07T20:48:55","slug":"ux-design-laws-of-user-experience","status":"publish","type":"post","link":"https:\/\/dilmarames.com\/en\/ux-design-laws-of-user-experience\/","title":{"rendered":"UX Design &#8211; Laws of User Experience"},"content":{"rendered":"\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<p class=\"wp-block-paragraph\"><strong>I always like to say that I practice SEO holistically, i.e., taking into consideration all aspects of a user&#8217;s journey to the content that interests them.  <\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>So here is a summary of 20 User Experience Design rules that can contribute to improving the user experience and, consequently, the conversion rates of your business. Let&#8217;s go! <\/strong> <\/p>\n\n\n\n<div class=\"wp-block-yoast-seo-table-of-contents yoast-table-of-contents\"><h2>Index<\/h2><ul><li><a href=\"#h-efeito-da-usabilidade-estetica\" data-level=\"2\">Aesthetic usability effect  <\/a><\/li><li><a href=\"#h-limiar-de-doherty\" data-level=\"2\">Doherty Threshold<\/a><\/li><li><a href=\"#h-lei-de-fitts\" data-level=\"2\">Fitts&#8217; Law<\/a><\/li><li><a href=\"#h-lei-de-hick\" data-level=\"2\">Hick&#8217;s Law<\/a><\/li><li><a href=\"#h-lei-de-jakob\" data-level=\"2\">Jakob&#8217;s Law<\/a><\/li><li><a href=\"#h-lei-da-regiao-comum\" data-level=\"2\">Common Region Law<\/a><\/li><li><a href=\"#h-lei-de-pragnanz\" data-level=\"2\">Pr\u00e4gnanz Law<\/a><\/li><li><a href=\"#h-lei-da-proximidade\" data-level=\"2\">Law of Proximity<\/a><\/li><li><a href=\"#h-lei-da-similaridade\" data-level=\"2\">Law of Similarity<\/a><\/li><li><a href=\"#h-lei-da-conexao-uniforme\" data-level=\"2\">Law of Uniform Connection<\/a><\/li><li><a href=\"#h-lei-de-miller\" data-level=\"2\">Miller&#8217;s Law<\/a><\/li><li><a href=\"#h-navalha-de-occam\" data-level=\"2\">Occam&#8217;s Razor<\/a><\/li><li><a href=\"#h-principio-de-pareto\" data-level=\"2\">Pareto Principle<\/a><\/li><li><a href=\"#h-lei-de-parkinson\" data-level=\"2\">Parkinson&#8217;s Law<\/a><\/li><li><a href=\"#h-regra-do-ponto-final\" data-level=\"2\">Full Stop Rule<\/a><\/li><li><a href=\"#h-lei-de-postel\" data-level=\"2\">Postel&#8217;s Law<\/a><\/li><li><a href=\"#h-efeito-de-posicao-serial\" data-level=\"2\">Serial Position Effect<\/a><\/li><li><a href=\"#h-lei-de-tesler\" data-level=\"2\">Tesler&#8217;s Law<\/a><\/li><li><a href=\"#h-efeito-von-restorff\" data-level=\"2\">Von Restorff Effect<\/a><\/li><li><a href=\"#h-efeito-zeigarnik\" data-level=\"2\">Zeigarnik Effect<\/a><\/li><\/ul><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\"><\/div>\n<\/div>\n\n<div class=\"wp-block-columns alignwide are-vertically-aligned-top is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"530\" height=\"441\" src=\"https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-1-aesthetic-usability-effect-530x441.jpg\" alt=\"Law of aesthetic usability\" class=\"wp-image-10165\" srcset=\"https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-1-aesthetic-usability-effect-530x441.jpg 530w, https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-1-aesthetic-usability-effect-300x250.jpg 300w, https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-1-aesthetic-usability-effect.jpg 542w\" sizes=\"(max-width: 530px) 100vw, 530px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<h2 class=\"wp-block-heading\" id=\"h-efeito-da-usabilidade-estetica\">Aesthetic usability effect  <\/h2>\n\n\n\n<p class=\"key-sentence-posts has-text-color wp-block-paragraph\" style=\"color:#506485\">Users generally perceive an aesthetically pleasing design as a more usable design.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Aesthetically pleasing design can make users more tolerant of minor usability problems. It can mask usability problems and prevent them from being discovered during usability testing.  <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Further reading: <a href=\"https:\/\/www.nngroup.com\/articles\/aesthetic-usability-effect\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"The Aesthetic-Usability Effect (opens in a new tab)\">The Aesthetic-Usability Effect<\/a><\/p>\n<\/div>\n<\/div>\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"529\" height=\"441\" src=\"https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-2-doherty-threshold-529x441.jpg\" alt=\"Doherty Threshold\" class=\"wp-image-10166\" srcset=\"https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-2-doherty-threshold-529x441.jpg 529w, https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-2-doherty-threshold-300x250.jpg 300w, https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-2-doherty-threshold.jpg 542w\" sizes=\"(max-width: 529px) 100vw, 529px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<h2 class=\"wp-block-heading\" id=\"h-limiar-de-doherty\">Doherty Threshold<\/h2>\n\n\n\n<p class=\"key-sentence-posts has-text-color wp-block-paragraph\" style=\"color:#c44f9d\">Productivity increases when a computer and its users interact at a pace (&lt;400ms) that ensures that neither needs to wait for the other.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Provide system feedback within 400ms to keep users&#8217; attention and increase productivity.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Further reading: <a href=\"https:\/\/medium.com\/@Gugel\/the-doherty-threshold-5471ca990de6\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"This 70s UX gem still applies today (opens in a new tab)\">This 70s UX gem still applies today<\/a><\/p>\n<\/div>\n<\/div>\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"529\" height=\"441\" src=\"https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-3-fitts-law-529x441.jpg\" alt=\"Fitts' Law\" class=\"wp-image-10167\" srcset=\"https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-3-fitts-law-529x441.jpg 529w, https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-3-fitts-law-300x250.jpg 300w, https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-3-fitts-law.jpg 542w\" sizes=\"(max-width: 529px) 100vw, 529px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<h2 class=\"wp-block-heading\" id=\"h-lei-de-fitts\">Fitts&#8217; Law<\/h2>\n\n\n\n<p class=\"key-sentence-posts has-text-color wp-block-paragraph\" style=\"color:#7bb24d\">The time to interact with a target is a function of the distance and size of the target.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Make the elements that you want to be easily selectable large and position them close to the users. This law applies especially to buttons (CTAs), the purpose of which is to be easy to find and select.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Further reading: <a href=\"https:\/\/www.interaction-design.org\/literature\/article\/fitts-s-law-the-importance-of-size-and-distance-in-ui-design\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"Fitts's Law: The Importance of Size and Distance in UI Design (opens in a new tab)\">Fitts&#8217;s Law: The Importance of Size and Distance in UI Design<\/a><\/p>\n<\/div>\n<\/div>\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"529\" height=\"441\" src=\"https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-4-hicks-law-529x441.jpg\" alt=\"Hick's Law\" class=\"wp-image-10168\" srcset=\"https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-4-hicks-law-529x441.jpg 529w, https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-4-hicks-law-300x250.jpg 300w, https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-4-hicks-law.jpg 542w\" sizes=\"(max-width: 529px) 100vw, 529px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<h2 class=\"wp-block-heading\" id=\"h-lei-de-hick\">Hick&#8217;s Law<\/h2>\n\n\n\n<p class=\"key-sentence-posts has-text-color wp-block-paragraph\" style=\"color:#4897be\">The time required to make a decision increases with the number and complexity of choices.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">More choices result in more time to think about those choices and make a decision. Simplify the options for the user by breaking down complex tasks into smaller steps.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Avoid overwhelming users by highlighting the recommended options.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Further reading: <a href=\"https:\/\/www.interaction-design.org\/literature\/article\/hick-s-law-making-the-choice-easier-for-users\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"Hick&#x2019;s Law: Making the choice easier for users (opens in a new tab)\">Hick&#8217;s Law: Making the choice easier for users<\/a><\/p>\n<\/div>\n<\/div>\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"530\" height=\"441\" src=\"https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-5-jakobs-law-530x441.jpg\" alt=\"Jakob's Law\" class=\"wp-image-10169\" srcset=\"https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-5-jakobs-law-530x441.jpg 530w, https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-5-jakobs-law-300x250.jpg 300w, https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-5-jakobs-law.jpg 542w\" sizes=\"(max-width: 530px) 100vw, 530px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<h2 class=\"wp-block-heading\" id=\"h-lei-de-jakob\">Jakob&#8217;s Law<\/h2>\n\n\n\n<p class=\"key-sentence-posts has-text-color wp-block-paragraph\" style=\"color:#d6c229\">Users spend most of their time on other sites. This means that users prefer your site to function in the same way as all the other sites they already know.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can simplify the learning process for users by providing familiar design patterns.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Further reading: <a href=\"https:\/\/www.nngroup.com\/videos\/jakobs-law-internet-ux\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"Jakob's Law of Internet User Experience (opens in a new tab)\">Jakob&#8217;s Law of Internet User Experience<\/a><\/p>\n<\/div>\n<\/div>\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"529\" height=\"441\" src=\"https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-6-common-region-529x441.jpg\" alt=\"Common Region Law\" class=\"wp-image-10170\" srcset=\"https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-6-common-region-529x441.jpg 529w, https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-6-common-region-300x250.jpg 300w, https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-6-common-region.jpg 542w\" sizes=\"(max-width: 529px) 100vw, 529px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<h2 class=\"wp-block-heading\" id=\"h-lei-da-regiao-comum\">Common Region Law<\/h2>\n\n\n\n<p class=\"key-sentence-posts has-text-color wp-block-paragraph\" style=\"color:#26a36d\">Elements tend to be perceived in groups if they are sharing an area with a clearly defined boundary.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Adding borders (creating common regions) around an element or group of elements is an easy way to create separation from the surrounding elements.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Further reading: <a href=\"https:\/\/www.smashingmagazine.com\/2014\/03\/design-principles-visual-perception-and-the-principles-of-gestalt\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"Design Principles: Visual Perception And The Principles Of Gestalt (opens in a new tab)\">Design Principles: Visual Perception And The Principles Of Gestalt<\/a><\/p>\n<\/div>\n<\/div>\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"529\" height=\"441\" src=\"https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-7-pragnanz-529x441.jpg\" alt=\"Pr&#xE4;gnanz Law\" class=\"wp-image-10171\" srcset=\"https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-7-pragnanz-529x441.jpg 529w, https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-7-pragnanz-300x250.jpg 300w, https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-7-pragnanz.jpg 542w\" sizes=\"(max-width: 529px) 100vw, 529px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<h2 class=\"wp-block-heading\" id=\"h-lei-de-pragnanz\">Pr\u00e4gnanz Law<\/h2>\n\n\n\n<p class=\"key-sentence-posts has-text-color wp-block-paragraph\" style=\"color:#f27eac\">People will perceive and interpret ambiguous or complex images as the simplest possible way, because it is the interpretation that requires the least cognitive effort from us.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The human eye likes to find simplicity and order in complex shapes because it keeps us from being overwhelmed with information.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Further reading: <a href=\"https:\/\/www.interaction-design.org\/literature\/article\/the-laws-of-figure-ground-praegnanz-closure-and-common-fate-gestalt-principles-3\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"The Laws of Figure\/Ground, Pr&#xE4;gnanz, Closure, and Common Fate - Gestalt Principles (opens in a new tab)\">The Laws of Figure\/Ground, Pr\u00e4gnanz, Closure, and Common Fate &#8211; Gestalt Principles<\/a><\/p>\n<\/div>\n<\/div>\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"529\" height=\"441\" src=\"https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-8-proximity-529x441.jpg\" alt=\"Law of Proximity\" class=\"wp-image-10173\" srcset=\"https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-8-proximity-529x441.jpg 529w, https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-8-proximity-300x250.jpg 300w, https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-8-proximity.jpg 542w\" sizes=\"(max-width: 529px) 100vw, 529px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<h2 class=\"wp-block-heading\" id=\"h-lei-da-proximidade\">Law of Proximity<\/h2>\n\n\n\n<p class=\"key-sentence-posts has-text-color wp-block-paragraph\" style=\"color:#ea7e38\">Objects that are close or near each other tend to be grouped together.  <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The law of proximity is useful by allowing users to group different groups of content together quickly.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Further reading: <a href=\"https:\/\/www.interaction-design.org\/literature\/article\/laws-of-proximity-uniform-connectedness-and-continuation-gestalt-principles-2\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"Laws of Proximity, Uniform Connectedness, and Continuation &#x2013; Gestalt Principles (opens in a new tab)\">Laws of Proximity, Uniform Connectedness, and Continuation &#8211; Gestalt Principles<\/a><\/p>\n<\/div>\n<\/div>\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"530\" height=\"441\" src=\"https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-9-similarity-530x441.jpg\" alt=\"Law of Similarity\" class=\"wp-image-10174\" srcset=\"https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-9-similarity-530x441.jpg 530w, https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-9-similarity-300x250.jpg 300w, https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-9-similarity.jpg 542w\" sizes=\"(max-width: 530px) 100vw, 530px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<h2 class=\"wp-block-heading\" id=\"h-lei-da-similaridade\">Law of Similarity<\/h2>\n\n\n\n<p class=\"key-sentence-posts has-text-color wp-block-paragraph\" style=\"color:#80495e\">The human eye tends to perceive similar elements in a design as one image, shape or complete group, even if these elements are separate.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Make sure that links and navigation elements are visually differentiated from normal text elements and have a consistent style.  <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Further reading: <a href=\"https:\/\/www.interaction-design.org\/literature\/article\/the-law-of-similarity-gestalt-principles-1\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"The Law of Similarity - Gestalt Principles (opens in a new tab)\">The Law of Similarity &#8211; Gestalt Principles<\/a><\/p>\n<\/div>\n<\/div>\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"529\" height=\"441\" src=\"https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-10-uniform-connectedness-529x441.jpg\" alt=\"Law of Uniform Connection\" class=\"wp-image-10175\" srcset=\"https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-10-uniform-connectedness-529x441.jpg 529w, https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-10-uniform-connectedness-300x250.jpg 300w, https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-10-uniform-connectedness.jpg 542w\" sizes=\"(max-width: 529px) 100vw, 529px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<h2 class=\"wp-block-heading\" id=\"h-lei-da-conexao-uniforme\">Law of Uniform Connection<\/h2>\n\n\n\n<p class=\"key-sentence-posts has-text-color wp-block-paragraph\" style=\"color:#819dd6\">Visually connected elements are perceived as more related than unconnected elements.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Group functions of a similar nature together so that they are visually connected by means of colors, lines, frames, or other forms.  <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Further reading: <a href=\"https:\/\/www.andyrutledge.com\/gestalt-principles-3.html\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"Gestalt Principles of Perception - 3: Proximity, Uniform Connectedness, and Good Continuation (opens in a new tab)\">Gestalt Principles of Perception &#8211; 3: Proximity, Uniform Connectedness, and Good Continuation<\/a><\/p>\n<\/div>\n<\/div>\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"529\" height=\"441\" src=\"https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-11-millers-law-529x441.jpg\" alt=\"Miller's Law\" class=\"wp-image-10176\" srcset=\"https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-11-millers-law-529x441.jpg 529w, https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-11-millers-law-300x250.jpg 300w, https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-11-millers-law.jpg 542w\" sizes=\"(max-width: 529px) 100vw, 529px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<h2 class=\"wp-block-heading\" id=\"h-lei-de-miller\">Miller&#8217;s Law<\/h2>\n\n\n\n<p class=\"key-sentence-posts has-text-color wp-block-paragraph\" style=\"color:#f55f4e\">The average person can only keep 7 (plus or minus 2) items in their working memory.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Chunking<\/em> is an effective method of presenting groups of content in a manageable way. Organize the content into groups of 5 to 9 items at a time.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Further reading: <a href=\"https:\/\/www.khanacademy.org\/test-prep\/mcat\/social-sciences-practice\/social-science-practice-tut\/e\/miller-s-law--chunking--and-the-capacity-of-working-memory\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"Miller&#x2019;s law, chunking, and the capacity of working memory (opens in a new tab)\">Miller&#8217;s law, chunking, and the capacity of working memory<\/a><\/p>\n<\/div>\n<\/div>\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"529\" height=\"441\" src=\"https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-12-occams-razor-529x441.jpg\" alt=\"Occam's Razor\" class=\"wp-image-10177\" srcset=\"https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-12-occams-razor-529x441.jpg 529w, https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-12-occams-razor-300x250.jpg 300w, https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-12-occams-razor.jpg 542w\" sizes=\"(max-width: 529px) 100vw, 529px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<h2 class=\"wp-block-heading\" id=\"h-navalha-de-occam\">Occam&#8217;s Razor<\/h2>\n\n\n\n<p class=\"key-sentence-posts has-text-color wp-block-paragraph\" style=\"color:#b54a48\">Among competing hypotheses that predict equally well, one should select the one with the fewest assumptions.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Analyze each element and remove as many as possible, without compromising the overall function.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Further reading: <a href=\"https:\/\/medium.com\/@jonyablonski\/designing-with-occams-razor-3692df2f3c7f\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"Designing with Occam&#x2019;s Razor (opens in a new tab)\">Designing with Occam&#8217;s Razor<\/a><\/p>\n<\/div>\n<\/div>\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"530\" height=\"441\" src=\"https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-13-pareto-530x441.jpg\" alt=\"Pareto Principle\" class=\"wp-image-10178\" srcset=\"https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-13-pareto-530x441.jpg 530w, https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-13-pareto-300x250.jpg 300w, https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-13-pareto.jpg 542w\" sizes=\"(max-width: 530px) 100vw, 530px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<h2 class=\"wp-block-heading\" id=\"h-principio-de-pareto\">Pareto Principle<\/h2>\n\n\n\n<p class=\"key-sentence-posts has-text-color wp-block-paragraph\" style=\"color:#1baabf\">Pareto&#8217;s principle states that for many events, approximately 80% of the effects come from 20% of the causes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Concentrate most of the effort on the areas that will bring the greatest benefits to the most users.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Further reading: <a href=\"https:\/\/medium.com\/design-ibm\/the-80-20-rule-in-user-experience-1695de32aaae\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"The 80\/20 Rule in User Experience (opens in a new tab)\">The 80\/20 Rule in User Experience<\/a><\/p>\n<\/div>\n<\/div>\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"529\" height=\"441\" src=\"https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-14-parkinsons-law-529x441.jpg\" alt=\"Parkinson's Law\" class=\"wp-image-10179\" srcset=\"https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-14-parkinsons-law-529x441.jpg 529w, https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-14-parkinsons-law-300x250.jpg 300w, https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-14-parkinsons-law.jpg 542w\" sizes=\"(max-width: 529px) 100vw, 529px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<h2 class=\"wp-block-heading\" id=\"h-lei-de-parkinson\">Parkinson&#8217;s Law<\/h2>\n\n\n\n<p class=\"key-sentence-posts has-text-color wp-block-paragraph\" style=\"color:#beaa48\">Any task will increase until all the available time is spent.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Further reading: <a href=\"https:\/\/medium.com\/the-mission\/parkinsons-law-why-constraints-are-the-best-thing-you-can-work-with-4fad6e0e91cf\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"Parkinson&#x2019;s Law: Why Constraints Are The Best Thing You Can Work With (opens in a new tab)\">Parkinson&#8217;s Law: Why Constraints Are The Best Thing You Can Work With<\/a><\/p>\n<\/div>\n<\/div>\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"529\" height=\"441\" src=\"https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-15-peak-end-rule-529x441.jpg\" alt=\"Full Stop Rule\" class=\"wp-image-10180\" srcset=\"https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-15-peak-end-rule-529x441.jpg 529w, https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-15-peak-end-rule-300x250.jpg 300w, https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-15-peak-end-rule.jpg 542w\" sizes=\"(max-width: 529px) 100vw, 529px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<h2 class=\"wp-block-heading\" id=\"h-regra-do-ponto-final\">Full Stop Rule<\/h2>\n\n\n\n<p class=\"key-sentence-posts has-text-color wp-block-paragraph\" style=\"color:#307ec7\">People judge an experience largely based on how they felt at the peak and the end, rather than the sum total or average of each moment of the experience.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pay attention to the most intense points and the final moments of the user journey. Identify the moments when your product is most valuable and design to make those moments better. People remember negative experiences more vividly than positive experiences.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Further reading: <a href=\"https:\/\/www.nngroup.com\/articles\/peak-end-rule\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"The Peak&#x2013;End Rule: How Impressions Become Memories (opens in a new tab)\">The Peak-End Rule: How Impressions Become Memories<\/a><\/p>\n<\/div>\n<\/div>\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"529\" height=\"441\" src=\"https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-16-postels-law-529x441.jpg\" alt=\"Postel's Law\" class=\"wp-image-10181\" srcset=\"https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-16-postels-law-529x441.jpg 529w, https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-16-postels-law-300x250.jpg 300w, https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-16-postels-law.jpg 542w\" sizes=\"(max-width: 529px) 100vw, 529px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<h2 class=\"wp-block-heading\" id=\"h-lei-de-postel\">Postel&#8217;s Law<\/h2>\n\n\n\n<p class=\"key-sentence-posts has-text-color wp-block-paragraph\" style=\"color:#43a852\">Be liberal in what you accept and conservative in what you send.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Be empathetic, flexible, and tolerant of any number of actions the user may perform. This means accepting variable input from users, translating input to meet requirements, setting limits on input, and providing clear feedback to the user.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Further Reading: <a href=\"https:\/\/alistapart.com\/article\/your-website-has-two-faces\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"Your Website has Two Faces (opens in a new tab)\">Your Website has Two Faces<\/a><\/p>\n<\/div>\n<\/div>\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"530\" height=\"441\" src=\"https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-17-serial-position-effect-530x441.jpg\" alt=\"Serial position effect\" class=\"wp-image-10182\" srcset=\"https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-17-serial-position-effect-530x441.jpg 530w, https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-17-serial-position-effect-300x250.jpg 300w, https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-17-serial-position-effect.jpg 542w\" sizes=\"(max-width: 530px) 100vw, 530px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<h2 class=\"wp-block-heading\" id=\"h-efeito-de-posicao-serial\">Serial Position Effect<\/h2>\n\n\n\n<p class=\"key-sentence-posts has-text-color wp-block-paragraph\" style=\"color:#8959a8\">Users have a propensity to remember the first and last item in a series better.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Putting the less important items in the middle of the lists can be helpful because these items tend to be stored less frequently in working and long-term memory. Positioning the main actions on the far left and right in elements such as navigation can increase recall.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Further reading: <a href=\"https:\/\/www.interaction-design.org\/literature\/article\/serial-position-effect-how-to-create-better-user-interfaces\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"Serial Position Effect: How to Create Better User Interfaces (opens in a new tab)\">Serial Position Effect: How to Create Better User Interfaces<\/a><\/p>\n<\/div>\n<\/div>\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"529\" height=\"441\" src=\"https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-18-teslers-law-529x441.jpg\" alt=\"Tesler's Law\" class=\"wp-image-10183\" srcset=\"https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-18-teslers-law-529x441.jpg 529w, https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-18-teslers-law-300x250.jpg 300w, https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-18-teslers-law.jpg 542w\" sizes=\"(max-width: 529px) 100vw, 529px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<h2 class=\"wp-block-heading\" id=\"h-lei-de-tesler\">Tesler&#8217;s Law<\/h2>\n\n\n\n<p class=\"key-sentence-posts has-text-color wp-block-paragraph\" style=\"color:#6fc9b6\">Tesler&#8217;s Law, also known as the Law of Conservation of Complexity, states that for any system there is a certain amount of complexity that cannot be reduced.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Further reading: <a href=\"http:\/\/www.humanist.co\/blog\/law-of-conservation-of-complexity\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"Explaining the Law of Conservation of Complexity (opens in a new tab)\">Explaining the Law of Conservation of Complexity<\/a><\/p>\n<\/div>\n<\/div>\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"529\" height=\"441\" src=\"https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-19-von-restorff-effect-529x441.jpg\" alt=\"Von Restorff Effect\" class=\"wp-image-10184\" srcset=\"https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-19-von-restorff-effect-529x441.jpg 529w, https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-19-von-restorff-effect-300x250.jpg 300w, https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-19-von-restorff-effect.jpg 542w\" sizes=\"(max-width: 529px) 100vw, 529px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<h2 class=\"wp-block-heading\" id=\"h-efeito-von-restorff\">Von Restorff Effect<\/h2>\n\n\n\n<p class=\"key-sentence-posts has-text-color wp-block-paragraph\" style=\"color:#74a679\">The Von Restorff effect, also known as the Isolation Effect, predicts that when several similar objects are present, the one that differs from the rest is more likely to be remembered.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Make important information or key actions visually distinct.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Further reading: <a href=\"https:\/\/blog.prototypr.io\/psychology-in-design-part-1-cdc63229cbe4\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"Psychology in Design (Part 1) (opens in a new tab)\">Psychology in Design (Part 1)<\/a><\/p>\n<\/div>\n<\/div>\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"529\" height=\"441\" src=\"https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-20-zeigarnik-effect-529x441.jpg\" alt=\"Zeigarnik Effect\" class=\"wp-image-10185\" srcset=\"https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-20-zeigarnik-effect-529x441.jpg 529w, https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-20-zeigarnik-effect-300x250.jpg 300w, https:\/\/dilmarames.com\/wp-content\/uploads\/2019\/12\/law-20-zeigarnik-effect.jpg 542w\" sizes=\"(max-width: 529px) 100vw, 529px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<h2 class=\"wp-block-heading\" id=\"h-efeito-zeigarnik\">Zeigarnik Effect<\/h2>\n\n\n\n<p class=\"key-sentence-posts has-text-color wp-block-paragraph\" style=\"color:#42928c\">People remember incomplete or interrupted tasks better than completed tasks.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Use progress bars for complex tasks to visually indicate when a task is incomplete and thus increase the likelihood that it will be completed.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Further reading: <a href=\"https:\/\/medium.com\/@coffeeandjunk\/design-psychology-zeigarnik-effect-a53688b7f6d1?\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"The Zeigarnik Effect: Why it is so hard to leave things incomplete. (opens in a new tab)\">The Zeigarnik Effect: Why it is so hard to leave things incomplete.<\/a><\/p>\n<\/div>\n<\/div>\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<p class=\"wp-block-paragraph\">This article is an adaptation of the <a aria-label=\"cole&#xE7;&#xE3;o criada por Jon Yablonski (opens in a new tab)\" rel=\"noreferrer noopener\" href=\"https:\/\/lawsofux.com\/\" target=\"_blank\">collection created by Jon Yablonski<\/a> with the principles that designers can take into consideration to produce interfaces.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">See a <a href=\"https:\/\/dilmarames.com\/stories\/leis-de-ux\/\">summary about User Experience Laws<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Continue reading: <a href=\"https:\/\/dilmarames.com\/guia-definitivo-wordpress-seo\/\">The definitive guide to WordPress SEO<\/a><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\"><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>This article is a compilation of 20 user experience design laws that every designer can take into consideration when designing interfaces. Find out more!<\/p>\n","protected":false},"author":3,"featured_media":11962,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[1],"tags":[3648,3650],"class_list":["post-12502","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-seo","tag-user-experience-ux","tag-web-design"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.1 (Yoast SEO v27.7) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>UX Design - Laws of User Experience<\/title>\n<meta name=\"description\" content=\"This article is a compilation of 20 user experience design laws that every designer can take into consideration when designing interfaces. Check it out!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/dilmarames.com\/en\/ux-design-laws-of-user-experience\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"UX Design - Laws of User Experience\" \/>\n<meta property=\"og:description\" content=\"This article is a compilation of 20 user experience design laws that every designer can take into consideration when designing interfaces. Check it out!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/dilmarames.com\/en\/ux-design-laws-of-user-experience\/\" \/>\n<meta property=\"og:site_name\" content=\"Dilmar Ames\" \/>\n<meta property=\"article:published_time\" content=\"2019-12-06T23:00:29+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-04-07T20:48:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/dilmarames.com\/wp-content\/uploads\/2020\/05\/leis-user-experience-social.png\" \/>\n<meta name=\"author\" content=\"Dilmar Ames\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@dilmarames\" \/>\n<meta name=\"twitter:site\" content=\"@dilmarames\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Dilmar Ames\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/dilmarames.com\\\/en\\\/ux-design-laws-of-user-experience\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/dilmarames.com\\\/en\\\/ux-design-laws-of-user-experience\\\/\"},\"author\":{\"name\":\"Dilmar Ames\",\"@id\":\"https:\\\/\\\/dilmarames.com\\\/en\\\/#\\\/schema\\\/person\\\/66ae1b178b31daa90153322174df13c1\"},\"headline\":\"UX Design &#8211; Laws of User Experience\",\"datePublished\":\"2019-12-06T23:00:29+00:00\",\"dateModified\":\"2023-04-07T20:48:55+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/dilmarames.com\\\/en\\\/ux-design-laws-of-user-experience\\\/\"},\"wordCount\":1238,\"publisher\":{\"@id\":\"https:\\\/\\\/dilmarames.com\\\/en\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/dilmarames.com\\\/en\\\/ux-design-laws-of-user-experience\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/dilmarames.com\\\/wp-content\\\/uploads\\\/2020\\\/05\\\/leis-user-experience.png\",\"keywords\":[\"User eXperience (UX)\",\"Web Design\"],\"articleSection\":[\"SEO\"],\"inLanguage\":\"en-US\",\"copyrightYear\":\"2019\",\"copyrightHolder\":{\"@id\":\"https:\\\/\\\/dilmarames.com\\\/#organization\"},\"accessibilityFeature\":[\"tableOfContents\"]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/dilmarames.com\\\/en\\\/ux-design-laws-of-user-experience\\\/\",\"url\":\"https:\\\/\\\/dilmarames.com\\\/en\\\/ux-design-laws-of-user-experience\\\/\",\"name\":\"UX Design - Laws of User Experience\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/dilmarames.com\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/dilmarames.com\\\/en\\\/ux-design-laws-of-user-experience\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/dilmarames.com\\\/en\\\/ux-design-laws-of-user-experience\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/dilmarames.com\\\/wp-content\\\/uploads\\\/2020\\\/05\\\/leis-user-experience.png\",\"datePublished\":\"2019-12-06T23:00:29+00:00\",\"dateModified\":\"2023-04-07T20:48:55+00:00\",\"description\":\"This article is a compilation of 20 user experience design laws that every designer can take into consideration when designing interfaces. Check it out!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/dilmarames.com\\\/en\\\/ux-design-laws-of-user-experience\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/dilmarames.com\\\/en\\\/ux-design-laws-of-user-experience\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/dilmarames.com\\\/en\\\/ux-design-laws-of-user-experience\\\/#primaryimage\",\"url\":\"https:\\\/\\\/dilmarames.com\\\/wp-content\\\/uploads\\\/2020\\\/05\\\/leis-user-experience.png\",\"contentUrl\":\"https:\\\/\\\/dilmarames.com\\\/wp-content\\\/uploads\\\/2020\\\/05\\\/leis-user-experience.png\",\"width\":1200,\"height\":631},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/dilmarames.com\\\/en\\\/ux-design-laws-of-user-experience\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/dilmarames.com\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"SEO\",\"item\":\"https:\\\/\\\/dilmarames.com\\\/en\\\/category\\\/seo\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"UX Design &#8211; Laws of User Experience\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/dilmarames.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/dilmarames.com\\\/en\\\/\",\"name\":\"Dilmar Ames\",\"description\":\"Consultoria de SEO &amp; Analytics\",\"publisher\":{\"@id\":\"https:\\\/\\\/dilmarames.com\\\/en\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/dilmarames.com\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/dilmarames.com\\\/en\\\/#organization\",\"name\":\"Dilmar Ames\",\"alternateName\":\"Ames Digital\",\"url\":\"https:\\\/\\\/dilmarames.com\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/dilmarames.com\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/dilmarames.com\\\/wp-content\\\/uploads\\\/2020\\\/05\\\/cropped-logo-dilmar-ames-blue-183x41-1.png\",\"contentUrl\":\"https:\\\/\\\/dilmarames.com\\\/wp-content\\\/uploads\\\/2020\\\/05\\\/cropped-logo-dilmar-ames-blue-183x41-1.png\",\"width\":183,\"height\":41,\"caption\":\"Dilmar Ames\"},\"image\":{\"@id\":\"https:\\\/\\\/dilmarames.com\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/x.com\\\/dilmarames\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/DilmarAmes\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/dilmarames.com\\\/en\\\/#\\\/schema\\\/person\\\/66ae1b178b31daa90153322174df13c1\",\"name\":\"Dilmar Ames\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/db874dc8736a63b6f8014f9c56f518e49c5403a9511075d094620b5af8f9d44a?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/db874dc8736a63b6f8014f9c56f518e49c5403a9511075d094620b5af8f9d44a?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/db874dc8736a63b6f8014f9c56f518e49c5403a9511075d094620b5af8f9d44a?s=96&d=mm&r=g\",\"caption\":\"Dilmar Ames\"},\"description\":\"Consultor de SEO e Analytics. Ajudo empresas a melhorarem seu posicionamento nas buscas e tamb\u00e9m seus resultados.\",\"sameAs\":[\"https:\\\/\\\/dilmarames.mystagingwebsite.com\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/DilmarAmes\\\/\",\"https:\\\/\\\/x.com\\\/dilmarames\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"UX Design - Laws of User Experience","description":"This article is a compilation of 20 user experience design laws that every designer can take into consideration when designing interfaces. Check it out!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/dilmarames.com\/en\/ux-design-laws-of-user-experience\/","og_locale":"en_US","og_type":"article","og_title":"UX Design - Laws of User Experience","og_description":"This article is a compilation of 20 user experience design laws that every designer can take into consideration when designing interfaces. Check it out!","og_url":"https:\/\/dilmarames.com\/en\/ux-design-laws-of-user-experience\/","og_site_name":"Dilmar Ames","article_published_time":"2019-12-06T23:00:29+00:00","article_modified_time":"2023-04-07T20:48:55+00:00","og_image":[{"url":"https:\/\/dilmarames.com\/wp-content\/uploads\/2020\/05\/leis-user-experience-social.png","type":"","width":"","height":""}],"author":"Dilmar Ames","twitter_card":"summary_large_image","twitter_creator":"@dilmarames","twitter_site":"@dilmarames","twitter_misc":{"Written by":"Dilmar Ames","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/dilmarames.com\/en\/ux-design-laws-of-user-experience\/#article","isPartOf":{"@id":"https:\/\/dilmarames.com\/en\/ux-design-laws-of-user-experience\/"},"author":{"name":"Dilmar Ames","@id":"https:\/\/dilmarames.com\/en\/#\/schema\/person\/66ae1b178b31daa90153322174df13c1"},"headline":"UX Design &#8211; Laws of User Experience","datePublished":"2019-12-06T23:00:29+00:00","dateModified":"2023-04-07T20:48:55+00:00","mainEntityOfPage":{"@id":"https:\/\/dilmarames.com\/en\/ux-design-laws-of-user-experience\/"},"wordCount":1238,"publisher":{"@id":"https:\/\/dilmarames.com\/en\/#organization"},"image":{"@id":"https:\/\/dilmarames.com\/en\/ux-design-laws-of-user-experience\/#primaryimage"},"thumbnailUrl":"https:\/\/dilmarames.com\/wp-content\/uploads\/2020\/05\/leis-user-experience.png","keywords":["User eXperience (UX)","Web Design"],"articleSection":["SEO"],"inLanguage":"en-US","copyrightYear":"2019","copyrightHolder":{"@id":"https:\/\/dilmarames.com\/#organization"},"accessibilityFeature":["tableOfContents"]},{"@type":"WebPage","@id":"https:\/\/dilmarames.com\/en\/ux-design-laws-of-user-experience\/","url":"https:\/\/dilmarames.com\/en\/ux-design-laws-of-user-experience\/","name":"UX Design - Laws of User Experience","isPartOf":{"@id":"https:\/\/dilmarames.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/dilmarames.com\/en\/ux-design-laws-of-user-experience\/#primaryimage"},"image":{"@id":"https:\/\/dilmarames.com\/en\/ux-design-laws-of-user-experience\/#primaryimage"},"thumbnailUrl":"https:\/\/dilmarames.com\/wp-content\/uploads\/2020\/05\/leis-user-experience.png","datePublished":"2019-12-06T23:00:29+00:00","dateModified":"2023-04-07T20:48:55+00:00","description":"This article is a compilation of 20 user experience design laws that every designer can take into consideration when designing interfaces. Check it out!","breadcrumb":{"@id":"https:\/\/dilmarames.com\/en\/ux-design-laws-of-user-experience\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/dilmarames.com\/en\/ux-design-laws-of-user-experience\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/dilmarames.com\/en\/ux-design-laws-of-user-experience\/#primaryimage","url":"https:\/\/dilmarames.com\/wp-content\/uploads\/2020\/05\/leis-user-experience.png","contentUrl":"https:\/\/dilmarames.com\/wp-content\/uploads\/2020\/05\/leis-user-experience.png","width":1200,"height":631},{"@type":"BreadcrumbList","@id":"https:\/\/dilmarames.com\/en\/ux-design-laws-of-user-experience\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dilmarames.com\/en\/"},{"@type":"ListItem","position":2,"name":"SEO","item":"https:\/\/dilmarames.com\/en\/category\/seo\/"},{"@type":"ListItem","position":3,"name":"UX Design &#8211; Laws of User Experience"}]},{"@type":"WebSite","@id":"https:\/\/dilmarames.com\/en\/#website","url":"https:\/\/dilmarames.com\/en\/","name":"Dilmar Ames","description":"Consultoria de SEO &amp; Analytics","publisher":{"@id":"https:\/\/dilmarames.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/dilmarames.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/dilmarames.com\/en\/#organization","name":"Dilmar Ames","alternateName":"Ames Digital","url":"https:\/\/dilmarames.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/dilmarames.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/dilmarames.com\/wp-content\/uploads\/2020\/05\/cropped-logo-dilmar-ames-blue-183x41-1.png","contentUrl":"https:\/\/dilmarames.com\/wp-content\/uploads\/2020\/05\/cropped-logo-dilmar-ames-blue-183x41-1.png","width":183,"height":41,"caption":"Dilmar Ames"},"image":{"@id":"https:\/\/dilmarames.com\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/dilmarames","https:\/\/www.linkedin.com\/in\/DilmarAmes\/"]},{"@type":"Person","@id":"https:\/\/dilmarames.com\/en\/#\/schema\/person\/66ae1b178b31daa90153322174df13c1","name":"Dilmar Ames","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/db874dc8736a63b6f8014f9c56f518e49c5403a9511075d094620b5af8f9d44a?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/db874dc8736a63b6f8014f9c56f518e49c5403a9511075d094620b5af8f9d44a?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/db874dc8736a63b6f8014f9c56f518e49c5403a9511075d094620b5af8f9d44a?s=96&d=mm&r=g","caption":"Dilmar Ames"},"description":"Consultor de SEO e Analytics. Ajudo empresas a melhorarem seu posicionamento nas buscas e tamb\u00e9m seus resultados.","sameAs":["https:\/\/dilmarames.mystagingwebsite.com\/","https:\/\/www.linkedin.com\/in\/DilmarAmes\/","https:\/\/x.com\/dilmarames"]}]}},"jetpack_featured_media_url":"https:\/\/dilmarames.com\/wp-content\/uploads\/2020\/05\/leis-user-experience.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/dilmarames.com\/en\/wp-json\/wp\/v2\/posts\/12502","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dilmarames.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dilmarames.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dilmarames.com\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/dilmarames.com\/en\/wp-json\/wp\/v2\/comments?post=12502"}],"version-history":[{"count":0,"href":"https:\/\/dilmarames.com\/en\/wp-json\/wp\/v2\/posts\/12502\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dilmarames.com\/en\/wp-json\/wp\/v2\/media\/11962"}],"wp:attachment":[{"href":"https:\/\/dilmarames.com\/en\/wp-json\/wp\/v2\/media?parent=12502"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dilmarames.com\/en\/wp-json\/wp\/v2\/categories?post=12502"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dilmarames.com\/en\/wp-json\/wp\/v2\/tags?post=12502"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}