{"id":4440,"date":"2022-07-14T11:34:45","date_gmt":"2022-07-14T09:34:45","guid":{"rendered":"https:\/\/www.omatech.com\/blog\/?p=4440"},"modified":"2023-08-21T12:30:14","modified_gmt":"2023-08-21T10:30:14","slug":"10-reglas-para-la-usabilidad-web","status":"publish","type":"post","link":"https:\/\/www.omatech.com\/blog\/2022\/07\/14\/10-reglas-para-la-usabilidad-web\/","title":{"rendered":"10 reglas para la usabilidad web"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-transparent ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Tabla de contenidos<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-6a0a56db94bc5\" 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-6a0a56db94bc5\"  aria-label=\"Alternar\" \/><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=\"https:\/\/www.omatech.com\/blog\/2022\/07\/14\/10-reglas-para-la-usabilidad-web\/#Buena_arquitectura_de_la_informacion\" >Buena arquitectura de la informaci\u00f3n<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.omatech.com\/blog\/2022\/07\/14\/10-reglas-para-la-usabilidad-web\/#Diseno_comprensible_a_primera_vista\" >Dise\u00f1o comprensible a primera vista<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.omatech.com\/blog\/2022\/07\/14\/10-reglas-para-la-usabilidad-web\/#Visibilidad_para_una_buena_usabilidad_web\" >Visibilidad para una buena usabilidad web<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.omatech.com\/blog\/2022\/07\/14\/10-reglas-para-la-usabilidad-web\/#Lenguaje_del_usuario\" >Lenguaje del usuario<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.omatech.com\/blog\/2022\/07\/14\/10-reglas-para-la-usabilidad-web\/#Simplicidad\" >Simplicidad<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.omatech.com\/blog\/2022\/07\/14\/10-reglas-para-la-usabilidad-web\/#Familiaridad\" >Familiaridad<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.omatech.com\/blog\/2022\/07\/14\/10-reglas-para-la-usabilidad-web\/#Consistencia_para_optimizar_la_usabilidad_web\" >Consistencia para optimizar la usabilidad web<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.omatech.com\/blog\/2022\/07\/14\/10-reglas-para-la-usabilidad-web\/#%E2%80%98Feedback_directo_al_usuario\" >&#8216;Feedback&#8217; directo al usuario<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/www.omatech.com\/blog\/2022\/07\/14\/10-reglas-para-la-usabilidad-web\/#Control_por_el_usuario\" >Control por el usuario<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/www.omatech.com\/blog\/2022\/07\/14\/10-reglas-para-la-usabilidad-web\/#Usabilidad_web_%C2%BFcuantos_clicks\" >Usabilidad web: \u00bfcu\u00e1ntos clicks?<\/a><\/li><\/ul><\/nav><\/div>\n<figure id=\"attachment_4440\" aria-describedby=\"caption-attachment-4440\" style=\"width: 809px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.omatech.com\/blog\/wp-content\/uploads\/2022\/06\/digitalizacion-cliente-final.jpg\"><img decoding=\"async\" class=\"wp-image-4440\" title=\"Una buena usabilidad web facilita la mejor experiencia de usuario\" src=\"https:\/\/www.omatech.com\/blog\/wp-content\/uploads\/2022\/06\/digitalizacion-cliente-final.jpg\" alt=\"Una buena usabilidad web facilita la mejor experiencia de usuario\" width=\"809\" height=\"380\" \/><\/a><figcaption id=\"caption-attachment-4440\" class=\"wp-caption-text\">Una buena usabilidad web facilita la mejor experiencia de usuario. En este post te explicamos las principales reglas de la usabilidad.<\/figcaption><\/figure>\n<p>Las <strong>reglas<\/strong> para una buena <strong>usabilidad web<\/strong> son la base del \u00e9xito de cualquier proyecto digital. \u00bfQu\u00e9 reglas hay que seguir para optimizar la usabilidad y conseguir as\u00ed la mejor <strong>experiencia de usuario<\/strong>? En este post te ofrecemos las 10 principales pautas a tener en cuenta.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Buena_arquitectura_de_la_informacion\"><\/span>Buena arquitectura de la informaci\u00f3n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Hay que estructurar la informaci\u00f3n de forma simple, racional y l\u00f3gica. Para ello, es fundamental saber c\u00f3mo piensa el p\u00fablico objetivo de tu empresa.<\/p>\n<blockquote><p>\u00ab\u00bfC\u00f3mo esperar\u00edan tus clientes que estructurases el contenido de la web?\u00bb, propone <strong>Saray Ju\u00e1rez<\/strong>, programadora Front-end de Omatech y experta en usabilidad y dise\u00f1o web<\/p><\/blockquote>\n<h2><span class=\"ez-toc-section\" id=\"Diseno_comprensible_a_primera_vista\"><\/span>Dise\u00f1o comprensible a primera vista<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Los recursos gr\u00e1ficos deben ser identificados con facilidad. Adem\u00e1s, los textos se deben leer con la m\u00e1xima comodidad.<\/p>\n<p>Un buen uso de los <strong>blancos<\/strong> ayuda a ofrecer un dise\u00f1o agradable, atractivo, simple y efectivo.<\/p>\n<blockquote><p>En dise\u00f1o, un blanco es el espacio vac\u00edo entre p\u00e1rrafos, im\u00e1genes, botones y otros elementos<\/p><\/blockquote>\n<h2><span class=\"ez-toc-section\" id=\"Visibilidad_para_una_buena_usabilidad_web\"><\/span>Visibilidad para una buena usabilidad web<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u00ab\u00bfD\u00f3nde estoy?\u00bb. La aplicaci\u00f3n o website debe poder dar siempre respuesta a esta pregunta. El usuario debe poder saber en todo momento en qu\u00e9 parte se encuentra, qu\u00e9 acciones puede ejecutar y c\u00f3mo las puede iniciar. Debe ser siempre consciente de su estatus: en qu\u00e9 parte de un proceso de encuentra.<\/p>\n<p>En ingl\u00e9s se emplea la expresi\u00f3n <strong><em>breadcrumbs<\/em><\/strong>, o las migas de pan de los cuentos infantiles. Si el usuario quiere ir a otra parte de la secuencia del proceso en que est\u00e1 inmerso, solo hace falta que se mueva por esa <em>ruta de migas de pan<\/em>.<\/p>\n<p>Asimismo, objetos, funciones y opciones relevantes deben ser siempre visibles a los ojos del usuario.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Lenguaje_del_usuario\"><\/span>Lenguaje del usuario<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>El lenguaje elegido debe ser el empleado por el p\u00fablico objetivo de la empresa. Los t\u00e9rminos utilizados deben ser, adem\u00e1s de claros y un\u00edvocos, los que utilizan los clientes.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Simplicidad\"><\/span>Simplicidad<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>La regla de la simplicidad consiste en concentrarse en lo que es relevante. Nada de distraer al usuario. Y no es una buena idea agobiarlo con p\u00e1ginas sobrecargadas de informaci\u00f3n. Cuanto m\u00e1s simple sea la web, m\u00e1s probable es que el usuario consiga su objetivo, y que lo haga con rapidez y agilidad. Por tanto, la simplicidad es crucial para la efectividad y para la eficiencia.<\/p>\n<p>Gracias a la jerarqu\u00eda visual, el usuario ir\u00e1 primero a lo que le es m\u00e1s relevante. Asimismo, un buen flujo de pantallas ayudar\u00e1 al usuario a ir, a trav\u00e9s de clicks, de lo m\u00e1s general a lo m\u00e1s concreto.<\/p>\n<blockquote><p>\u00ab\u00bfQu\u00e9 necesita ver el usuario en la p\u00e1gina de inicio y en otras p\u00e1ginas? La idea importante es que todo lo que no le haga falta, entorpece y reduce la usabilidad web\u00bb<\/p><\/blockquote>\n<h2><span class=\"ez-toc-section\" id=\"Familiaridad\"><\/span>Familiaridad<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Los desarrolladores de una nueva web son conscientes de que los usuarios tienen una cultura de usabilidad web. Es probable que hayan navegado por decenas, centenares y miles de sitios web. Adem\u00e1s, seguro que, como resultado de esa experiencia, han adquirido una serie de inercias. As\u00ed que los creadores de un nuevo proyecto web no pueden pasarse de listos y romper todas las convenciones habidas y por haber. En este caso, la regla es intentar respetar las pautas de usabilidad web que todo el mundo da por sabidas.<\/p>\n<blockquote><p>\u00abEn los pa\u00edses occidentales, por ejemplo, el men\u00fa de una aplicaci\u00f3n web est\u00e1 arriba a la izquierda. Hay muchas normas no escritas que no puedes romper, porque te arriesgas a que el usuario se sienta perdido\u00bb<\/p><\/blockquote>\n<h2><span class=\"ez-toc-section\" id=\"Consistencia_para_optimizar_la_usabilidad_web\"><\/span>Consistencia para optimizar la usabilidad web<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>El uso de t\u00e9rminos, iconos y plantillas debe ser consistente en todas las partes de una web o de una aplicaci\u00f3n. Si vas cambiando de criterio, vas a causar confusi\u00f3n en el usuario. Cuando mantienes la consistencia, el usuario puede reutilizar una pauta de comportamiento una vez la ha adquirido.<\/p>\n<blockquote><p>\u00abSi una web recurre a diferentes palabras para una misma funci\u00f3n, esta web es inconsistente\u00bb<\/p><\/blockquote>\n<h2><span class=\"ez-toc-section\" id=\"%E2%80%98Feedback_directo_al_usuario\"><\/span>&#8216;Feedback&#8217; directo al usuario<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>El <em><strong>feedback<\/strong><\/em> es clave para la interacci\u00f3n en cualquier plataforma web. Desde el momento en que una persona interact\u00faa con la web, hay que asegurarse de avisarle del \u00e9xito o del fracaso de sus acciones.<\/p>\n<p>Pensemos en algunas acciones que necesitan <em>feedback<\/em> directo del sistema.<\/p>\n<ul>\n<li>Un proceso complejo est\u00e1 en marcha. \u00abHace falta el icono del <strong><em>spinner<\/em><\/strong>, cuyo movimiento indica al usuario que la web est\u00e1 <em>pensando<\/em> y <em>trabajando<\/em>. Si no hay manera de saber que la web est\u00e1 procesando, el usuario puede creer que la aplicaci\u00f3n se ha congelado o <em>colgado<\/em>\u00ab.<\/li>\n<li>Se guarda algo en el carrito de compra. \u00abEl usuario necesita un mensaje de confirmaci\u00f3n conforme se ha a\u00f1adido tal producto en el carrito\u00bb.<\/li>\n<li>Confirmaci\u00f3n de pago en tienda online. \u00abSi al finalizar el proceso de pago no te dicen nada, puede surgir la duda de si realmente se ha realizado la compra\u00bb.<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"Control_por_el_usuario\"><\/span>Control por el usuario<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>El usuario siempre debe tener control sobre todas las acciones. De esta manera, debe poder cancelar, pausar o retomar una acci\u00f3n m\u00e1s adelante. Asimismo, debe poder revertir una acci\u00f3n.<\/p>\n<p><a href=\"https:\/\/www.omatech.com\/blog\/wp-content\/uploads\/2022\/04\/usabilidad-movil.jpg\"><img decoding=\"async\" class=\"aligncenter wp-image-4429\" title=\"Reglas para la usabilidad web\" src=\"https:\/\/www.omatech.com\/blog\/wp-content\/uploads\/2022\/04\/usabilidad-movil-300x167.jpg\" alt=\"Reglas para la usabilidad web\" width=\"848\" height=\"472\" srcset=\"https:\/\/www.omatech.com\/blog\/wp-content\/uploads\/2022\/04\/usabilidad-movil-300x167.jpg 300w, https:\/\/www.omatech.com\/blog\/wp-content\/uploads\/2022\/04\/usabilidad-movil-1024x569.jpg 1024w, https:\/\/www.omatech.com\/blog\/wp-content\/uploads\/2022\/04\/usabilidad-movil-1536x853.jpg 1536w, https:\/\/www.omatech.com\/blog\/wp-content\/uploads\/2022\/04\/usabilidad-movil.jpg 1636w\" sizes=\"(max-width: 848px) 100vw, 848px\" \/><\/a><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Usabilidad_web_%C2%BFcuantos_clicks\"><\/span>Usabilidad web: \u00bfcu\u00e1ntos clicks?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u00abPara la usabilidad\u00bb, explica Saray Ju\u00e1rez, \u00abhay reglas que a veces vale la pena romper o que no funcionan para todos los casos. Por ejemplo, a nivel general, hacer menos clicks para completar un proceso es algo positivo. Pero si para ahorrarnos un click vamos a complicar la comprensi\u00f3n del flujo, no vale la pena aplicarlo\u00bb.<\/p>\n<p>\u00abAl final, cada caso es un mundo, y siempre se ha de poner en una balanza el coste-beneficio de cada decisi\u00f3n\u00bb.<\/p>\n<p>En el mundo del desarrollo web se habla de la <strong>regla de los tres clicks<\/strong>. Seg\u00fan Saray, mal aplicada, esta regla puede ser contraproducente. As\u00ed, se puede acabar con una navegaci\u00f3n muy poco intuitiva. El motivo es que los dise\u00f1adores han forzado que todo est\u00e9 al alcance del usuario con tan solo tres clicks.<\/p>\n<blockquote><p>\u00abMuchas veces vale la pena a\u00f1adir un click extra, porque es un click intuitivo. Si hay sobrecarga de links desordenados en las p\u00e1ginas, el usuario se puede sentir abrumado y no saber qu\u00e9 enlace usar\u00bb<\/p><\/blockquote>\n","protected":false},"excerpt":{"rendered":"<p>\u00bfQu\u00e9 reglas seguir para la usabilidad web? Describimos las principales pautas para conseguir la mejor usabilidad y experiencia de usuario.<\/p>\n","protected":false},"author":14,"featured_media":4678,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[110],"tags":[],"class_list":{"0":"post-4440","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-optimizacion"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>10 reglas para la usabilidad web<\/title>\n<meta name=\"description\" content=\"\u00bfQu\u00e9 reglas seguir para la usabilidad web? Describimos las principales pautas para conseguir la mejor usabilidad y experiencia 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:\/\/www.omatech.com\/blog\/2022\/07\/14\/10-reglas-para-la-usabilidad-web\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"10 reglas para la usabilidad web\" \/>\n<meta property=\"og:description\" content=\"\u00bfQu\u00e9 reglas seguir para la usabilidad web? Describimos las principales pautas para conseguir la mejor usabilidad y experiencia de usuario.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.omatech.com\/blog\/2022\/07\/14\/10-reglas-para-la-usabilidad-web\/\" \/>\n<meta property=\"og:site_name\" content=\"El blog de Omatech\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Omatech\" \/>\n<meta property=\"article:published_time\" content=\"2022-07-14T09:34:45+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-21T10:30:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.omatech.com\/blog\/wp-content\/uploads\/2022\/06\/digitalizacion-cliente-final.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1203\" \/>\n\t<meta property=\"og:image:height\" content=\"564\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Manel Torrej\u00f3n\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@omatech\" \/>\n<meta name=\"twitter:site\" content=\"@omatech\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Manel Torrej\u00f3n\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.omatech.com\\\/blog\\\/2022\\\/07\\\/14\\\/10-reglas-para-la-usabilidad-web\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.omatech.com\\\/blog\\\/2022\\\/07\\\/14\\\/10-reglas-para-la-usabilidad-web\\\/\"},\"author\":{\"name\":\"Manel Torrej\u00f3n\",\"@id\":\"https:\\\/\\\/www.omatech.com\\\/blog\\\/#\\\/schema\\\/person\\\/99206a7097a98e91305ee32d16c679fa\"},\"headline\":\"10 reglas para la usabilidad web\",\"datePublished\":\"2022-07-14T09:34:45+00:00\",\"dateModified\":\"2023-08-21T10:30:14+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.omatech.com\\\/blog\\\/2022\\\/07\\\/14\\\/10-reglas-para-la-usabilidad-web\\\/\"},\"wordCount\":1085,\"publisher\":{\"@id\":\"https:\\\/\\\/www.omatech.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.omatech.com\\\/blog\\\/2022\\\/07\\\/14\\\/10-reglas-para-la-usabilidad-web\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.omatech.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/digitalizacion-cliente-final.jpg\",\"articleSection\":[\"Optimizaci\u00f3n\"],\"inLanguage\":\"es\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.omatech.com\\\/blog\\\/2022\\\/07\\\/14\\\/10-reglas-para-la-usabilidad-web\\\/\",\"url\":\"https:\\\/\\\/www.omatech.com\\\/blog\\\/2022\\\/07\\\/14\\\/10-reglas-para-la-usabilidad-web\\\/\",\"name\":\"10 reglas para la usabilidad web\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.omatech.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.omatech.com\\\/blog\\\/2022\\\/07\\\/14\\\/10-reglas-para-la-usabilidad-web\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.omatech.com\\\/blog\\\/2022\\\/07\\\/14\\\/10-reglas-para-la-usabilidad-web\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.omatech.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/digitalizacion-cliente-final.jpg\",\"datePublished\":\"2022-07-14T09:34:45+00:00\",\"dateModified\":\"2023-08-21T10:30:14+00:00\",\"description\":\"\u00bfQu\u00e9 reglas seguir para la usabilidad web? Describimos las principales pautas para conseguir la mejor usabilidad y experiencia de usuario.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.omatech.com\\\/blog\\\/2022\\\/07\\\/14\\\/10-reglas-para-la-usabilidad-web\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.omatech.com\\\/blog\\\/2022\\\/07\\\/14\\\/10-reglas-para-la-usabilidad-web\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.omatech.com\\\/blog\\\/2022\\\/07\\\/14\\\/10-reglas-para-la-usabilidad-web\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.omatech.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/digitalizacion-cliente-final.jpg\",\"contentUrl\":\"https:\\\/\\\/www.omatech.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/digitalizacion-cliente-final.jpg\",\"width\":1203,\"height\":564},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.omatech.com\\\/blog\\\/2022\\\/07\\\/14\\\/10-reglas-para-la-usabilidad-web\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.omatech.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"10 reglas para la usabilidad web\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.omatech.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.omatech.com\\\/blog\\\/\",\"name\":\"El blog de Omatech\",\"description\":\"Blog\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.omatech.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.omatech.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.omatech.com\\\/blog\\\/#organization\",\"name\":\"Omatech\",\"url\":\"https:\\\/\\\/www.omatech.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.omatech.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.omatech.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/05\\\/logo_omatech_blog.png\",\"contentUrl\":\"https:\\\/\\\/www.omatech.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/05\\\/logo_omatech_blog.png\",\"width\":156,\"height\":33,\"caption\":\"Omatech\"},\"image\":{\"@id\":\"https:\\\/\\\/www.omatech.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/Omatech\",\"https:\\\/\\\/x.com\\\/omatech\",\"https:\\\/\\\/www.instagram.com\\\/omatech\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.omatech.com\\\/blog\\\/#\\\/schema\\\/person\\\/99206a7097a98e91305ee32d16c679fa\",\"name\":\"Manel Torrej\u00f3n\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/958dd2c5f7ea22a87e7ed5122aa16e36a1c09bcb0f7c974c26706f97141036d6?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/958dd2c5f7ea22a87e7ed5122aa16e36a1c09bcb0f7c974c26706f97141036d6?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/958dd2c5f7ea22a87e7ed5122aa16e36a1c09bcb0f7c974c26706f97141036d6?s=96&d=mm&r=g\",\"caption\":\"Manel Torrej\u00f3n\"},\"url\":\"https:\\\/\\\/www.omatech.com\\\/blog\\\/author\\\/mtorrejon\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"10 reglas para la usabilidad web","description":"\u00bfQu\u00e9 reglas seguir para la usabilidad web? Describimos las principales pautas para conseguir la mejor usabilidad y experiencia 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:\/\/www.omatech.com\/blog\/2022\/07\/14\/10-reglas-para-la-usabilidad-web\/","og_locale":"es_ES","og_type":"article","og_title":"10 reglas para la usabilidad web","og_description":"\u00bfQu\u00e9 reglas seguir para la usabilidad web? Describimos las principales pautas para conseguir la mejor usabilidad y experiencia de usuario.","og_url":"https:\/\/www.omatech.com\/blog\/2022\/07\/14\/10-reglas-para-la-usabilidad-web\/","og_site_name":"El blog de Omatech","article_publisher":"https:\/\/www.facebook.com\/Omatech","article_published_time":"2022-07-14T09:34:45+00:00","article_modified_time":"2023-08-21T10:30:14+00:00","og_image":[{"width":1203,"height":564,"url":"https:\/\/www.omatech.com\/blog\/wp-content\/uploads\/2022\/06\/digitalizacion-cliente-final.jpg","type":"image\/jpeg"}],"author":"Manel Torrej\u00f3n","twitter_card":"summary_large_image","twitter_creator":"@omatech","twitter_site":"@omatech","twitter_misc":{"Escrito por":"Manel Torrej\u00f3n","Tiempo de lectura":"6 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.omatech.com\/blog\/2022\/07\/14\/10-reglas-para-la-usabilidad-web\/#article","isPartOf":{"@id":"https:\/\/www.omatech.com\/blog\/2022\/07\/14\/10-reglas-para-la-usabilidad-web\/"},"author":{"name":"Manel Torrej\u00f3n","@id":"https:\/\/www.omatech.com\/blog\/#\/schema\/person\/99206a7097a98e91305ee32d16c679fa"},"headline":"10 reglas para la usabilidad web","datePublished":"2022-07-14T09:34:45+00:00","dateModified":"2023-08-21T10:30:14+00:00","mainEntityOfPage":{"@id":"https:\/\/www.omatech.com\/blog\/2022\/07\/14\/10-reglas-para-la-usabilidad-web\/"},"wordCount":1085,"publisher":{"@id":"https:\/\/www.omatech.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.omatech.com\/blog\/2022\/07\/14\/10-reglas-para-la-usabilidad-web\/#primaryimage"},"thumbnailUrl":"https:\/\/www.omatech.com\/blog\/wp-content\/uploads\/2022\/06\/digitalizacion-cliente-final.jpg","articleSection":["Optimizaci\u00f3n"],"inLanguage":"es"},{"@type":"WebPage","@id":"https:\/\/www.omatech.com\/blog\/2022\/07\/14\/10-reglas-para-la-usabilidad-web\/","url":"https:\/\/www.omatech.com\/blog\/2022\/07\/14\/10-reglas-para-la-usabilidad-web\/","name":"10 reglas para la usabilidad web","isPartOf":{"@id":"https:\/\/www.omatech.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.omatech.com\/blog\/2022\/07\/14\/10-reglas-para-la-usabilidad-web\/#primaryimage"},"image":{"@id":"https:\/\/www.omatech.com\/blog\/2022\/07\/14\/10-reglas-para-la-usabilidad-web\/#primaryimage"},"thumbnailUrl":"https:\/\/www.omatech.com\/blog\/wp-content\/uploads\/2022\/06\/digitalizacion-cliente-final.jpg","datePublished":"2022-07-14T09:34:45+00:00","dateModified":"2023-08-21T10:30:14+00:00","description":"\u00bfQu\u00e9 reglas seguir para la usabilidad web? Describimos las principales pautas para conseguir la mejor usabilidad y experiencia de usuario.","breadcrumb":{"@id":"https:\/\/www.omatech.com\/blog\/2022\/07\/14\/10-reglas-para-la-usabilidad-web\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.omatech.com\/blog\/2022\/07\/14\/10-reglas-para-la-usabilidad-web\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.omatech.com\/blog\/2022\/07\/14\/10-reglas-para-la-usabilidad-web\/#primaryimage","url":"https:\/\/www.omatech.com\/blog\/wp-content\/uploads\/2022\/06\/digitalizacion-cliente-final.jpg","contentUrl":"https:\/\/www.omatech.com\/blog\/wp-content\/uploads\/2022\/06\/digitalizacion-cliente-final.jpg","width":1203,"height":564},{"@type":"BreadcrumbList","@id":"https:\/\/www.omatech.com\/blog\/2022\/07\/14\/10-reglas-para-la-usabilidad-web\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.omatech.com\/blog\/"},{"@type":"ListItem","position":2,"name":"10 reglas para la usabilidad web"}]},{"@type":"WebSite","@id":"https:\/\/www.omatech.com\/blog\/#website","url":"https:\/\/www.omatech.com\/blog\/","name":"El blog de Omatech","description":"Blog","publisher":{"@id":"https:\/\/www.omatech.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.omatech.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/www.omatech.com\/blog\/#organization","name":"Omatech","url":"https:\/\/www.omatech.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.omatech.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.omatech.com\/blog\/wp-content\/uploads\/2022\/05\/logo_omatech_blog.png","contentUrl":"https:\/\/www.omatech.com\/blog\/wp-content\/uploads\/2022\/05\/logo_omatech_blog.png","width":156,"height":33,"caption":"Omatech"},"image":{"@id":"https:\/\/www.omatech.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Omatech","https:\/\/x.com\/omatech","https:\/\/www.instagram.com\/omatech\/"]},{"@type":"Person","@id":"https:\/\/www.omatech.com\/blog\/#\/schema\/person\/99206a7097a98e91305ee32d16c679fa","name":"Manel Torrej\u00f3n","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/958dd2c5f7ea22a87e7ed5122aa16e36a1c09bcb0f7c974c26706f97141036d6?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/958dd2c5f7ea22a87e7ed5122aa16e36a1c09bcb0f7c974c26706f97141036d6?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/958dd2c5f7ea22a87e7ed5122aa16e36a1c09bcb0f7c974c26706f97141036d6?s=96&d=mm&r=g","caption":"Manel Torrej\u00f3n"},"url":"https:\/\/www.omatech.com\/blog\/author\/mtorrejon\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.omatech.com\/blog\/wp-json\/wp\/v2\/posts\/4440","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.omatech.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.omatech.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.omatech.com\/blog\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/www.omatech.com\/blog\/wp-json\/wp\/v2\/comments?post=4440"}],"version-history":[{"count":12,"href":"https:\/\/www.omatech.com\/blog\/wp-json\/wp\/v2\/posts\/4440\/revisions"}],"predecessor-version":[{"id":5656,"href":"https:\/\/www.omatech.com\/blog\/wp-json\/wp\/v2\/posts\/4440\/revisions\/5656"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.omatech.com\/blog\/wp-json\/wp\/v2\/media\/4678"}],"wp:attachment":[{"href":"https:\/\/www.omatech.com\/blog\/wp-json\/wp\/v2\/media?parent=4440"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.omatech.com\/blog\/wp-json\/wp\/v2\/categories?post=4440"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.omatech.com\/blog\/wp-json\/wp\/v2\/tags?post=4440"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}