{"id":3300,"date":"2023-01-25T22:38:20","date_gmt":"2023-01-26T04:38:20","guid":{"rendered":"https:\/\/oliverpuente.com\/?p=3300"},"modified":"2023-01-25T22:49:53","modified_gmt":"2023-01-26T04:49:53","slug":"los-8-principios-del-diseno-ui","status":"publish","type":"post","link":"https:\/\/oliverpuente.com\/en\/ui-ux\/the-8-principles-of-ui-design\/","title":{"rendered":"<strong>The 8 Principles of UI Design: Introduction to UI Design<\/strong>"},"content":{"rendered":"<div data-elementor-type=\"wp-post\" data-elementor-id=\"3300\" class=\"elementor elementor-3300\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3629b21 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3629b21\" data-element_type=\"section\" data-e-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-100 elementor-top-column elementor-element elementor-element-67346d6\" data-id=\"67346d6\" data-element_type=\"column\" data-e-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-c9bb75f elementor-align-center elementor-widget elementor-widget-post-info\" data-id=\"c9bb75f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"post-info.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\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-ad94005 elementor-inline-item\" itemprop=\"author\">\n\t\t\t\t\t\t<a href=\"https:\/\/oliverpuente.com\/en\/author\/puentegutierrezzzoliversho\/\">\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-far-user-circle\" viewbox=\"0 0 496 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M248 104c-53 0-96 43-96 96s43 96 96 96 96-43 96-96-43-96-96-96zm0 144c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm0-240C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 448c-49.7 0-95.1-18.3-130.1-48.4 14.9-23 40.4-38.6 69.6-39.5 20.8 6.4 40.6 9.6 60.5 9.6s39.7-3.1 60.5-9.6c29.2 1 54.7 16.5 69.6 39.5-35 30.1-80.4 48.4-130.1 48.4zm162.7-84.1c-24.4-31.4-62.1-51.9-105.1-51.9-10.2 0-26 9.6-57.6 9.6-31.5 0-47.4-9.6-57.6-9.6-42.9 0-80.6 20.5-105.1 51.9C61.9 339.2 48 299.2 48 256c0-110.3 89.7-200 200-200s200 89.7 200 200c0 43.2-13.9 83.2-37.3 115.9z\"><\/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-author\">\n\t\t\t\t\t\t\t\t\t\tOliver Puente\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<li class=\"elementor-icon-list-item elementor-repeater-item-c929174 elementor-inline-item\" itemprop=\"datePublished\">\n\t\t\t\t\t\t<a href=\"https:\/\/oliverpuente.com\/en\/2023\/01\/25\/\">\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\tJanuary 25, 2023\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<li class=\"elementor-icon-list-item elementor-repeater-item-8196b5c elementor-inline-item\">\n\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-far-clock\" viewbox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm61.8-104.4l-84.9-61.7c-3.1-2.3-4.9-5.9-4.9-9.7V116c0-6.6 5.4-12 12-12h32c6.6 0 12 5.4 12 12v141.7l66.8 48.6c5.4 3.9 6.5 11.4 2.6 16.8L334.6 349c-3.9 5.3-11.4 6.5-16.8 2.6z\"><\/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-time\">\n\t\t\t\t\t\t\t\t\t\t10:38 pm\t\t\t\t\t<\/span>\n\t\t\t\t\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>\n\t\t\t\t<div class=\"elementor-element elementor-element-cbdcb09 elementor-widget elementor-widget-text-editor\" data-id=\"cbdcb09\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Principles of UI design. Learn all the notions and rules that are at the core of the discipline of user interface design, also known as UI.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-88133b8 elementor-toc--minimized-on-tablet elementor-widget elementor-widget-table-of-contents\" data-id=\"88133b8\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;headings_by_tags&quot;:[&quot;h2&quot;],&quot;exclude_headings_by_selector&quot;:[],&quot;marker_view&quot;:&quot;numbers&quot;,&quot;minimize_box&quot;:&quot;yes&quot;,&quot;minimized_on&quot;:&quot;tablet&quot;,&quot;hierarchical_view&quot;:&quot;yes&quot;,&quot;min_height&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;min_height_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;min_height_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"table-of-contents.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-toc__header\">\n\t\t\t<h4 class=\"elementor-toc__header-title\">\n\t\t\t\tTable of Contents\t\t\t<\/h4>\n\t\t\t\t\t\t\t<div class=\"elementor-toc__toggle-button elementor-toc__toggle-button--expand\"><svg class=\"e-font-icon-svg e-fas-chevron-down\" viewbox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\"><\/path><\/svg><\/div>\n\t\t\t\t<div class=\"elementor-toc__toggle-button elementor-toc__toggle-button--collapse\"><svg class=\"e-font-icon-svg e-fas-chevron-up\" viewbox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z\"><\/path><\/svg><\/div>\n\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-toc__body\">\n\t\t\t<div class=\"elementor-toc__spinner-container\">\n\t\t\t\t<svg class=\"elementor-toc__spinner eicon-animation-spin e-font-icon-svg e-eicon-loading\" aria-hidden=\"true\" viewbox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M500 975V858C696 858 858 696 858 500S696 142 500 142 142 304 142 500H25C25 237 238 25 500 25S975 237 975 500 763 975 500 975Z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6d03991 elementor-widget elementor-widget-heading\" data-id=\"6d03991\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">What is user interface (UI)<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7fec1d3 elementor-widget elementor-widget-text-editor\" data-id=\"7fec1d3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The user interface is a connection, physical or logical, between the technology and the user. In other words, the user interface is the space where machines have interactions with humans.<\/p><p>The user interface (UI) is a very important part of the user experience (UX) because a user interface has the objective of making it easier, more efficient and pleasant for users to interact with a product.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-528911f elementor-widget elementor-widget-heading\" data-id=\"528911f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">What is UI design<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3cfb051 elementor-widget elementor-widget-text-editor\" data-id=\"3cfb051\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>UI design is the process by which we are going to visually create a user interface that is aligned with the user experience.<\/p><p>UI design is the process by which we are going to convert a basic interface into something digestible and usable through typography, color, image, icon, element, among other aspects of graphic design or visual design.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8136ff5 elementor-widget elementor-widget-heading\" data-id=\"8136ff5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">The goal of UI design<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-04ef732 elementor-widget elementor-widget-text-editor\" data-id=\"04ef732\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The goal of good user interface design is to simplify and minimize the effort a user has to make to achieve their goal more easily.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-17d6267 elementor-widget elementor-widget-heading\" data-id=\"17d6267\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">What is the priority of UI design<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6b047f8 elementor-widget elementor-widget-text-editor\" data-id=\"6b047f8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The priority of the UI design is to improve the visual experience of the users, to make a product more functional, reliable and friendly to use.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9eb53df elementor-widget elementor-widget-heading\" data-id=\"9eb53df\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Why UI design is important<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a3e309f elementor-widget elementor-widget-text-editor\" data-id=\"a3e309f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>An aesthetically pleasing user interface is important because according to \"The Aesthetic Usability Effect\" a visually pleasing interface makes users perceive the final product as a more usable, attractive, and friendly product.<\/p><p>Also, Users are more tolerant of minor usability issues when they find a visually appealing interface.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1eee174 elementor-blockquote--skin-quotation elementor-blockquote--align-left elementor-blockquote--button-color-official elementor-widget elementor-widget-blockquote\" data-id=\"1eee174\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"blockquote.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<blockquote class=\"elementor-blockquote\">\n\t\t\t<p class=\"elementor-blockquote__content\">\n\t\t\t\tThe user interface (UI) is a critical part of any software product. When done right, users don't even notice it. When it's done wrong, users can't get past it to use a product efficiently.\t\t\t<\/p>\n\t\t\t\t\t\t\t<footer>\n\t\t\t\t\t\t\t\t\t\t\t<cite class=\"elementor-blockquote__author\">- Nick Babich<\/cite>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/footer>\n\t\t\t\t\t<\/blockquote>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-288f952 elementor-widget elementor-widget-heading\" data-id=\"288f952\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">UI Design Principles<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7a3b9bf elementor-widget elementor-widget-text-editor\" data-id=\"7a3b9bf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The principles of UI design, or user interface design, are a series of good practices that facilitate the development of an effective user interface. The principles of UI design revolve around improving the user experience and making the interactions more pleasant and the final product much more attractive.<\/p><p>It is important to know that the principles of UI design are closely linked to UX (User Experience) design and the interactions between the user and the final product.<\/p><p>Product that can be software, website, application, web App, among others.<\/p><p>Therefore, we can call a \u201csuccessful\u201d user interface one that people want to interact with and consistently follow the principles of UI design.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4877dae elementor-widget elementor-widget-heading\" data-id=\"4877dae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Why learning the principles of UI design is important<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bccbb8e elementor-widget elementor-widget-text-editor\" data-id=\"bccbb8e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>A user interface that follows the principles of UI design is not only aesthetically pleasing, but also easy for people to use. This series of principles that you will see below will help you generate an effective user interface.<\/p><p><em><u>Next, I list the # principles of UI design<\/u><\/em><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-973d296 elementor-widget elementor-widget-heading\" data-id=\"973d296\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">1. Put users in the center<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-799ac43 elementor-widget elementor-widget-text-editor\" data-id=\"799ac43\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The user is and always will be the center of the entire interface. Therefore, the entire process of research, ideation, conceptualization and development must revolve around the user and his needs.<\/p><p>The user interface should not be raised to satisfy only search engines, managers or marketing teams.<\/p><p>Interfaces must be developed with the user as the primary source of information and feedback.<\/p><p>For example, if you wanted to design a website for an optician or ophthalmologist, it would not make sense to use a very small font, since users with myopia would find it difficult to read it. If, on the other hand, we put the user at the center, we should use more legible and large fonts to make it easier for optician users to read.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d97db18 elementor-widget elementor-widget-heading\" data-id=\"d97db18\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Tips:<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1742990 elementor-widget elementor-widget-text-editor\" data-id=\"1742990\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li>Clearly define who is the user or \"user person\" of our product.<\/li><li>Conduct research that revolves around the user and their needs.<\/li><li>Carry out \"testing\" processes in the different stages of interface development.<\/li><li>Promote a \"User first\" approach in the project.<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cd38ce5 elementor-widget elementor-widget-heading\" data-id=\"cd38ce5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">2. Give users control (but not too much)<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3cd3f23 elementor-widget elementor-widget-text-editor\" data-id=\"3cd3f23\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Users want to be in control of the interface and complete their goals in their own way. We typically see this in customizing colors, shortcuts, and choices. It is the job of the UI designer to generate that sense of control through a friendly interface. The user wants to feel in control and have the freedom to approach tasks her way.<\/p><p>However, providing too much control, through multiple options and decisions over technical or complex processes, will cause the user to feel overwhelmed by the product and no longer want to use it.<\/p><p>This refers to Hick's Law which explains that the time it takes to make a decision increases with the number and complexity of the options. Another way to explain it is through \"the paradox of choice.\" Which shows that when users are faced with too much freedom, most of them stop enjoying the experience and resent the responsibility instead.<\/p><p>Giving the user too much control over the interface causes excessive cognitive effort that leads to rejection of the product. On the other hand, giving too little control decreases the satisfaction and confidence behind the usability of the product.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c3d5e9b elementor-widget elementor-widget-heading\" data-id=\"c3d5e9b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Tips:<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-46cb843 elementor-widget elementor-widget-text-editor\" data-id=\"46cb843\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li>It allows users to control certain aspects of their experience with the product.<\/li><li>The key is getting the right balance of control over the interface to the user.<\/li><li>Demonstrates the states of an action or process in a visible way.<\/li><li>Provide options that involve product customization.<\/li><li>Make the more technical and advanced customization aspects of the product less visible.<\/li><li>Avoid overwhelming the user with too many options that generate cognitive effort.<\/li><li>It offers the option to undo actions in case the user regrets it.<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1f80183 elementor-blockquote--skin-quotation elementor-blockquote--align-left elementor-blockquote--button-color-official elementor-widget elementor-widget-blockquote\" data-id=\"1f80183\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"blockquote.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<blockquote class=\"elementor-blockquote\">\n\t\t\t<p class=\"elementor-blockquote__content\">\n\t\t\t\tPeople are happy to be led to success, so they don't need to worry about the complex or the small. They want to focus on homework, on having fun\t\t\t<\/p>\n\t\t\t\t\t\t\t<footer>\n\t\t\t\t\t\t\t\t\t\t\t<cite class=\"elementor-blockquote__author\">- Rebeka Costa<\/cite>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/footer>\n\t\t\t\t\t<\/blockquote>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1ad06d8 elementor-widget elementor-widget-heading\" data-id=\"1ad06d8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">3. Reduce cognitive load<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f85f96a elementor-widget elementor-widget-text-editor\" data-id=\"f85f96a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Cognitive load is the amount of mental resources or mental effort that an individual has to expend to complete a task. The cognitive load drives the user to complete or abandon a tour. A website or application that generates a very high cognitive load ends up being abandoned by its users. This is because websites with very high cognitive loads force their users to memorize information, make complex decisions or start using the interface without any clear guidance on where to start.<\/p><p>The user interface should reduce the cognitive load through simplicity. It is the job of the UI\/UX designer to reduce the cognitive load on users through clues with key information, simplified decisions, user guides, walkthroughs, and less technical language.<\/p><p>According to Miller's Law, the average person can only hold \u00b17 (plus or minus 2) items in their working memory. Therefore, if we do not want to overload the working memory of the users, we must simplify the experience and divide the information into small, more digestible blocks and easier decisions.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-945e1b4 elementor-widget elementor-widget-heading\" data-id=\"945e1b4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Tips:<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9927fdc elementor-widget elementor-widget-text-editor\" data-id=\"9927fdc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li>Provide visual cues that help the user NOT to memorize information<\/li><li>Avoid making users make too many decisions on an ongoing basis<\/li><li>Avoid making users have to re-enter information<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-56500eb elementor-widget elementor-widget-heading\" data-id=\"56500eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">4. Make user interfaces consistent<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-88dbfe3 elementor-widget elementor-widget-text-editor\" data-id=\"88dbfe3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>One of the most important principles in UI design is to keep interfaces consistent. This means maintaining a constant and consistent visual appearance and interactions.<\/p><p>It is important to maintain consistency in our interface because it prevents confusion for users and promotes familiarity with our product.<\/p><p>Maintaining a consistent user interface means that we must follow the brand's style, keeping the same colors, fonts, icons, screens, menus, interactions, buttons, and components under a series of clear brand guidelines. This is commonly called brand identity.<\/p><p>For example, if a dating app radically changes its navigation menu placement, colors, and typography from one screen to another, users would be disoriented, having become accustomed to the different elements, and might even think it was another app. .<\/p><p>Also, in accordance with the \u201cJakob Internet Users Act\u201d. Experienced users spend most of their time on other sites. This means that users prefer your site to work in the same way as all the other sites they already know. So it makes sense to design for industry patterns and standards that users are used to.<\/p><p>For example, if we decide to put the \"footer\" of our website at the top and the navigation menu at the bottom, it is possible that this clashes with the past experiences that users have had on other websites and they do not understand the navigation of the same.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ca3e4dd elementor-widget elementor-widget-heading\" data-id=\"ca3e4dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Tips:<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8862f81 elementor-widget elementor-widget-text-editor\" data-id=\"8862f81\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li>Maintain a consistent brand identity.<\/li><li>Design the visual system and components of your interface in advance.<\/li><li>Make the interface predictable by the user.<\/li><li>Make elements have visual and behavioral consistency.<\/li><li>Follow established industry standards and conventions (external consistency).<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-627c3cc elementor-blockquote--skin-quotation elementor-blockquote--align-left elementor-blockquote--button-color-official elementor-widget elementor-widget-blockquote\" data-id=\"627c3cc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"blockquote.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<blockquote class=\"elementor-blockquote\">\n\t\t\t<p class=\"elementor-blockquote__content\">\n\t\t\t\tUsers shouldn't have to wonder if different words, situations, or actions mean the same thing. Follow platform and industry conventions.\t\t\t<\/p>\n\t\t\t\t\t\t\t<footer>\n\t\t\t\t\t\t\t\t\t\t\t<cite class=\"elementor-blockquote__author\">- Jakob Nielsen<\/cite>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/footer>\n\t\t\t\t\t<\/blockquote>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-42bd84d elementor-widget elementor-widget-heading\" data-id=\"42bd84d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">5. Make actions reversible<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cfd574b elementor-widget elementor-widget-text-editor\" data-id=\"cfd574b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>If we want users to interact more with our product, it is convenient to reduce their insecurity in making mistakes by making the actions reversible. Making an interaction or action reversible in an interface helps users be more willing to explore and experiment with the final product.<\/p><p>The most classic example of this comes from the Gmail platform, which has the option to undo the sending of an email within seconds of sending it. On the other hand, graphic design programs such as Adobe Illustrator and Adobe Photoshop have the option to undo the actions made by the user.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f6efbbe elementor-widget elementor-widget-heading\" data-id=\"f6efbbe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">6. Make an interface easy to navigate<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e1372f3 elementor-widget elementor-widget-text-editor\" data-id=\"e1372f3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>One of the most important principles of UI design is to facilitate navigation. Navigation is the ease with which a user can move through an interface. Users should never feel lost or intimidated by an interface with complex navigation; This is because good UI design allows users to know where they are, where they have been, and where they want to go.<\/p><p>It is the job of the designer to simplify the navigation so that it does not overwhelm or confuse the user. This can be achieved through clear iconography, familiar terminology, consistent structures, page titles, highlights of currently selected navigation options, and other visual aids that give users an immediate view of where they are on the interface.<\/p><p>In addition, users also need visual clues that allow them to easily predict an outcome. A user should never ask themselves when interacting with an interface \"What is this button for?\" because it reflects a lack of predictability and confusing navigation.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2e1b091 elementor-widget elementor-widget-heading\" data-id=\"2e1b091\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">7. Provide timely feedback<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7ee3f99 elementor-widget elementor-widget-text-editor\" data-id=\"7ee3f99\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>When a user performs an action it is important that the interface gives him some type of response or feedback, this can be seen reflected in the change of color of a button just pressed, an animation or a simple message that says \"Action X has been completed successfully\u201d Another clear example of timely feedback is seen in the loading wheels that help the user to know that the interface is in the process of displaying an element and not that it is \u201changing\u201d or that the request has not been received by the user. user. This is an important UI design principle because it helps us make our interface more intuitive and useful for impatient users.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-24ee8fc elementor-widget elementor-widget-heading\" data-id=\"24ee8fc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">8. Demonstrate the status of the elements visually<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-67bd002 elementor-widget elementor-widget-text-editor\" data-id=\"67bd002\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Elements usually have 3 states, active, inactive and hover. These 3 states allow the user to receive timely feedback that the element is interactive, but more importantly, it tells them what is happening.<\/p><p>Demonstrating the state of elements visually involves creating overrides to elements of a user interface so that they clearly demonstrate actions and processes.<\/p><p>We typically see this in loading buttons or animations that show states such as \"in progress\" or \"Completed\" in this way, the user feels that the equipment or interface is working or that an element can be interacted with. Otherwise, the user may come to think that the \"tool\" has stopped working or that he has encountered something that was not interactive.<\/p><p>We can see quite a few examples of this in different user interfaces in real life. For example, an elevator has to demonstrate the state in which the user is located visually, so that, when pressing the button of a floor, a small monitor reveals an arrow accompanied by the number of the floor to indicate to the user that the machinery is ready. working and at what level it is exactly. If, for example, we were to remove their sophisticated screens from the elevators with the greatest stability and reduced movement on the market, users would be very nervous not knowing if the button itself is correct or if the elevator still works; Consequently, they would rely solely on their sense of balance to get an idea of where they are going.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-742c9de elementor-widget elementor-widget-heading\" data-id=\"742c9de\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Other advice related to the principles of UI design that we must take into account.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f350176 elementor-widget elementor-widget-text-editor\" data-id=\"f350176\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>I share a series of extra tips that will help improve your user interface and are closely related to the principles of UI design.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b31e0ab elementor-widget elementor-widget-heading\" data-id=\"b31e0ab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Help users of different experience levels<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a2a3e78 elementor-widget elementor-widget-text-editor\" data-id=\"a2a3e78\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Create shortcuts for advanced and tutorials or guides for newbies.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c3ec3fc elementor-widget elementor-widget-heading\" data-id=\"c3ec3fc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Relates things between the system and the real world<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2fbf3d8 elementor-widget elementor-widget-text-editor\" data-id=\"2fbf3d8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Use icons that relate to the actions, like a paper airplane for the send function.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-267e77e elementor-widget elementor-widget-heading\" data-id=\"267e77e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Avoid unnecessary complexity<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cab1585 elementor-widget elementor-widget-text-editor\" data-id=\"cab1585\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Reduce the number of options and use less technical language when necessary.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c891d3d elementor-widget elementor-widget-heading\" data-id=\"c891d3d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Make Design Accessible<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-817a04d elementor-widget elementor-widget-text-editor\" data-id=\"817a04d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Work with legible fonts and colors with reasonable contrast that meet accessibility standards.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8eab318 elementor-widget elementor-widget-heading\" data-id=\"8eab318\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Prevent the mistake as much as possible<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-defd1bd elementor-widget elementor-widget-text-editor\" data-id=\"defd1bd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Guide the user through a simple process that reduces having to repeat the same action or generate errors.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-efffaf7 elementor-widget elementor-widget-heading\" data-id=\"efffaf7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Prioritize recognizing over remembering<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1fbdb2c elementor-widget elementor-widget-text-editor\" data-id=\"1fbdb2c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Give visual clues to statuses and key information instead of forcing the user to remember information such as passwords, usernames, or previous drafts.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b5cbd13 elementor-widget elementor-widget-heading\" data-id=\"b5cbd13\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">REFERENCES<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-99d9d18 elementor-widget elementor-widget-text-editor\" data-id=\"99d9d18\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>UI design principles: guidelines. (2021, 3 agosto). Justinmind. Recuperado 15 de diciembre de 2022, de <a href=\"https:\/\/www.justinmind.com\/ui-design\/principles\">https:\/\/www.justinmind.com\/ui-design\/principles<\/a><\/p><p>Guerra, V. (2021, 1 julio). User Interface (UI) Design | Insights &amp; Inspiration | Adobe XD. Ideas. Recuperado 15 de diciembre de 2022, de <a href=\"https:\/\/xd.adobe.com\/ideas\/process\/ui-design\/\">https:\/\/xd.adobe.com\/ideas\/process\/ui-design\/<\/a><\/p><p>Adobe. (2021, 1 julio). The 4 Golden Rules of UI Design | Adobe XD. Ideas. Recuperado 15 de diciembre de 2022, de <a href=\"https:\/\/xd.adobe.com\/ideas\/process\/ui-design\/4-golden-rules-ui-design\/\">https:\/\/xd.adobe.com\/ideas\/process\/ui-design\/4-golden-rules-ui-design\/<\/a><\/p><p>The Aesthetic-Usability Effect. (2017, 29 enero). Nielsen Norman Group. Recuperado 15 de diciembre de 2022, de <a href=\"https:\/\/www.nngroup.com\/articles\/aesthetic-usability-effect\/\">https:\/\/www.nngroup.com\/articles\/aesthetic-usability-effect\/<\/a><\/p><p>10 Usability Heuristics for User Interface Design. (2020, 15 noviembre). Nielsen Norman Group. Recuperado 15 de diciembre de 2022, de <a href=\"https:\/\/www.nngroup.com\/articles\/ten-usability-heuristics\/\">https:\/\/www.nngroup.com\/articles\/ten-usability-heuristics\/<\/a><\/p><p>Maze. (2022, 20 octubre). The 6 Key Principles of UI Design. <a href=\"https:\/\/maze.co\/collections\/ux-ui-design\/ui-design-principles\/\">https:\/\/maze.co\/collections\/ux-ui-design\/ui-design-principles\/<\/a><\/p><p>Priya, B. P. (2021, 1 diciembre). What are the principles of user-interface design? tutorialspoint.com. <a href=\"https:\/\/www.tutorialspoint.com\/what-are-the-principles-of-user-interface-design\">https:\/\/www.tutorialspoint.com\/what-are-the-principles-of-user-interface-design<\/a><\/p><p>Fleck, R. F. (2021, 6 diciembre). 10 Fundamental UI Design Principles You Need to Know | Dribbble. Dribble. Recuperado 15 de diciembre de 2022, de <a href=\"https:\/\/dribbble.com\/resources\/ui-design-principles\">https:\/\/dribbble.com\/resources\/ui-design-principles<\/a><\/p><p>Kaushik, V. (2022, 6 abril). 7 Key Principles of UI Design &#8211; UX Planet. Medium. <a href=\"https:\/\/uxplanet.org\/7-key-principles-of-ui-design-fbf05f5805f\">https:\/\/uxplanet.org\/7-key-principles-of-ui-design-fbf05f5805f<\/a><\/p><p>UXPin. (s. f.). The Basic Principles of User Interface Design. uxpin.com. Recuperado 15 de diciembre de 2022, de <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/ui-design-principles\/\">https:\/\/www.uxpin.com\/studio\/blog\/ui-design-principles\/<\/a><\/p><p>Kaloyanov, N. (2022, 29 marzo). 10 Golden UI Design Principles and How To Use Them. htmlBurger Blog. <a href=\"https:\/\/htmlburger.com\/blog\/ui-design-principles\/\">https:\/\/htmlburger.com\/blog\/ui-design-principles\/<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\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-c643eac elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c643eac\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\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-100 elementor-top-column elementor-element elementor-element-e615290\" data-id=\"e615290\" data-element_type=\"column\" data-e-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-d57735e elementor-author-box--link-yes elementor-author-box--align-left elementor-author-box--layout-image-left elementor-author-box--avatar-yes elementor-author-box--name-yes elementor-author-box--biography-yes elementor-widget elementor-widget-author-box\" data-id=\"d57735e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"author-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-author-box\">\n\t\t\t\t\t\t\t<a href=\"https:\/\/oliverpuente.com\/en\/author\/puentegutierrezzzoliversho\/\" class=\"elementor-author-box__avatar\">\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/secure.gravatar.com\/avatar\/686e1b578e34c4b11b42197debc49d9cf03d1f697c4d1de8117f3a6cdf706066?s=300&amp;r=g\" alt=\"Oliver Puente\">\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:\/\/oliverpuente.com\/en\/author\/puentegutierrezzzoliversho\/\">\n\t\t\t\t\t\t<h5 class=\"elementor-author-box__name\">\n\t\t\t\t\t\t\tOliver Puente\t\t\t\t\t\t<\/h5>\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\tFreelance brand identity and UI\/UX designer based in Guatemala, Oliver Puente helps companies modernize their brands.\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<a class=\"elementor-author-box__button elementor-button elementor-size-xs\" href=\"https:\/\/oliverpuente.com\/en\/author\/puentegutierrezzzoliversho\/\">\n\t\t\t\t\t\tAll Posts\t\t\t\t\t<\/a>\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>\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-9684f60 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9684f60\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\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-100 elementor-top-column elementor-element elementor-element-a02608e\" data-id=\"a02608e\" data-element_type=\"column\" data-e-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-6cdedcb elementor-grid-3 elementor-grid-tablet-2 elementor-grid-mobile-1 elementor-posts--thumbnail-top elementor-posts--show-avatar elementor-card-shadow-yes elementor-posts__hover-gradient elementor-widget elementor-widget-posts\" data-id=\"6cdedcb\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;cards_row_gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:60,&quot;sizes&quot;:[]},&quot;cards_columns&quot;:&quot;3&quot;,&quot;cards_columns_tablet&quot;:&quot;2&quot;,&quot;cards_columns_mobile&quot;:&quot;1&quot;,&quot;cards_row_gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;cards_row_gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"posts.cards\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-posts-container elementor-posts elementor-posts--skin-cards elementor-grid\">\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-5684 post type-post status-publish format-standard hentry category-diseno-grafico category-ui-ux tag-diseno-grafico tag-diseno-web\">\n\t\t\t<div class=\"elementor-post__card\">\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h6 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/oliverpuente.com\/en\/diseno-grafico\/introduccion-al-diseno-web-mas-que-un-simple-grafico\/\" target=\"&quot;_blank&quot;\">\n\t\t\t\tIntroducci\u00f3n al Dise\u00f1o Web: M\u00e1s que un simple gr\u00e1fico\t\t\t<\/a>\n\t\t<\/h6>\n\t\t\t\t<div class=\"elementor-post__excerpt\">\n\t\t\t<p>Dise\u00f1o Web: La combinaci\u00f3n de est\u00e9tica y funcionalidad El dise\u00f1o web no es solo cuesti\u00f3n de crear algo visualmente atractivo;<\/p>\n\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-post__read-more-wrapper\">\n\t\t\n\t\t<a class=\"elementor-post__read-more\" href=\"https:\/\/oliverpuente.com\/en\/diseno-grafico\/introduccion-al-diseno-web-mas-que-un-simple-grafico\/\" target=\"_blank\">\n\t\t\tRead More \u00bb\t\t<\/a>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-post__meta-data\">\n\t\t\t\t\t<span class=\"elementor-post-date\">\n\t\t\tSeptember 27, 2024\t\t<\/span>\n\t\t\t\t<span class=\"elementor-post-time\">\n\t\t\t9:53 am\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-5611 post type-post status-publish format-standard has-post-thumbnail hentry category-diseno-grafico category-ui-ux\">\n\t\t\t<div class=\"elementor-post__card\">\n\t\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/oliverpuente.com\/en\/ui-ux\/como-crear-landing-pages-que-multiplican-tus-ventas\/\" target=\"_blank\"><div class=\"elementor-post__thumbnail\"><img decoding=\"async\" width=\"300\" height=\"160\" src=\"https:\/\/oliverpuente.com\/wp-content\/uploads\/2024\/09\/Portada-landing-page-300x160.png\" class=\"attachment-medium size-medium wp-image-5629\" alt=\"landing page\" srcset=\"https:\/\/oliverpuente.com\/wp-content\/uploads\/2024\/09\/Portada-landing-page-300x160.png 300w, https:\/\/oliverpuente.com\/wp-content\/uploads\/2024\/09\/Portada-landing-page-600x320.png 600w, https:\/\/oliverpuente.com\/wp-content\/uploads\/2024\/09\/Portada-landing-page-1024x546.png 1024w, https:\/\/oliverpuente.com\/wp-content\/uploads\/2024\/09\/Portada-landing-page-768x410.png 768w, https:\/\/oliverpuente.com\/wp-content\/uploads\/2024\/09\/Portada-landing-page-18x10.png 18w, https:\/\/oliverpuente.com\/wp-content\/uploads\/2024\/09\/Portada-landing-page.png 1200w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/div><\/a>\n\t\t\t\t<div class=\"elementor-post__badge\">Graphic design<\/div>\n\t\t\t\t<div class=\"elementor-post__avatar\">\n\t\t\t<img src='https:\/\/secure.gravatar.com\/avatar\/686e1b578e34c4b11b42197debc49d9cf03d1f697c4d1de8117f3a6cdf706066?s=250&#038;r=g' srcset='https:\/\/secure.gravatar.com\/avatar\/686e1b578e34c4b11b42197debc49d9cf03d1f697c4d1de8117f3a6cdf706066?s=250&#038;r=g 2x' class='avatar avatar-128 photo' height='128' width='128' decoding='async'\/>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h6 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/oliverpuente.com\/en\/ui-ux\/como-crear-landing-pages-que-multiplican-tus-ventas\/\" target=\"&quot;_blank&quot;\">\n\t\t\t\tC\u00f3mo Crear Landing Pages que Multiplican tus Ventas\t\t\t<\/a>\n\t\t<\/h6>\n\t\t\t\t<div class=\"elementor-post__excerpt\">\n\t\t\t<p>Por qu\u00e9 las Landing Pages Son La Clave Para Multiplicar Tus Conversiones El mejor vendedor de toda tu vida. No<\/p>\n\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-post__read-more-wrapper\">\n\t\t\n\t\t<a class=\"elementor-post__read-more\" href=\"https:\/\/oliverpuente.com\/en\/ui-ux\/como-crear-landing-pages-que-multiplican-tus-ventas\/\" target=\"_blank\">\n\t\t\tRead More \u00bb\t\t<\/a>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-post__meta-data\">\n\t\t\t\t\t<span class=\"elementor-post-date\">\n\t\t\tSeptember 3, 2024\t\t<\/span>\n\t\t\t\t<span class=\"elementor-post-time\">\n\t\t\t2:05 pm\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-5541 post type-post status-publish format-standard has-post-thumbnail hentry category-branding category-diseno-grafico category-filosofia-del-diseno category-identidad-de-marca category-rebranding tag-branding tag-diseno-grafico\">\n\t\t\t<div class=\"elementor-post__card\">\n\t\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/oliverpuente.com\/en\/branding\/lo-que-todos-deberia-saber-acerca-del-branding-en-guatemala\/\" target=\"_blank\"><div class=\"elementor-post__thumbnail\"><img fetchpriority=\"high\" decoding=\"async\" width=\"300\" height=\"176\" src=\"https:\/\/oliverpuente.com\/wp-content\/uploads\/2023\/10\/ilustracion-y-patronesRecurso-29@2x-300x176.png\" class=\"attachment-medium size-medium wp-image-4861\" alt=\"branding guatemala\" srcset=\"https:\/\/oliverpuente.com\/wp-content\/uploads\/2023\/10\/ilustracion-y-patronesRecurso-29@2x-300x176.png 300w, https:\/\/oliverpuente.com\/wp-content\/uploads\/2023\/10\/ilustracion-y-patronesRecurso-29@2x-1024x600.png 1024w, https:\/\/oliverpuente.com\/wp-content\/uploads\/2023\/10\/ilustracion-y-patronesRecurso-29@2x-768x450.png 768w, https:\/\/oliverpuente.com\/wp-content\/uploads\/2023\/10\/ilustracion-y-patronesRecurso-29@2x-1536x900.png 1536w, https:\/\/oliverpuente.com\/wp-content\/uploads\/2023\/10\/ilustracion-y-patronesRecurso-29@2x-2048x1200.png 2048w, https:\/\/oliverpuente.com\/wp-content\/uploads\/2023\/10\/ilustracion-y-patronesRecurso-29@2x-600x351.png 600w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/div><\/a>\n\t\t\t\t<div class=\"elementor-post__badge\">Branding<\/div>\n\t\t\t\t<div class=\"elementor-post__avatar\">\n\t\t\t<img src='https:\/\/secure.gravatar.com\/avatar\/686e1b578e34c4b11b42197debc49d9cf03d1f697c4d1de8117f3a6cdf706066?s=250&#038;r=g' srcset='https:\/\/secure.gravatar.com\/avatar\/686e1b578e34c4b11b42197debc49d9cf03d1f697c4d1de8117f3a6cdf706066?s=250&#038;r=g 2x' class='avatar avatar-128 photo' height='128' width='128' decoding='async'\/>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h6 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/oliverpuente.com\/en\/branding\/lo-que-todos-deberia-saber-acerca-del-branding-en-guatemala\/\" target=\"&quot;_blank&quot;\">\n\t\t\t\tLo que TODOS deber\u00eda saber acerca del branding en Guatemala\t\t\t<\/a>\n\t\t<\/h6>\n\t\t\t\t<div class=\"elementor-post__excerpt\">\n\t\t\t<p>Branding en Guatemala. Un acercamiento y gu\u00eda sobre como posicionar una nueva marca en el mercado guatemalteco que atraiga a<\/p>\n\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-post__read-more-wrapper\">\n\t\t\n\t\t<a class=\"elementor-post__read-more\" href=\"https:\/\/oliverpuente.com\/en\/branding\/lo-que-todos-deberia-saber-acerca-del-branding-en-guatemala\/\" target=\"_blank\">\n\t\t\tRead More \u00bb\t\t<\/a>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-post__meta-data\">\n\t\t\t\t\t<span class=\"elementor-post-date\">\n\t\t\tAugust 9, 2024\t\t<\/span>\n\t\t\t\t<span class=\"elementor-post-time\">\n\t\t\t2:26 pm\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-5528 post type-post status-publish format-standard hentry category-ui-ux tag-marketing-digital tag-porcentaje-de-conversion tag-ui-ux\">\n\t\t\t<div class=\"elementor-post__card\">\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h6 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/oliverpuente.com\/en\/ui-ux\/how-to-increase-your-conversion-rate-without-spending-on-advertising\/\" target=\"&quot;_blank&quot;\">\n\t\t\t\tHow to Increase Your Conversion Rate Without Spending on Advertising\t\t\t<\/a>\n\t\t<\/h6>\n\t\t\t\t<div class=\"elementor-post__excerpt\">\n\t\t\t<p>\u00bfCansad@ de invertir en publicidad y que no funcione? No te preocupes m\u00e1s, descubre en este art\u00edculo que es tasa<\/p>\n\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-post__read-more-wrapper\">\n\t\t\n\t\t<a class=\"elementor-post__read-more\" href=\"https:\/\/oliverpuente.com\/en\/ui-ux\/how-to-increase-your-conversion-rate-without-spending-on-advertising\/\" target=\"_blank\">\n\t\t\tRead More \u00bb\t\t<\/a>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-post__meta-data\">\n\t\t\t\t\t<span class=\"elementor-post-date\">\n\t\t\tAugust 8, 2024\t\t<\/span>\n\t\t\t\t<span class=\"elementor-post-time\">\n\t\t\t4:40 pm\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-5501 post type-post status-publish format-standard has-post-thumbnail hentry category-diseno-grafico category-ui-ux tag-ui-ux\">\n\t\t\t<div class=\"elementor-post__card\">\n\t\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/oliverpuente.com\/en\/ui-ux\/como-usar-el-auto-layout-de-figma-guia-completa-paso-a-paso\/\" target=\"_blank\"><div class=\"elementor-post__thumbnail\"><img decoding=\"async\" width=\"300\" height=\"155\" src=\"https:\/\/oliverpuente.com\/wp-content\/uploads\/2024\/08\/auto-layout-figma-e1722805276100-300x155.png\" class=\"attachment-medium size-medium wp-image-5522\" alt=\"auto layout figma tutorial\" srcset=\"https:\/\/oliverpuente.com\/wp-content\/uploads\/2024\/08\/auto-layout-figma-e1722805276100-300x155.png 300w, https:\/\/oliverpuente.com\/wp-content\/uploads\/2024\/08\/auto-layout-figma-e1722805276100-1024x531.png 1024w, https:\/\/oliverpuente.com\/wp-content\/uploads\/2024\/08\/auto-layout-figma-e1722805276100-768x398.png 768w, https:\/\/oliverpuente.com\/wp-content\/uploads\/2024\/08\/auto-layout-figma-e1722805276100-18x9.png 18w, https:\/\/oliverpuente.com\/wp-content\/uploads\/2024\/08\/auto-layout-figma-e1722805276100-600x311.png 600w, https:\/\/oliverpuente.com\/wp-content\/uploads\/2024\/08\/auto-layout-figma-e1722805276100.png 1237w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/div><\/a>\n\t\t\t\t<div class=\"elementor-post__badge\">Graphic design<\/div>\n\t\t\t\t<div class=\"elementor-post__avatar\">\n\t\t\t<img src='https:\/\/secure.gravatar.com\/avatar\/686e1b578e34c4b11b42197debc49d9cf03d1f697c4d1de8117f3a6cdf706066?s=250&#038;r=g' srcset='https:\/\/secure.gravatar.com\/avatar\/686e1b578e34c4b11b42197debc49d9cf03d1f697c4d1de8117f3a6cdf706066?s=250&#038;r=g 2x' class='avatar avatar-128 photo' height='128' width='128' decoding='async'\/>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h6 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/oliverpuente.com\/en\/ui-ux\/como-usar-el-auto-layout-de-figma-guia-completa-paso-a-paso\/\" target=\"&quot;_blank&quot;\">\n\t\t\t\tHow to use Figma Auto Layout (Complete step-by-step guide)\t\t\t<\/a>\n\t\t<\/h6>\n\t\t\t\t<div class=\"elementor-post__excerpt\">\n\t\t\t<p>El auto layout en Figma lleg\u00f3 para quedarse, y si quieres ser un dise\u00f1ador UI\/UX profesional, es necesario aprender cu\u00e1ndo<\/p>\n\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-post__read-more-wrapper\">\n\t\t\n\t\t<a class=\"elementor-post__read-more\" href=\"https:\/\/oliverpuente.com\/en\/ui-ux\/como-usar-el-auto-layout-de-figma-guia-completa-paso-a-paso\/\" target=\"_blank\">\n\t\t\tRead More \u00bb\t\t<\/a>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-post__meta-data\">\n\t\t\t\t\t<span class=\"elementor-post-date\">\n\t\t\tAugust 4, 2024\t\t<\/span>\n\t\t\t\t<span class=\"elementor-post-time\">\n\t\t\t3:01 pm\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-5517 post type-post status-publish format-standard hentry category-diseno-grafico tag-disenador-grafico tag-diseno-grafico\">\n\t\t\t<div class=\"elementor-post__card\">\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h6 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/oliverpuente.com\/en\/diseno-grafico\/8-maneras-infalibles-de-lidiar-con-la-fatiga-como-disenador-grafico\/\" target=\"&quot;_blank&quot;\">\n\t\t\t\t8 maneras infalibles de lidiar con la fatiga como dise\u00f1ador gr\u00e1fico\t\t\t<\/a>\n\t\t<\/h6>\n\t\t\t\t<div class=\"elementor-post__excerpt\">\n\t\t\t<p>El cansancio o fatiga extrema cuando eres dise\u00f1ador gr\u00e1fico es una situaci\u00f3n de lo peor. Pero como todo en la<\/p>\n\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-post__read-more-wrapper\">\n\t\t\n\t\t<a class=\"elementor-post__read-more\" href=\"https:\/\/oliverpuente.com\/en\/diseno-grafico\/8-maneras-infalibles-de-lidiar-con-la-fatiga-como-disenador-grafico\/\" target=\"_blank\">\n\t\t\tRead More \u00bb\t\t<\/a>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-post__meta-data\">\n\t\t\t\t\t<span class=\"elementor-post-date\">\n\t\t\tAugust 2, 2024\t\t<\/span>\n\t\t\t\t<span class=\"elementor-post-time\">\n\t\t\t4:37 pm\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t<\/div>\n\n\n\t\t\n\t\t\t\t\t\t<\/div>\n\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>","protected":false},"excerpt":{"rendered":"<p>Principios del dise\u00f1o UI. Aprende todas las nociones y reglas que son el n\u00facleo de la disciplina del dise\u00f1o de interfaz de usuario, tambi\u00e9n conocido como UI. La interfaz de usuario es una conexi\u00f3n, f\u00edsica o l\u00f3gica, entre la tecnolog\u00eda y el usuario. Dicho de otra forma, la interfaz de usuario es el espacio en donde las maquinas tienen interacciones con los humanos.<\/p>","protected":false},"author":1,"featured_media":3302,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[35,11],"tags":[34,23,18],"class_list":["post-3300","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-grafico","category-ui-ux","tag-disenador-grafico","tag-diseno-grafico","tag-ui-ux"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v20.11 (Yoast SEO v28.2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Los 8 Principios del dise\u00f1o UI: Introducci\u00f3n al dise\u00f1o UI \ud83d\udc80<\/title>\n<meta name=\"description\" content=\"Principios del dise\u00f1o UI. Aprende todas las nociones y reglas que son el n\u00facleo de la disciplina del dise\u00f1o de interfaz de usuario.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/oliverpuente.com\/en\/ui-ux\/the-8-principles-of-ui-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Los 8 Principios del dise\u00f1o UI: Introducci\u00f3n al dise\u00f1o UI\" \/>\n<meta property=\"og:description\" content=\"UI\/UX\" \/>\n<meta property=\"og:url\" content=\"https:\/\/oliverpuente.com\/en\/ui-ux\/the-8-principles-of-ui-design\/\" \/>\n<meta property=\"og:site_name\" content=\"oliverpuente\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/oliver.branding\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/oliver.branding\" \/>\n<meta property=\"article:published_time\" content=\"2023-01-26T04:38:20+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-01-26T04:49:53+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/oliverpuente.com\/wp-content\/uploads\/2023\/01\/Los-8-Principios-del-diseno-UI_Introduccion-al-diseno-UI.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Oliver Puente\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Oliver Puente\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"17 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/oliverpuente.com\\\/ui-ux\\\/los-8-principios-del-diseno-ui\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/oliverpuente.com\\\/ui-ux\\\/los-8-principios-del-diseno-ui\\\/\"},\"author\":{\"name\":\"Oliver Puente\",\"@id\":\"https:\\\/\\\/oliverpuente.com\\\/#\\\/schema\\\/person\\\/84c34fc032a089970dd7d3a9cf7899c7\"},\"headline\":\"Los 8 Principios del dise\u00f1o UI: Introducci\u00f3n al dise\u00f1o UI\",\"datePublished\":\"2023-01-26T04:38:20+00:00\",\"dateModified\":\"2023-01-26T04:49:53+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/oliverpuente.com\\\/ui-ux\\\/los-8-principios-del-diseno-ui\\\/\"},\"wordCount\":2942,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/oliverpuente.com\\\/#\\\/schema\\\/person\\\/84c34fc032a089970dd7d3a9cf7899c7\"},\"image\":{\"@id\":\"https:\\\/\\\/oliverpuente.com\\\/ui-ux\\\/los-8-principios-del-diseno-ui\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/oliverpuente.com\\\/wp-content\\\/uploads\\\/2023\\\/01\\\/Los-8-Principios-del-diseno-UI_Introduccion-al-diseno-UI.jpg\",\"keywords\":[\"dise\u00f1ador gr\u00e1fico\",\"dise\u00f1o gr\u00e1fico\",\"UI\\\/UX\"],\"articleSection\":[\"Dise\u00f1o Gr\u00e1fico\",\"UI\\\/UX\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/oliverpuente.com\\\/ui-ux\\\/los-8-principios-del-diseno-ui\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/oliverpuente.com\\\/ui-ux\\\/los-8-principios-del-diseno-ui\\\/\",\"url\":\"https:\\\/\\\/oliverpuente.com\\\/ui-ux\\\/los-8-principios-del-diseno-ui\\\/\",\"name\":\"Los 8 Principios del dise\u00f1o UI: Introducci\u00f3n al dise\u00f1o UI \ud83d\udc80\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/oliverpuente.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/oliverpuente.com\\\/ui-ux\\\/los-8-principios-del-diseno-ui\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/oliverpuente.com\\\/ui-ux\\\/los-8-principios-del-diseno-ui\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/oliverpuente.com\\\/wp-content\\\/uploads\\\/2023\\\/01\\\/Los-8-Principios-del-diseno-UI_Introduccion-al-diseno-UI.jpg\",\"datePublished\":\"2023-01-26T04:38:20+00:00\",\"dateModified\":\"2023-01-26T04:49:53+00:00\",\"description\":\"Principios del dise\u00f1o UI. Aprende todas las nociones y reglas que son el n\u00facleo de la disciplina del dise\u00f1o de interfaz de usuario.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/oliverpuente.com\\\/ui-ux\\\/los-8-principios-del-diseno-ui\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/oliverpuente.com\\\/ui-ux\\\/los-8-principios-del-diseno-ui\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/oliverpuente.com\\\/ui-ux\\\/los-8-principios-del-diseno-ui\\\/#primaryimage\",\"url\":\"https:\\\/\\\/oliverpuente.com\\\/wp-content\\\/uploads\\\/2023\\\/01\\\/Los-8-Principios-del-diseno-UI_Introduccion-al-diseno-UI.jpg\",\"contentUrl\":\"https:\\\/\\\/oliverpuente.com\\\/wp-content\\\/uploads\\\/2023\\\/01\\\/Los-8-Principios-del-diseno-UI_Introduccion-al-diseno-UI.jpg\",\"width\":1920,\"height\":1080,\"caption\":\"Los 8 Principios del dise\u00f1o UI: Introducci\u00f3n al dise\u00f1o UI\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/oliverpuente.com\\\/ui-ux\\\/los-8-principios-del-diseno-ui\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/oliverpuente.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Los 8 Principios del dise\u00f1o UI: Introducci\u00f3n al dise\u00f1o UI\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/oliverpuente.com\\\/#website\",\"url\":\"https:\\\/\\\/oliverpuente.com\\\/\",\"name\":\"oliverpuente\",\"description\":\"Identidad de marca - Dise\u00f1ador de identidad de marca\",\"publisher\":{\"@id\":\"https:\\\/\\\/oliverpuente.com\\\/#\\\/schema\\\/person\\\/84c34fc032a089970dd7d3a9cf7899c7\"},\"alternateName\":\"Oliver Puente\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/oliverpuente.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/oliverpuente.com\\\/#\\\/schema\\\/person\\\/84c34fc032a089970dd7d3a9cf7899c7\",\"name\":\"Oliver Puente\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/oliverpuente.com\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/oliver-puente-logo-imagotipo-principal-full-color-rgb.svg\",\"url\":\"https:\\\/\\\/oliverpuente.com\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/oliver-puente-logo-imagotipo-principal-full-color-rgb.svg\",\"contentUrl\":\"https:\\\/\\\/oliverpuente.com\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/oliver-puente-logo-imagotipo-principal-full-color-rgb.svg\",\"width\":609,\"height\":186,\"caption\":\"Oliver Puente\"},\"logo\":{\"@id\":\"https:\\\/\\\/oliverpuente.com\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/oliver-puente-logo-imagotipo-principal-full-color-rgb.svg\"},\"description\":\"Dise\u00f1ador freelance de identidad de marca y UI\\\/UX con sede en Guatemala. Oliver Puente ayuda a las empresas a modernizar sus marcas.\",\"sameAs\":[\"http:\\\/\\\/www.oliverpuente.com\",\"https:\\\/\\\/www.facebook.com\\\/oliver.branding\",\"https:\\\/\\\/www.instagram.com\\\/oliver.branding\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/oliver-puente-branding\\\/\",\"https:\\\/\\\/www.pinterest.com\\\/oliverpuente916\\\/\",\"https:\\\/\\\/www.youtube.com\\\/c\\\/Dizalo\\\/featured\"],\"knowsAbout\":[\"Branding\",\"UI\",\"UX\",\"Dise\u00f1o Web\"],\"knowsLanguage\":[\"espa\u00f1ol\",\"ingl\u00e9s\"],\"jobTitle\":\"Dise\u00f1ador de marcas\",\"worksFor\":\"Dizalo\",\"url\":\"https:\\\/\\\/oliverpuente.com\\\/en\\\/author\\\/puentegutierrezzzoliversho\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Los 8 Principios del dise\u00f1o UI: Introducci\u00f3n al dise\u00f1o UI \ud83d\udc80","description":"Principios del dise\u00f1o UI. Aprende todas las nociones y reglas que son el n\u00facleo de la disciplina del dise\u00f1o de interfaz de usuario.","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:\/\/oliverpuente.com\/en\/ui-ux\/the-8-principles-of-ui-design\/","og_locale":"en_US","og_type":"article","og_title":"Los 8 Principios del dise\u00f1o UI: Introducci\u00f3n al dise\u00f1o UI","og_description":"UI\/UX","og_url":"https:\/\/oliverpuente.com\/en\/ui-ux\/the-8-principles-of-ui-design\/","og_site_name":"oliverpuente","article_publisher":"https:\/\/www.facebook.com\/oliver.branding","article_author":"https:\/\/www.facebook.com\/oliver.branding","article_published_time":"2023-01-26T04:38:20+00:00","article_modified_time":"2023-01-26T04:49:53+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/oliverpuente.com\/wp-content\/uploads\/2023\/01\/Los-8-Principios-del-diseno-UI_Introduccion-al-diseno-UI.jpg","type":"image\/jpeg"}],"author":"Oliver Puente","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Oliver Puente","Est. reading time":"17 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/oliverpuente.com\/ui-ux\/los-8-principios-del-diseno-ui\/#article","isPartOf":{"@id":"https:\/\/oliverpuente.com\/ui-ux\/los-8-principios-del-diseno-ui\/"},"author":{"name":"Oliver Puente","@id":"https:\/\/oliverpuente.com\/#\/schema\/person\/84c34fc032a089970dd7d3a9cf7899c7"},"headline":"Los 8 Principios del dise\u00f1o UI: Introducci\u00f3n al dise\u00f1o UI","datePublished":"2023-01-26T04:38:20+00:00","dateModified":"2023-01-26T04:49:53+00:00","mainEntityOfPage":{"@id":"https:\/\/oliverpuente.com\/ui-ux\/los-8-principios-del-diseno-ui\/"},"wordCount":2942,"commentCount":0,"publisher":{"@id":"https:\/\/oliverpuente.com\/#\/schema\/person\/84c34fc032a089970dd7d3a9cf7899c7"},"image":{"@id":"https:\/\/oliverpuente.com\/ui-ux\/los-8-principios-del-diseno-ui\/#primaryimage"},"thumbnailUrl":"https:\/\/oliverpuente.com\/wp-content\/uploads\/2023\/01\/Los-8-Principios-del-diseno-UI_Introduccion-al-diseno-UI.jpg","keywords":["dise\u00f1ador gr\u00e1fico","dise\u00f1o gr\u00e1fico","UI\/UX"],"articleSection":["Dise\u00f1o Gr\u00e1fico","UI\/UX"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/oliverpuente.com\/ui-ux\/los-8-principios-del-diseno-ui\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/oliverpuente.com\/ui-ux\/los-8-principios-del-diseno-ui\/","url":"https:\/\/oliverpuente.com\/ui-ux\/los-8-principios-del-diseno-ui\/","name":"Los 8 Principios del dise\u00f1o UI: Introducci\u00f3n al dise\u00f1o UI \ud83d\udc80","isPartOf":{"@id":"https:\/\/oliverpuente.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/oliverpuente.com\/ui-ux\/los-8-principios-del-diseno-ui\/#primaryimage"},"image":{"@id":"https:\/\/oliverpuente.com\/ui-ux\/los-8-principios-del-diseno-ui\/#primaryimage"},"thumbnailUrl":"https:\/\/oliverpuente.com\/wp-content\/uploads\/2023\/01\/Los-8-Principios-del-diseno-UI_Introduccion-al-diseno-UI.jpg","datePublished":"2023-01-26T04:38:20+00:00","dateModified":"2023-01-26T04:49:53+00:00","description":"Principios del dise\u00f1o UI. Aprende todas las nociones y reglas que son el n\u00facleo de la disciplina del dise\u00f1o de interfaz de usuario.","breadcrumb":{"@id":"https:\/\/oliverpuente.com\/ui-ux\/los-8-principios-del-diseno-ui\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/oliverpuente.com\/ui-ux\/los-8-principios-del-diseno-ui\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/oliverpuente.com\/ui-ux\/los-8-principios-del-diseno-ui\/#primaryimage","url":"https:\/\/oliverpuente.com\/wp-content\/uploads\/2023\/01\/Los-8-Principios-del-diseno-UI_Introduccion-al-diseno-UI.jpg","contentUrl":"https:\/\/oliverpuente.com\/wp-content\/uploads\/2023\/01\/Los-8-Principios-del-diseno-UI_Introduccion-al-diseno-UI.jpg","width":1920,"height":1080,"caption":"Los 8 Principios del dise\u00f1o UI: Introducci\u00f3n al dise\u00f1o UI"},{"@type":"BreadcrumbList","@id":"https:\/\/oliverpuente.com\/ui-ux\/los-8-principios-del-diseno-ui\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/oliverpuente.com\/"},{"@type":"ListItem","position":2,"name":"Los 8 Principios del dise\u00f1o UI: Introducci\u00f3n al dise\u00f1o UI"}]},{"@type":"WebSite","@id":"https:\/\/oliverpuente.com\/#website","url":"https:\/\/oliverpuente.com\/","name":"oliverpuente","description":"Identidad de marca - Dise\u00f1ador de identidad de marca","publisher":{"@id":"https:\/\/oliverpuente.com\/#\/schema\/person\/84c34fc032a089970dd7d3a9cf7899c7"},"alternateName":"Oliver Puente","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/oliverpuente.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/oliverpuente.com\/#\/schema\/person\/84c34fc032a089970dd7d3a9cf7899c7","name":"Oliver Puente","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/oliverpuente.com\/wp-content\/uploads\/2023\/10\/oliver-puente-logo-imagotipo-principal-full-color-rgb.svg","url":"https:\/\/oliverpuente.com\/wp-content\/uploads\/2023\/10\/oliver-puente-logo-imagotipo-principal-full-color-rgb.svg","contentUrl":"https:\/\/oliverpuente.com\/wp-content\/uploads\/2023\/10\/oliver-puente-logo-imagotipo-principal-full-color-rgb.svg","width":609,"height":186,"caption":"Oliver Puente"},"logo":{"@id":"https:\/\/oliverpuente.com\/wp-content\/uploads\/2023\/10\/oliver-puente-logo-imagotipo-principal-full-color-rgb.svg"},"description":"Dise\u00f1ador freelance de identidad de marca y UI\/UX con sede en Guatemala. Oliver Puente ayuda a las empresas a modernizar sus marcas.","sameAs":["http:\/\/www.oliverpuente.com","https:\/\/www.facebook.com\/oliver.branding","https:\/\/www.instagram.com\/oliver.branding\/","https:\/\/www.linkedin.com\/in\/oliver-puente-branding\/","https:\/\/www.pinterest.com\/oliverpuente916\/","https:\/\/www.youtube.com\/c\/Dizalo\/featured"],"knowsAbout":["Branding","UI","UX","Dise\u00f1o Web"],"knowsLanguage":["espa\u00f1ol","ingl\u00e9s"],"jobTitle":"Dise\u00f1ador de marcas","worksFor":"Dizalo","url":"https:\/\/oliverpuente.com\/en\/author\/puentegutierrezzzoliversho\/"}]}},"_links":{"self":[{"href":"https:\/\/oliverpuente.com\/en\/wp-json\/wp\/v2\/posts\/3300","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/oliverpuente.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/oliverpuente.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/oliverpuente.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/oliverpuente.com\/en\/wp-json\/wp\/v2\/comments?post=3300"}],"version-history":[{"count":6,"href":"https:\/\/oliverpuente.com\/en\/wp-json\/wp\/v2\/posts\/3300\/revisions"}],"predecessor-version":[{"id":3508,"href":"https:\/\/oliverpuente.com\/en\/wp-json\/wp\/v2\/posts\/3300\/revisions\/3508"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/oliverpuente.com\/en\/wp-json\/wp\/v2\/media\/3302"}],"wp:attachment":[{"href":"https:\/\/oliverpuente.com\/en\/wp-json\/wp\/v2\/media?parent=3300"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/oliverpuente.com\/en\/wp-json\/wp\/v2\/categories?post=3300"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/oliverpuente.com\/en\/wp-json\/wp\/v2\/tags?post=3300"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}