{"id":3724,"date":"2021-05-14T10:00:39","date_gmt":"2021-05-14T09:00:39","guid":{"rendered":"https:\/\/bestdatasolutions.es\/gestalt-laws\/"},"modified":"2022-10-11T16:04:30","modified_gmt":"2022-10-11T15:04:30","slug":"gestalt-laws","status":"publish","type":"post","link":"https:\/\/bestdatasolutions.es\/en\/blog\/gestalt-laws\/","title":{"rendered":"Gestalt Laws"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"3724\" class=\"elementor elementor-3724 elementor-2639\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-187471cb elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"187471cb\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8a0c01d\" data-id=\"8a0c01d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1fbff00b elementor-widget elementor-widget-theme-post-featured-image elementor-widget-image\" data-id=\"1fbff00b\" data-element_type=\"widget\" data-widget_type=\"theme-post-featured-image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1920\" height=\"500\" src=\"https:\/\/bestdatasolutions.es\/wp-content\/uploads\/gestalt-laws.jpg\" class=\"attachment-full size-full wp-image-7192\" alt=\"gestalt-laws\" srcset=\"https:\/\/bestdatasolutions.es\/wp-content\/uploads\/gestalt-laws.jpg 1920w, https:\/\/bestdatasolutions.es\/wp-content\/uploads\/gestalt-laws-300x78.jpg 300w, https:\/\/bestdatasolutions.es\/wp-content\/uploads\/gestalt-laws-1024x267.jpg 1024w, https:\/\/bestdatasolutions.es\/wp-content\/uploads\/gestalt-laws-768x200.jpg 768w, https:\/\/bestdatasolutions.es\/wp-content\/uploads\/gestalt-laws-1536x400.jpg 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5d1c2c13 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5d1c2c13\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-5aae2e0d\" data-id=\"5aae2e0d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1a3ffa42 elementor-author-box--layout-image-left elementor-author-box--align-left elementor-author-box--image-valign-middle elementor-author-box--avatar-yes elementor-author-box--name-yes elementor-author-box--biography-yes elementor-widget elementor-widget-author-box\" data-id=\"1a3ffa42\" data-element_type=\"widget\" data-widget_type=\"author-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-author-box\">\n\t\t\t\t\t\t\t<a href=\"https:\/\/es.linkedin.com\/in\/joacoatt\" target=\"_blank\" class=\"elementor-author-box__avatar\" rel=\"noopener\">\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/bestdatasolutions.es\/wp-content\/uploads\/joaquin-attanasio-1.jpg\" alt=\"Picture of Joaquin Attanasio\" loading=\"lazy\" title=\"\">\n\t\t\t\t<\/a>\n\t\t\t\n\t\t\t<div class=\"elementor-author-box__text\">\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/es.linkedin.com\/in\/joacoatt\" target=\"_blank\" rel=\"noopener\">\n\t\t\t\t\t\t<h4 class=\"elementor-author-box__name\">\n\t\t\t\t\t\t\tJoaquin Attanasio\t\t\t\t\t\t<\/h4>\n\t\t\t\t\t<\/a>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-author-box__bio\">\n\t\t\t\t\t\tBusiness Intelligence Consultant | Microstrategy Expert | Data Specialist\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-41a959e0 elementor-widget elementor-widget-heading\" data-id=\"41a959e0\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-large\">Other Articles:<\/h3>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-6c75b22c\" data-id=\"6c75b22c\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5795bde9 elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"5795bde9\" data-element_type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-xl\">Gestalt Laws<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-561b31d1 elementor-widget elementor-widget-post-info\" data-id=\"561b31d1\" data-element_type=\"widget\" data-widget_type=\"post-info.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-inline-items elementor-icon-list-items elementor-post-info\">\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-repeater-item-869d2fb elementor-inline-item\" itemprop=\"datePublished\">\n\t\t\t\t\t\t<a href=\"https:\/\/bestdatasolutions.es\/en\/2021\/05\/14\/\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-calendar\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 192h424c6.6 0 12 5.4 12 12v260c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V204c0-6.6 5.4-12 12-12zm436-44v-36c0-26.5-21.5-48-48-48h-48V12c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v52H160V12c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v52H48C21.5 64 0 85.5 0 112v36c0 6.6 5.4 12 12 12h424c6.6 0 12-5.4 12-12z\"><\/path><\/svg>\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-date\">\n\t\t\t\t\t\t\t\t\t\t<time>14\/05\/2021<\/time>\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t<\/li>\n\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8316c5c elementor-share-buttons--view-icon-text elementor-share-buttons--skin-gradient elementor-share-buttons--shape-square elementor-grid-0 elementor-share-buttons--color-official elementor-widget elementor-widget-share-buttons\" data-id=\"8316c5c\" data-element_type=\"widget\" data-widget_type=\"share-buttons.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-grid\" role=\"list\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t\t<div class=\"elementor-share-btn elementor-share-btn_linkedin\" role=\"button\" tabindex=\"0\" aria-label=\"Share on linkedin\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-share-btn__icon\">\n\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-linkedin\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z\"><\/path><\/svg>\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-share-btn__text\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-share-btn__title\">\n\t\t\t\t\t\t\t\t\t\tLinkedIn\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t\t<div class=\"elementor-share-btn elementor-share-btn_facebook\" role=\"button\" tabindex=\"0\" aria-label=\"Share on facebook\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-share-btn__icon\">\n\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-facebook\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z\"><\/path><\/svg>\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-share-btn__text\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-share-btn__title\">\n\t\t\t\t\t\t\t\t\t\tFacebook\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t\t<div class=\"elementor-share-btn elementor-share-btn_twitter\" role=\"button\" tabindex=\"0\" aria-label=\"Share on twitter\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-share-btn__icon\">\n\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-twitter\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z\"><\/path><\/svg>\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-share-btn__text\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-share-btn__title\">\n\t\t\t\t\t\t\t\t\t\tTwitter\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t\t<div class=\"elementor-share-btn elementor-share-btn_whatsapp\" role=\"button\" tabindex=\"0\" aria-label=\"Share on whatsapp\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-share-btn__icon\">\n\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-whatsapp\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z\"><\/path><\/svg>\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-share-btn__text\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-share-btn__title\">\n\t\t\t\t\t\t\t\t\t\tWhatsApp\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-56263e9 elementor-widget elementor-widget-text-editor\" data-id=\"56263e9\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-family: Open Sans;\">Good morning to all! Here we are again in our little and warm space of <i>#BestInMicro!<\/i> A small space where I&#8217;m telling you tricks, secrets and experiences in the wonderful world of consulting.<\/span><\/p>\n<p><span style=\"font-family: Open Sans;\">We will leave MicroStrategy aside for today. The truth is that we can be the best architects or administrators, but what gives value to the tool is that users use it. For this, in addition to having an optimal system, it is of vital importance that our dashboards reflect the information in the best possible way. And here, when it comes to interpreting what it sees, the brain acts in a very peculiar way. That is why today we will see a little bit of how we react to different designs depending on colours, shapes and distribution of the objects we present. Ladies and gentlemen, today I bring you: The Gestalt Laws. <\/span><\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f0bf3df elementor-widget elementor-widget-image\" data-id=\"f0bf3df\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"359\" src=\"https:\/\/bestdatasolutions.es\/wp-content\/uploads\/leyes-de-la-gestalt.jpg\" class=\"attachment-full size-full wp-image-2713\" alt=\"Gestalt Laws\" srcset=\"https:\/\/bestdatasolutions.es\/wp-content\/uploads\/leyes-de-la-gestalt.jpg 800w, https:\/\/bestdatasolutions.es\/wp-content\/uploads\/leyes-de-la-gestalt-300x135.jpg 300w, https:\/\/bestdatasolutions.es\/wp-content\/uploads\/leyes-de-la-gestalt-768x345.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7a78e20 elementor-widget elementor-widget-heading\" data-id=\"7a78e20\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-large\">What are the Gestalt laws?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4028de2 elementor-widget elementor-widget-text-editor\" data-id=\"4028de2\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Gestalt was a psychological school that emerged in Germany in the early 20th century.&nbsp; It is a set of principles that <b>analyse the perception of compositions of elements in the subconscious.<\/b><\/p>\n<p>The term <i>gestalt<\/i>has no precise translation into English. The focus of this current was the study of perception and it postulated that images are perceived as a whole; more as a form or configuration than as a mere sum of their parts.&nbsp;<\/p>\n<p>In short, Gestalt analysed how the eye organises visual experiences and how they are interpreted by the brain. It is not a theory of design, but its conclusions are relevant to visual communication, and it is used in any kind of design (be it for brochures, marketing, dashboards, websites, etc.). Today I&#8217;ll focus it on dashboard design, but the same conditions apply for UI\/UX design, as well explained by&nbsp;Eliana Gkogka in her blog&nbsp;(from where I use several images here).<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c7fe975 elementor-widget elementor-widget-heading\" data-id=\"c7fe975\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-large\">What are they based on?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5d36c64 elementor-widget elementor-widget-text-editor\" data-id=\"5d36c64\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>As we said before, the principles of the Gestalt laws start from the basis of how the brain behaves when perceiving images. There are 4 ideas or key points:<\/p>\n<p><b>1. Emergence<\/b>: People tend to identify elements first in their general delineated form. Our brain recognises a simple, well-defined object more quickly than a detailed one.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-169d100 elementor-widget elementor-widget-image\" data-id=\"169d100\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"405\" height=\"320\" src=\"https:\/\/bestdatasolutions.es\/wp-content\/uploads\/leyes-la-gestalt-emergencia.jpg\" class=\"attachment-full size-full wp-image-2653\" alt=\"Gestalt Laws Emergence\" srcset=\"https:\/\/bestdatasolutions.es\/wp-content\/uploads\/leyes-la-gestalt-emergencia.jpg 405w, https:\/\/bestdatasolutions.es\/wp-content\/uploads\/leyes-la-gestalt-emergencia-300x237.jpg 300w\" sizes=\"(max-width: 405px) 100vw, 405px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ec3f982 elementor-widget elementor-widget-text-editor\" data-id=\"ec3f982\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><b>2. Reification:<\/b> People can recognise objects even when parts of them are missing. Our brain matches what we see with familiar patterns stored in our memory and fills in the gaps. That&#8217;s why simple logos work so well.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d45e4b5 elementor-widget elementor-widget-image\" data-id=\"d45e4b5\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"284\" height=\"238\" src=\"https:\/\/bestdatasolutions.es\/wp-content\/uploads\/leyes-de-la-gestalt-reificacion.jpg\" class=\"attachment-full size-full wp-image-2668\" alt=\"Gestalt Laws Reification\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-196c24c elementor-widget elementor-widget-text-editor\" data-id=\"196c24c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><b>3. Multi-estability: <\/b>People can identify different objects in ambiguous ways, getting one main form and another more difficult to be identified. As a result, one view will become more dominant while the other will be more difficult to see.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1b4fbdc elementor-widget elementor-widget-image\" data-id=\"1b4fbdc\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"506\" height=\"278\" src=\"https:\/\/bestdatasolutions.es\/wp-content\/uploads\/leyes-de-la-gestalt-multiestabilidad.jpg\" class=\"attachment-full size-full wp-image-2680\" alt=\"Gestalt Laws Multistability\" srcset=\"https:\/\/bestdatasolutions.es\/wp-content\/uploads\/leyes-de-la-gestalt-multiestabilidad.jpg 506w, https:\/\/bestdatasolutions.es\/wp-content\/uploads\/leyes-de-la-gestalt-multiestabilidad-300x165.jpg 300w\" sizes=\"(max-width: 506px) 100vw, 506px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-08bb7a4 elementor-widget elementor-widget-text-editor\" data-id=\"08bb7a4\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><b>4.<\/b> <b>Invariance:<\/b> Humans recognise simple objects independently of their rotation, scale and translation. Our brain perceives objects from different perspectives, despite their different appearance.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-98a51c5 elementor-widget elementor-widget-image\" data-id=\"98a51c5\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"799\" height=\"544\" src=\"https:\/\/bestdatasolutions.es\/wp-content\/uploads\/leyes-de-la-gestalt-invariabilidad.jpg\" class=\"attachment-full size-full wp-image-2686\" alt=\"Gestalt Laws Invariance\" srcset=\"https:\/\/bestdatasolutions.es\/wp-content\/uploads\/leyes-de-la-gestalt-invariabilidad.jpg 799w, https:\/\/bestdatasolutions.es\/wp-content\/uploads\/leyes-de-la-gestalt-invariabilidad-300x204.jpg 300w, https:\/\/bestdatasolutions.es\/wp-content\/uploads\/leyes-de-la-gestalt-invariabilidad-768x523.jpg 768w\" sizes=\"(max-width: 799px) 100vw, 799px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-90772ea elementor-widget elementor-widget-text-editor\" data-id=\"90772ea\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>It&#8217;s a bit crazy, isn&#8217;t it? Have you ever thought about these concepts before? Optical illusions play a lot with these principles&#8230; and advertising, not to mention!<\/p>\n<p>So, let&#8217;s move on&#8230; with you, here they are, these are the laws of Gestalt.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6f5e054 elementor-widget elementor-widget-video\" data-id=\"6f5e054\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/www.youtube.com\\\/watch?v=MT6XkBj00WM&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-61a2bb4 elementor-widget elementor-widget-heading\" data-id=\"61a2bb4\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-large\">Gestalt Laws<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c7f6397 elementor-widget elementor-widget-text-editor\" data-id=\"c7f6397\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><b>1. Principle of Similarity<\/b><\/p>\n<p>Elements that share similar visual characteristics are perceived to be more closely related than those that do not share similar characteristics.<\/p>\n<p><span style=\"font-family: var( --e-global-typography-text-font-family ), Sans-serif; font-size: 1rem; font-weight: var( --e-global-typography-text-font-weight );\">When having figures or images of similar characteristics (either by colour, shape, size, etc.), the brain automatically takes each individual element as part of a group.<\/span><\/p>\n<p><span style=\"font-family: var( --e-global-typography-text-font-family ), Sans-serif; font-size: 1rem; font-weight: var( --e-global-typography-text-font-weight );\">In the same way, you can take an object and highlight or emphasise it by generating an <i>anomaly<\/i>. In other words, the pattern of similarity with the rest of the objects is broken.<\/span><\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a3ed231 elementor-widget elementor-widget-image\" data-id=\"a3ed231\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"386\" src=\"https:\/\/bestdatasolutions.es\/wp-content\/uploads\/leyes-de-la-gestalt-semejanza.jpg\" class=\"attachment-full size-full wp-image-2665\" alt=\"Gestalt Laws Similarity\" srcset=\"https:\/\/bestdatasolutions.es\/wp-content\/uploads\/leyes-de-la-gestalt-semejanza.jpg 800w, https:\/\/bestdatasolutions.es\/wp-content\/uploads\/leyes-de-la-gestalt-semejanza-300x145.jpg 300w, https:\/\/bestdatasolutions.es\/wp-content\/uploads\/leyes-de-la-gestalt-semejanza-768x371.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cc720e0 elementor-widget elementor-widget-text-editor\" data-id=\"cc720e0\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>In the first image, we can distinguish two distinct groups, while in the second, we see three black and two orange columns, instead of different evenly distributed points.<\/p>\n<p><span style=\"font-family: var( --e-global-typography-text-font-family ), Sans-serif; font-size: 1rem; font-weight: var( --e-global-typography-text-font-weight );\">Here is another, slightly more graphic example. In the image, the orange colour helps to establish a connection between the province of C\u00f3rdoba (Argentina), its surface area and its population in comparison with the rest of the country.<\/span><\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a1fdda8 elementor-widget elementor-widget-image\" data-id=\"a1fdda8\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"566\" src=\"https:\/\/bestdatasolutions.es\/wp-content\/uploads\/leyes-de-la-gestalt-semejanza-imagen.jpg\" class=\"attachment-full size-full wp-image-2659\" alt=\"Gestalt Laws Similarity Image\" srcset=\"https:\/\/bestdatasolutions.es\/wp-content\/uploads\/leyes-de-la-gestalt-semejanza-imagen.jpg 800w, https:\/\/bestdatasolutions.es\/wp-content\/uploads\/leyes-de-la-gestalt-semejanza-imagen-300x212.jpg 300w, https:\/\/bestdatasolutions.es\/wp-content\/uploads\/leyes-de-la-gestalt-semejanza-imagen-768x543.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0a9b5b6 elementor-widget elementor-widget-text-editor\" data-id=\"0a9b5b6\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Taking advantage of this principle when designing a dashboard or application allows you to group links, navigation buttons, graphics and even highlight relevant information. For example, in the following image, without having a single word or number, we can easily perceive how the elements are organised and grouped.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ae0e565 elementor-widget elementor-widget-image\" data-id=\"ae0e565\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"466\" height=\"560\" src=\"https:\/\/bestdatasolutions.es\/wp-content\/uploads\/leyes-de-la-gestalt-semejanza-ejemplo.jpg\" class=\"attachment-full size-full wp-image-2662\" alt=\"Gestalt Laws Similarity Example\" srcset=\"https:\/\/bestdatasolutions.es\/wp-content\/uploads\/leyes-de-la-gestalt-semejanza-ejemplo.jpg 466w, https:\/\/bestdatasolutions.es\/wp-content\/uploads\/leyes-de-la-gestalt-semejanza-ejemplo-250x300.jpg 250w\" sizes=\"(max-width: 466px) 100vw, 466px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cef5cd3 elementor-widget elementor-widget-text-editor\" data-id=\"cef5cd3\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><b>2- Continuity<\/b><\/p>\n<p>When we read a book, we read from left to right and from top to bottom. In other cultures, the order is different. This may seem basic, but it is very important when defining the order or sequence of objects.<\/p>\n<p>Many artists, such as van Gogh, play with static movement. In the following image, you will see that the lines cross, right?<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-37b93e6 elementor-widget elementor-widget-image\" data-id=\"37b93e6\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"278\" height=\"167\" src=\"https:\/\/bestdatasolutions.es\/wp-content\/uploads\/leyes-de-la-gestalt-continuidad.jpg\" class=\"attachment-full size-full wp-image-2704\" alt=\"gestalt-laws-continuity\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d90b593 elementor-widget elementor-widget-text-editor\" data-id=\"d90b593\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Of course! Although &#8230; they can also be two opposite angles: <img decoding=\"async\" src=\"https:\/\/bestdatasolutions.es\/wp-content\/uploads\/gestalt-continuidad-1.jpg\" alt=\"continuation-law-1\" title=\"\"> and <img decoding=\"async\" src=\"https:\/\/bestdatasolutions.es\/wp-content\/uploads\/gestalt-continuidad-2.jpg\" alt=\"gestalt-law-2\" title=\"\"> . The brain visualises the movement and interprets it. This needs to be considered when designing dashboards. Movement indicates evolution, and if there is no relationship between each of the figures, the eye receives signals of something that does not exist, creating a unity between independent objects.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b98691a elementor-widget elementor-widget-image\" data-id=\"b98691a\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"274\" src=\"https:\/\/bestdatasolutions.es\/wp-content\/uploads\/leyes-de-la-gestalt-continuidad-imagen.jpg\" class=\"attachment-full size-full wp-image-2692\" alt=\"Gestalt Laws Continuity Image\" srcset=\"https:\/\/bestdatasolutions.es\/wp-content\/uploads\/leyes-de-la-gestalt-continuidad-imagen.jpg 800w, https:\/\/bestdatasolutions.es\/wp-content\/uploads\/leyes-de-la-gestalt-continuidad-imagen-300x103.jpg 300w, https:\/\/bestdatasolutions.es\/wp-content\/uploads\/leyes-de-la-gestalt-continuidad-imagen-768x263.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7c93985 elementor-widget elementor-widget-text-editor\" data-id=\"7c93985\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Elements that follow a continuous line are perceived as grouped together. The smoother the line segments are, the more we see them as a unified form; our mind prefers the path of least resistance.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-99dbbfb elementor-widget elementor-widget-image\" data-id=\"99dbbfb\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"704\" height=\"362\" src=\"https:\/\/bestdatasolutions.es\/wp-content\/uploads\/leyes-de-la-gestalt-continuidad-ejemplo.jpg\" class=\"attachment-full size-full wp-image-2698\" alt=\"Gestalt Laws Continuity Example\" srcset=\"https:\/\/bestdatasolutions.es\/wp-content\/uploads\/leyes-de-la-gestalt-continuidad-ejemplo.jpg 704w, https:\/\/bestdatasolutions.es\/wp-content\/uploads\/leyes-de-la-gestalt-continuidad-ejemplo-300x154.jpg 300w\" sizes=\"(max-width: 704px) 100vw, 704px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c9c9ea6 elementor-widget elementor-widget-text-editor\" data-id=\"c9c9ea6\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>If you take a quick look at the image below, what impression does it give you? don&#8217;t you feel that discomfort of following the colour or following the line?<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8dbde22 elementor-widget elementor-widget-image\" data-id=\"8dbde22\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"360\" src=\"https:\/\/bestdatasolutions.es\/wp-content\/uploads\/leyes-de-la-gestalt-continuidad-ejemplo-2.jpg\" class=\"attachment-full size-full wp-image-2695\" alt=\"Gestalt Laws Continuity Example 2\" srcset=\"https:\/\/bestdatasolutions.es\/wp-content\/uploads\/leyes-de-la-gestalt-continuidad-ejemplo-2.jpg 800w, https:\/\/bestdatasolutions.es\/wp-content\/uploads\/leyes-de-la-gestalt-continuidad-ejemplo-2-300x135.jpg 300w, https:\/\/bestdatasolutions.es\/wp-content\/uploads\/leyes-de-la-gestalt-continuidad-ejemplo-2-768x346.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-19c9436 elementor-widget elementor-widget-text-editor\" data-id=\"19c9436\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>When designing a dashboard or putting together a graph or report, the linear arrangement of rows and columns are good examples of continuity. They can be used in menus and submenus, lists, headings, selectors, etc.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-65d73e7 elementor-widget elementor-widget-image\" data-id=\"65d73e7\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"601\" height=\"592\" src=\"https:\/\/bestdatasolutions.es\/wp-content\/uploads\/leyes-de-la-gestalt-continuidad-dashboard.jpg\" class=\"attachment-full size-full wp-image-2701\" alt=\"Gestalt Laws Continuity Dashboard\" srcset=\"https:\/\/bestdatasolutions.es\/wp-content\/uploads\/leyes-de-la-gestalt-continuidad-dashboard.jpg 601w, https:\/\/bestdatasolutions.es\/wp-content\/uploads\/leyes-de-la-gestalt-continuidad-dashboard-300x296.jpg 300w\" sizes=\"(max-width: 601px) 100vw, 601px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4291020 elementor-widget elementor-widget-text-editor\" data-id=\"4291020\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><b>3- Closure<\/b><\/p>\n<p>This principle is widely used in iconography. As I mentioned before, it is widely exploited when it comes to creating simple logos. This technique uses the tendency we have to close shapes.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b82e103 elementor-widget elementor-widget-image\" data-id=\"b82e103\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"298\" src=\"https:\/\/bestdatasolutions.es\/wp-content\/uploads\/leyes-de-la-gestalt-cierre.jpg\" class=\"attachment-full size-full wp-image-2710\" alt=\"Gestalt Laws Closure\" srcset=\"https:\/\/bestdatasolutions.es\/wp-content\/uploads\/leyes-de-la-gestalt-cierre.jpg 800w, https:\/\/bestdatasolutions.es\/wp-content\/uploads\/leyes-de-la-gestalt-cierre-300x112.jpg 300w, https:\/\/bestdatasolutions.es\/wp-content\/uploads\/leyes-de-la-gestalt-cierre-768x286.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a4e8e11 elementor-widget elementor-widget-text-editor\" data-id=\"a4e8e11\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-family: var( --e-global-typography-text-font-family ), Sans-serif; font-size: 1rem; font-weight: var( --e-global-typography-text-font-weight );\">This happens because closed and finished forms are more visually stable, which makes us tend to close and complete the perceived forms with our imagination, seeking the best possible organisation.<\/span><\/p>\n<p><span style=\"font-family: var( --e-global-typography-text-font-family ), Sans-serif; font-size: 1rem; font-weight: var( --e-global-typography-text-font-weight );\">If we take it to design, when presented with the right amount of information, our brain will jump to conclusions by filling in the gaps and creating a unified whole. In this way we can reduce the number of elements needed to communicate information, reducing complexity and making designs more attractive. The closure can help us to minimise visual noise and convey a message, reinforcing a concept within a fairly small space.<\/span><\/p>\n<p>For example, in the following grid we see the difference between putting black lines dividing the rows and columns, or leaving them empty, giving our brain room to generate that separation. It&#8217;s much cleaner and more pleasing to the eye, isn&#8217;t it?<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5fb0afa elementor-widget elementor-widget-image\" data-id=\"5fb0afa\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"381\" src=\"https:\/\/bestdatasolutions.es\/wp-content\/uploads\/leyes-de-la-gestalt-cierre-imagen.jpg\" class=\"attachment-full size-full wp-image-2707\" alt=\"Gestalt Laws Closure Image\" srcset=\"https:\/\/bestdatasolutions.es\/wp-content\/uploads\/leyes-de-la-gestalt-cierre-imagen.jpg 800w, https:\/\/bestdatasolutions.es\/wp-content\/uploads\/leyes-de-la-gestalt-cierre-imagen-300x143.jpg 300w, https:\/\/bestdatasolutions.es\/wp-content\/uploads\/leyes-de-la-gestalt-cierre-imagen-768x366.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a839ce8 elementor-widget elementor-widget-text-editor\" data-id=\"a839ce8\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-family: var( --e-global-typography-text-font-family ), Sans-serif; font-size: 1rem;\"><b>4<\/b><\/span><span style=\"font-family: var( --e-global-typography-text-font-family ), Sans-serif; font-size: 1rem;\"><b>&#8211; Proximity<\/b><\/span><\/p>\n<p>When we place shapes and forms, the eye generates a direct relationship between the time-space distance between the objects.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-96bf586 elementor-widget elementor-widget-image\" data-id=\"96bf586\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"696\" height=\"208\" src=\"https:\/\/bestdatasolutions.es\/wp-content\/uploads\/leyes-de-la-gestalt-proximidad.jpg\" class=\"attachment-full size-full wp-image-2671\" alt=\"Gestalt Laws Proximity\" srcset=\"https:\/\/bestdatasolutions.es\/wp-content\/uploads\/leyes-de-la-gestalt-proximidad.jpg 696w, https:\/\/bestdatasolutions.es\/wp-content\/uploads\/leyes-de-la-gestalt-proximidad-300x90.jpg 300w\" sizes=\"(max-width: 696px) 100vw, 696px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-81da22c elementor-widget elementor-widget-text-editor\" data-id=\"81da22c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>We can use the proximity principle in dashboard design to group similar information, organise content and order layouts. Their correct use will have a positive impact on visual communication and user experience.<\/p>\n<p>As the principle states, elements that are related should remain close to each other, while unrelated elements should be kept further apart. White space plays a vital role here, as it creates a contrast that guides users&#8217; eyes in the desired direction. White space can boost visual hierarchy and information flow, contributing to designs that are easy to read and interpret.<\/p>\n<\/p>\n<p><b>5- Figure-Ground<\/b><\/p>\n<p>As mentioned at the beginning, the brain is not able to focus on two images simultaneously. Tell me what you see under here&#8230; a tree or animals? <\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bac29ad elementor-widget elementor-widget-image\" data-id=\"bac29ad\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"350\" height=\"313\" src=\"https:\/\/bestdatasolutions.es\/wp-content\/uploads\/leyes-de-la-gestalt-figura-y-fonfo.jpg\" class=\"attachment-full size-full wp-image-2689\" alt=\"Gestalt Laws Figure-Ground\" srcset=\"https:\/\/bestdatasolutions.es\/wp-content\/uploads\/leyes-de-la-gestalt-figura-y-fonfo.jpg 350w, https:\/\/bestdatasolutions.es\/wp-content\/uploads\/leyes-de-la-gestalt-figura-y-fonfo-300x268.jpg 300w\" sizes=\"(max-width: 350px) 100vw, 350px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7bad569 elementor-widget elementor-widget-text-editor\" data-id=\"7bad569\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>We can define the figure as an element that exists in a space or field, standing out in its interrelation with other elements, while the background is the part of the field that contains interrelated elements that support the figure, which, due to its contrast, tends to disappear.<\/p>\n<p>It is very important to keep in mind that, if the background is mixed with the colours, textures or shapes that we show in our graphics, not only can we end up losing the thread of the storytelling of our dashboard, but it can also cause some data to get lost along the way.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f9c341d elementor-widget elementor-widget-video\" data-id=\"f9c341d\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/www.youtube.com\\\/watch?v=nZrjUG3WKcI&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fadeb00 elementor-widget elementor-widget-text-editor\" data-id=\"fadeb00\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><b>6- Symmetry and Order<\/b><\/p>\n<p>Symmetrical elements are more visually pleasing and harmonious. They give a sense of order and stability. <\/p>\n<p>This principle focuses on the fact that a composition should not provide a sense of entropy (disorder), otherwise the viewer will waste time trying to locate the missing element, or solve the problem, instead of focusing on the message that the composition or design wants to convey.<\/p>\n<p>From here comes the importance of respecting distances, white spaces, hierarchies of objects and how the different elements are grouped within our dashboard.<\/p>\n<p>If you look at the image below, you will see that the first reflex you have is to see as a group those elements that are in symmetry, regardless of colour, distance or shape.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3a1a032 elementor-widget elementor-widget-image\" data-id=\"3a1a032\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"681\" height=\"470\" src=\"https:\/\/bestdatasolutions.es\/wp-content\/uploads\/leyes-de-la-gestalt-simetria-y-orden.jpg\" class=\"attachment-full size-full wp-image-2656\" alt=\"Gestalt Laws Symmetry and Order\" srcset=\"https:\/\/bestdatasolutions.es\/wp-content\/uploads\/leyes-de-la-gestalt-simetria-y-orden.jpg 681w, https:\/\/bestdatasolutions.es\/wp-content\/uploads\/leyes-de-la-gestalt-simetria-y-orden-300x207.jpg 300w\" sizes=\"(max-width: 681px) 100vw, 681px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e07748f elementor-widget elementor-widget-text-editor\" data-id=\"e07748f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><b>7- Pregnancy (or good shape)<\/b><\/p>\n<p>Pregnancy is defined as the simplest or easiest way of interpreting and presenting figures or objects. Likewise, simple forms are more appealing than complex ones. <\/p>\n<p>It is said that what is perceived is pregnant when it can be recognised after an ordinary verbal description.<\/p>\n<p>When designing logos, for example, this is one of the most important factors, as an image is more &#8220;catchy&#8221; when it can be remembered quickly. If I show you some of the following images, you will recognise them easily, won&#8217;t you?<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-251aee5 elementor-widget elementor-widget-image\" data-id=\"251aee5\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"746\" height=\"224\" src=\"https:\/\/bestdatasolutions.es\/wp-content\/uploads\/leyes-de-la-gestalt-pregnancia.jpg\" class=\"attachment-full size-full wp-image-2677\" alt=\"Gestalt Laws Pregnancy\" srcset=\"https:\/\/bestdatasolutions.es\/wp-content\/uploads\/leyes-de-la-gestalt-pregnancia.jpg 746w, https:\/\/bestdatasolutions.es\/wp-content\/uploads\/leyes-de-la-gestalt-pregnancia-300x90.jpg 300w\" sizes=\"(max-width: 746px) 100vw, 746px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4b7fa2a elementor-widget elementor-widget-text-editor\" data-id=\"4b7fa2a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-family: var( --e-global-typography-text-font-family ), Sans-serif; font-size: 1rem; font-weight: var( --e-global-typography-text-font-weight );\">Back in our case, talking about boards and dashboards, it often happens that they have an excess of colours, shapes, textures, graphics, without any kind of order or hierarchy. Here below there is a dashboard which, when looking at each chart individually may be very well done, but in the overall picture it is so unimpressive that it loses the sense of what it shows and it is impossible to get any information out of it.<\/span><\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8394e8a elementor-widget elementor-widget-image\" data-id=\"8394e8a\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"739\" height=\"841\" src=\"https:\/\/bestdatasolutions.es\/wp-content\/uploads\/leyes-de-la-gestalt-pregnancia-dashboard.jpg\" class=\"attachment-full size-full wp-image-2674\" alt=\"Gestalt Laws Pregnancy Dashboard\" srcset=\"https:\/\/bestdatasolutions.es\/wp-content\/uploads\/leyes-de-la-gestalt-pregnancia-dashboard.jpg 739w, https:\/\/bestdatasolutions.es\/wp-content\/uploads\/leyes-de-la-gestalt-pregnancia-dashboard-264x300.jpg 264w\" sizes=\"(max-width: 739px) 100vw, 739px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4afa70f elementor-widget elementor-widget-text-editor\" data-id=\"4afa70f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><b>8- Experience<\/b><\/p>\n<p>This principle is based on the fact that each person, depending on their origin, culture or knowledge, can interpret or read the board in a different way. As I explained earlier, in Occident we are used to reading from left to right, while in other places information is read in a different direction. <\/p>\n<p>If we look at a dashboard made, for example, in Asia, the images, fonts and colour palettes will undoubtedly be very different from what we are used to here. <\/p>\n<p>This is not based solely on a question of culture or geographical distribution, but is based on the environment in which a person has become accustomed to interpreting his or her context and how he or she observes and perceives what he or she sees.<\/p>\n<\/p>\n<p><b>9-<\/b> <b>Hierarchy<\/b><\/p>\n<p>It stresses the importance of presenting the elements in a hierarchical way, from the main to the accessory. That is to say, when we place, for example, a text and below it we place another, we are giving a hierarchy, implying that what is above will have an equal or greater importance or classification than what is below, and conversely we indicate that, at least, what is below belongs to the text above&#8217;.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-aab9bc0 elementor-widget elementor-widget-image\" data-id=\"aab9bc0\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"306\" height=\"342\" src=\"https:\/\/bestdatasolutions.es\/wp-content\/uploads\/leyes-de-la-gestalt-jerarquia.jpg\" class=\"attachment-full size-full wp-image-2683\" alt=\"Gestalt Laws Hierarchy\" srcset=\"https:\/\/bestdatasolutions.es\/wp-content\/uploads\/leyes-de-la-gestalt-jerarquia.jpg 306w, https:\/\/bestdatasolutions.es\/wp-content\/uploads\/leyes-de-la-gestalt-jerarquia-268x300.jpg 268w\" sizes=\"(max-width: 306px) 100vw, 306px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b300c66 elementor-widget elementor-widget-video\" data-id=\"b300c66\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/www.youtube.com\\\/watch?v=eXEFGCyrQAk&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e717ddf elementor-widget elementor-widget-heading\" data-id=\"e717ddf\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-large\">Conclusions<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f19a51d elementor-widget elementor-widget-text-editor\" data-id=\"f19a51d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>While many of the Gestalt laws seem intuitive, it is important to always keep these kinds of questions in mind. Creating easy-to-read and easy-to-interpret dashboards is essential for users to optimise the use of dashboards and their information. For more info I also recommend you to take a look at <a href=\"https:\/\/www.linkedin.com\/pulse\/gestalt-y-visualizacion-de-datos-lucas-eloy-justo\/\" target=\"_blank\" rel=\"noopener\">the article of my friend Lucas Justo<\/a>, who gave a good introduction to this topic<\/p>\n<p>Anyway, I hope you found it interesting. I have come across many different names and variants of the laws, but I think I have given a fairly complete summary here. Let me know if you already knew them or if you have discovered something new today. Here I say goodbye, and see you next time!<\/p><\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-39b13b3 elementor-widget elementor-widget-heading\" data-id=\"39b13b3\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-large\">References<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-45d0eb9d elementor-widget elementor-widget-text-editor\" data-id=\"45d0eb9d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><a href=\"https:\/\/www.torresburriel.com\/weblog\/2018\/05\/30\/principios-gestalt-diseno-interfaces\/\" target=\"_blank\" rel=\"noopener\">Principios Gestalt para dise\u00f1o de interfaces<br \/><\/a><\/p>\n<p><a href=\"https:\/\/medium.muz.li\/gestalt-principles-in-ui-design-6b75a41e9965\" target=\"_blank\" rel=\"noopener\">Gestalt principles in UI design<\/a><\/p>\n<p><a href=\"https:\/\/disenodepresentaciones.wordpress.com\/2015\/12\/18\/semejanza-la-gestalt-en-las-presentaciones\/\" target=\"_blank\" rel=\"noopener\">Semejanza: la Gestalt en las presentaciones<br \/><\/a><\/p>\n<p><a href=\"https:\/\/blubber.es\/blog\/logotipos-leyes-gestalt\/\" target=\"_blank\" rel=\"noopener\">Logotipos y las Leyes de la Gestalt<br \/><\/a><\/p>\n<p><a href=\"https:\/\/www.linkedin.com\/pulse\/gestalt-y-visualizacion-de-datos-lucas-eloy-justo\/\" target=\"_blank\" rel=\"noopener\">Gestalt y Visualizacion de Datos<br \/><\/a><\/p>\n<p><a href=\"https:\/\/es.slideshare.net\/magvil\/leyes-de-la-gestalt-7678829\" target=\"_blank\" rel=\"noopener\">Leyes de la gestalt<br \/><\/a><\/p>\n<p><a href=\"https:\/\/www.degoba.mx\/diseno\/gestalt\/\" target=\"_blank\" rel=\"noopener\">9 leyes de la gestalt que influyen en el dise\u00f1o, la publicidad y el marketing<\/a><\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-614b2ec9 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"614b2ec9\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cf2b37a elementor-align-center elementor-widget elementor-widget-button\" data-id=\"cf2b37a\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/bestdatasolutions.es\/en\/blog\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">&lt;&lt; BACK TO BLOG<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>We will leave MicroStrategy aside for today. The truth is that we can be the best architects or administrators, but what gives value to the tool is that users use it. For this, in addition to having an optimal system, it is of vital importance that our dashboards reflect the information in the best possible way. And here, when it comes to interpreting what it sees, the brain acts in a very peculiar way. That is why today we will see a little bit of how we react to different designs depending on colours, shapes and distribution of the objects we present. Ladies and gentlemen, today I bring you: The Gestalt Laws. <\/p>\n","protected":false},"author":2,"featured_media":7192,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[49],"tags":[73,74],"class_list":["post-3724","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","tag-articulo","tag-general"],"_links":{"self":[{"href":"https:\/\/bestdatasolutions.es\/en\/wp-json\/wp\/v2\/posts\/3724","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bestdatasolutions.es\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bestdatasolutions.es\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bestdatasolutions.es\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/bestdatasolutions.es\/en\/wp-json\/wp\/v2\/comments?post=3724"}],"version-history":[{"count":0,"href":"https:\/\/bestdatasolutions.es\/en\/wp-json\/wp\/v2\/posts\/3724\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bestdatasolutions.es\/en\/wp-json\/wp\/v2\/media\/7192"}],"wp:attachment":[{"href":"https:\/\/bestdatasolutions.es\/en\/wp-json\/wp\/v2\/media?parent=3724"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bestdatasolutions.es\/en\/wp-json\/wp\/v2\/categories?post=3724"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bestdatasolutions.es\/en\/wp-json\/wp\/v2\/tags?post=3724"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}