{"id":804,"date":"2019-02-20T08:00:25","date_gmt":"2019-02-20T13:00:25","guid":{"rendered":"https:\/\/www.marketerosagencia.com\/blog\/?p=804"},"modified":"2025-06-05T07:25:46","modified_gmt":"2025-06-05T12:25:46","slug":"usabilidad-diseno-web","status":"publish","type":"post","link":"http:\/\/www.marketerosagencia.com\/blog\/diseno-web\/usabilidad-diseno-web\/","title":{"rendered":"Dise\u00f1o web: Los 3 conceptos principales de usabilidad"},"content":{"rendered":"<p>El dise\u00f1o web, como lo hemos venido evidenciando, es un elemento crucial en cualquier estrategia de marketing y posicionamiento pues, m\u00e1s all\u00e1 de cumplir con sus funciones est\u00e9ticas, su papel trasciende en materia de experiencia del usuario y, asimismo, SEO.<\/p>\n<p>En primera instancia, cuando un sitio cuenta con un dise\u00f1o web amigable, es bastante probable que las visitas se tomen m\u00e1s tiempo para explorar, dado que la informaci\u00f3n que desean encontrar puede llegar a sus manos de manera intuitiva. Esto, con el paso del tiempo, hace que tal p\u00e1gina web se convierta en un portal frecuentado y confiable con un tr\u00e1fico m\u00e1s que jugoso.<\/p>\n<p>Por otro lado, Google tiene muy en cuenta aquellos sitios que presentan un <strong>dis<\/strong><strong>e<\/strong><strong>\u00f1o web<\/strong> pensado en el usuario (tiempo de carga, optimizaci\u00f3n de im\u00e1genes, men\u00fas amigables, etc.), lo que tendr\u00e1 un considerable impacto a la hora del posicionamiento entre resultados de b\u00fasqueda.<\/p>\n<p>Cuando hablamos de usabilidad, seg\u00fan <a href=\"https:\/\/es.semrush.com\/\" target=\"_blank\" rel=\"noopener nofollow noreferrer\">SEMrush<\/a>, estamos refiri\u00e9ndonos a la \u201c<em>obtenci\u00f3n de la m\u00e1xima facilidad de uso de una web para el usuario<\/em>\u201d. Con lo que queremos decir que, dejando de lado la obviedad del atractivo que un bien dise\u00f1o web debe brindar, cada elemento debe cumplir una funci\u00f3n espec\u00edfica que le permita al usuario acercarse a su objetivo de manera sutil y agradable.<\/p>\n\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-806\" src=\"https:\/\/www.marketerosagencia.com\/blog\/wp-content\/uploads\/2019\/02\/usabilidad-en-diseno-web.jpg\" alt=\"usabilidad en dise\u00f1o web\" width=\"515\" height=\"318\" \/><\/p>\n\n<blockquote><p><strong>Te puede interesar: <\/strong><a href=\"https:\/\/www.marketerosagencia.com\/blog\/diseno-web\/jerarquia-necesidades-diseno-web\/\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>Esta es la jerarqu\u00eda de necesidades del dise\u00f1o web<\/strong><\/a><\/p>\n<\/blockquote>\n<p>Por lo anterior, a lo largo de los \u00faltimos a\u00f1os los expertos han expuesto dos importantes teor\u00edas que debemos tener en cuenta antes de lanzar un sitio con un dise\u00f1o web final. \u00c9stas son la <strong>ley de los 5 segundos <\/strong>y la <strong>ley de los 3 clics<\/strong>, las cuales consisten en:<\/p>\n\n<ul>\n<li><strong>Ley de los 5 segundos: <\/strong>En t\u00e9rminos generales, esta ley del dise\u00f1o web, consiste en que, si un usuario ingresa a tu sitio y, al cabo de 5 segundos, no encuentra lo que est\u00e1 buscando, se marchar\u00e1 para no volver.<\/li>\n<\/ul>\n\n<ul>\n<li><strong>Ley de los 3 clics: <\/strong>Asimismo, y como es deducible, esta segunda ley trata sobre la importancia del recorrido del usuario, donde, si luego de un tercer clic el usuario no ha dado con su objetivo, dejar\u00e1 inmediatamente esa p\u00e1gina y, muy probablemente, tampoco regresar\u00e1.<\/li>\n<\/ul>\n\n<p>Ahora bien, para que ello se logre, un experto en dise\u00f1o web debe tener muy claros tres conceptos clave sobre usabilidad, de modo que su trabajo sea fruct\u00edfero tanto para el usuario como para la empresa, por lo que, a continuaci\u00f3n, vamos a conocer tales conceptos.<\/p>\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_69_1 counter-hierarchy ez-toc-counter ez-toc-white ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Indice de Contenido<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-6a0106019c994\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-6a0106019c994\"  aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"http:\/\/www.marketerosagencia.com\/blog\/diseno-web\/usabilidad-diseno-web\/#Conocimiento_del_sistema\" title=\"Conocimiento del sistema\">Conocimiento del sistema<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"http:\/\/www.marketerosagencia.com\/blog\/diseno-web\/usabilidad-diseno-web\/#Lenguaje_real\" title=\"Lenguaje real\">Lenguaje real<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"http:\/\/www.marketerosagencia.com\/blog\/diseno-web\/usabilidad-diseno-web\/#Gestion_de_errores\" title=\"Gesti\u00f3n de errores\">Gesti\u00f3n de errores<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Conocimiento_del_sistema\"><\/span>Conocimiento del sistema<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Nunca, bajo ninguna circunstancia, debes asumir que tus usuarios conozcan tu sitio web tan bien como t\u00fa, por lo que siempre tendr\u00e1s que mantenerlos informados sobre lo que est\u00e1 sucediendo en la pantalla.<\/p>\n<p>En este orden de ideas, debes incluir enunciados, t\u00edtulos, migas de pan e indicaciones discretas que, sin hacerlos sentir como ignorantes, s\u00ed puedan identificar la intenci\u00f3n del sitio y tomar una acci\u00f3n v\u00e1lida.<\/p>\n<p>De igual manera, evita el uso de men\u00fas confusos o botones sin una acci\u00f3n puntual, entre otros elementos que puedan desmejorar la experiencia.<\/p>\n\n<h2><span class=\"ez-toc-section\" id=\"Lenguaje_real\"><\/span>Lenguaje real<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Aunque tu empresa ofrezca servicios o productos especializados, recuerda que tu p\u00e1gina web (en la mayor\u00eda de los casos) no se est\u00e1 comunicando con expertos.<\/p>\n<p>Esto quiere decir que tendr\u00e1s que eliminar los t\u00e9rminos que puedan resultar confusos, bajo la idea de acceder a sin\u00f3nimos y expresiones m\u00e1s amigables que les permita comprender la tem\u00e1tica de la p\u00e1gina y, asimismo, tomar decisiones acertadas sin lugar a la confusi\u00f3n.<\/p>\n<p>Por lo anterior, es fundamental conocer el perfil de tus clientes, dejar de lado tanta \u201cliteratura\u201d, eliminar t\u00e9rminos ambiguos y, asimismo, puedes hacer uso de palabras y, de ser apropiado, frases m\u00e1s cotidianas como refranes y met\u00e1foras.<\/p>\n\n<h2><span class=\"ez-toc-section\" id=\"Gestion_de_errores\"><\/span>Gesti\u00f3n de errores<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Como su nombre lo indica, el tercer concepto nos invita a mantenernos siempre un paso al frente de cualquier imprevisto, como ca\u00eddas de servidor, hackeos, actualizaciones incorrectas de plugins, enlaces rotos, etc.<\/p>\n<p>Cuando un sitio est\u00e1 exento de errores (o al menos en su mayor parte), es muy probable que la experiencia del usuario no se vea truncada en ning\u00fan momento.<\/p>\n<p>Entonces, ahora que conoces dos de las m\u00e1s importantes leyes de la experiencia del usuario, as\u00ed como tres conceptos omnipresentes, es momento de ponerlos en pr\u00e1ctica y convertirte en una marca referente en tu mercado.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>El dise\u00f1o web, como lo hemos venido evidenciando, es un elemento crucial en cualquier estrategia de marketing y posicionamiento pues, m\u00e1s all\u00e1 de cumplir con sus funciones est\u00e9ticas, su papel trasciende en materia de experiencia del usuario y, asimismo, SEO. En primera instancia, cuando un sitio cuenta con un dise\u00f1o web amigable, es bastante probable [&hellip;]<\/p>\n","protected":false},"author":26,"featured_media":836,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_lock_modified_date":false,"footnotes":""},"categories":[9],"tags":[],"class_list":["post-804","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web"],"acf":[],"_links":{"self":[{"href":"http:\/\/www.marketerosagencia.com\/blog\/wp-json\/wp\/v2\/posts\/804"}],"collection":[{"href":"http:\/\/www.marketerosagencia.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.marketerosagencia.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.marketerosagencia.com\/blog\/wp-json\/wp\/v2\/users\/26"}],"replies":[{"embeddable":true,"href":"http:\/\/www.marketerosagencia.com\/blog\/wp-json\/wp\/v2\/comments?post=804"}],"version-history":[{"count":8,"href":"http:\/\/www.marketerosagencia.com\/blog\/wp-json\/wp\/v2\/posts\/804\/revisions"}],"predecessor-version":[{"id":4343,"href":"http:\/\/www.marketerosagencia.com\/blog\/wp-json\/wp\/v2\/posts\/804\/revisions\/4343"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.marketerosagencia.com\/blog\/wp-json\/wp\/v2\/media\/836"}],"wp:attachment":[{"href":"http:\/\/www.marketerosagencia.com\/blog\/wp-json\/wp\/v2\/media?parent=804"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.marketerosagencia.com\/blog\/wp-json\/wp\/v2\/categories?post=804"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.marketerosagencia.com\/blog\/wp-json\/wp\/v2\/tags?post=804"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}