{"id":2397,"date":"2012-10-04T21:45:16","date_gmt":"2012-10-04T19:45:16","guid":{"rendered":"http:\/\/www.4webs.es\/blog\/?p=2397"},"modified":"2017-11-21T09:39:55","modified_gmt":"2017-11-21T08:39:55","slug":"principios-clave-usabilidad-en-diseno-web","status":"publish","type":"post","link":"https:\/\/www.4webs.es\/blog\/principios-clave-usabilidad-en-diseno-web","title":{"rendered":"Principios clave de usabilidad en dise\u00f1o web"},"content":{"rendered":"<div class=\"row\"><div class=\"col-md-11 content-article\"><p>&nbsp;<\/p>\n<p>La semana pasada os habl\u00e1bamos sobre los <a  href=\"https:\/\/www.4webs.es\/blog\/conceptos-basico-de-usabilidad\">principios b\u00e1sicos de usabilidad<\/a>, hoy os hablaremos en que se basan estos principios. Un principio b\u00e1sico es una soluci\u00f3n posible a un problema de dise\u00f1o que permite definir y mostrar el comportamiento de la p\u00e1gina web y proporcionar\u00e1 a los usuarios la capacidad de interactuar con \u00e9xito.<\/p>\n<p>Las p\u00e1ginas web deben estar enfocadas y centradas totalmente en el usuario, para poder comprobar que las web son usables existen una serie de procesos o uso Heur\u00edsticos (procesos para resolver problemas) que nos ayudar\u00e1n a dise\u00f1ar y corregir posibles problemas que puede tener el usuario a la hora de navegar la web.<\/p>\n<h2>Factores de la usabilidad<\/h2>\n<p>Aunque en otro art\u00edculo hablaremos m\u00e1s a fondo de los diferentes pasos a la hora de dise\u00f1ar una p\u00e1gina o t\u00e9cnicas de medici\u00f3n que podemos usar, es importante que tengamos claros los principios clave de la usabilidad:<\/p>\n<ul>\n<li><strong>Coherencia<\/strong>: Toda p\u00e1gina web debe ser coherente desde el punto de vista gr\u00e1fico e interactivo, esto quiere decir que todas las p\u00e1ginas internas deber\u00edan tener unas jerarqu\u00edas de la organizaci\u00f3n similar (footer, header,etc) y que comparta por supuesto similitudes gr\u00e1ficas.<\/li>\n<li><strong>Interacci\u00f3n<\/strong>: Todo dise\u00f1o web debe ser predecible, visible y reversible. Toda acci\u00f3n que haya en la web deber\u00e1 implicar un cambio en la pantalla o avisar de un cambio de estado. Debemos mostrar y marcar los enlaces correctamente para que el usuario sepa en todo momento que hay una interacci\u00f3n y si adem\u00e1s podemos mostrar parte de la informaci\u00f3n de destino , ser\u00eda lo ideal. Y sobre todo nunca llevar a los usuarios a callejones sin salida.<\/li>\n<li><strong>Comunicaci\u00f3n y retroalimentaci\u00f3n<\/strong>: Hemos de ayudar a nuestros usuarios a encontrar la informaci\u00f3n en la p\u00e1gina web, indicarles en todo momento donde se encuentran y donde pueden llegar, en definitiva que exista retroalimentaci\u00f3n.<\/li>\n<li><strong>Control<\/strong>: El usuario debe tener en todo momento la iniciativa para poder elegir el destino o acci\u00f3n a realizar, por ejemplo personalizar productos en una tienda online, o la forma de mostrar los productos orden\u00e1ndolos por diferentes criterios, en definitiva que sea el usuario el que elija que hacer en todo momento.<\/li>\n<li><strong>Opciones<\/strong>: Debemos ofrecer a los usuarios diferentes caminos para llegar a la informaci\u00f3n que est\u00e1n buscando, por ejemplo, para llegar a un producto en una tienda online, podr\u00edamos llegar a trav\u00e9s de la home, a trav\u00e9s del men\u00fa de categor\u00edas o a trav\u00e9s del buscador de la <a  href=\"https:\/\/www.4webs.es\/\">p\u00e1gina web<\/a>. Los interfaces flexibles se pueden adaptar a una amplia gama de capacidades del usuario.<\/li>\n<\/ul>\n<p>Espero que os resulte interesante esta nueva secci\u00f3n que hemos a\u00f1adido a nuestro blog, ya que creemos que es la base fundamental para empezar un dise\u00f1o o un desarrollo de una p\u00e1gina web.<\/p>\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Un principio b\u00e1sico es una soluci\u00f3n posible a un problema de dise\u00f1o que permite definir y mostrar el comportamiento de la p\u00e1gina web y proporcionar\u00e1 a los usuarios la capacidad de interactuar con \u00e9xito.<\/p>\n","protected":false},"author":1,"featured_media":2398,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":{"0":"post-2397","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-diseno-web"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Principios clave de usabilidad en dise\u00f1o web | 4webs.es<\/title>\n<meta name=\"description\" content=\"Un principio b\u00e1sico es una soluci\u00f3n posible a un problema de dise\u00f1o que permite definir y mostrar el comportamiento de la p\u00e1gina web y proporcionar\u00e1 a los usuarios la capacidad de interactuar con \u00e9xito.\" \/>\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.4webs.es\/blog\/principios-clave-usabilidad-en-diseno-web\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Principios clave de usabilidad en dise\u00f1o web | 4webs.es\" \/>\n<meta property=\"og:description\" content=\"Un principio b\u00e1sico es una soluci\u00f3n posible a un problema de dise\u00f1o que permite definir y mostrar el comportamiento de la p\u00e1gina web y proporcionar\u00e1 a los usuarios la capacidad de interactuar con \u00e9xito.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.4webs.es\/blog\/principios-clave-usabilidad-en-diseno-web\" \/>\n<meta property=\"og:site_name\" content=\"4webs\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/4webs\" \/>\n<meta property=\"article:published_time\" content=\"2012-10-04T19:45:16+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-11-21T08:39:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2012\/10\/diseno-web-usabilidad.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"603\" \/>\n\t<meta property=\"og:image:height\" content=\"271\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Pablo Risue\u00f1o\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@4webs\" \/>\n<meta name=\"twitter:site\" content=\"@4webs\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Pablo Risue\u00f1o\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/principios-clave-usabilidad-en-diseno-web#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/principios-clave-usabilidad-en-diseno-web\"},\"author\":{\"name\":\"Pablo Risue\u00f1o\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/#\\\/schema\\\/person\\\/fc07e8cecb1e51ce56b131a1eb0b3048\"},\"headline\":\"Principios clave de usabilidad en dise\u00f1o web\",\"datePublished\":\"2012-10-04T19:45:16+00:00\",\"dateModified\":\"2017-11-21T08:39:55+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/principios-clave-usabilidad-en-diseno-web\"},\"wordCount\":504,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/principios-clave-usabilidad-en-diseno-web#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/diseno-web-usabilidad.jpg\",\"articleSection\":[\"Dise\u00f1o web\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.4webs.es\\\/blog\\\/principios-clave-usabilidad-en-diseno-web#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/principios-clave-usabilidad-en-diseno-web\",\"url\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/principios-clave-usabilidad-en-diseno-web\",\"name\":\"Principios clave de usabilidad en dise\u00f1o web | 4webs.es\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/principios-clave-usabilidad-en-diseno-web#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/principios-clave-usabilidad-en-diseno-web#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/diseno-web-usabilidad.jpg\",\"datePublished\":\"2012-10-04T19:45:16+00:00\",\"dateModified\":\"2017-11-21T08:39:55+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/#\\\/schema\\\/person\\\/fc07e8cecb1e51ce56b131a1eb0b3048\"},\"description\":\"Un principio b\u00e1sico es una soluci\u00f3n posible a un problema de dise\u00f1o que permite definir y mostrar el comportamiento de la p\u00e1gina web y proporcionar\u00e1 a los usuarios la capacidad de interactuar con \u00e9xito.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/principios-clave-usabilidad-en-diseno-web#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.4webs.es\\\/blog\\\/principios-clave-usabilidad-en-diseno-web\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/principios-clave-usabilidad-en-diseno-web#primaryimage\",\"url\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/diseno-web-usabilidad.jpg\",\"contentUrl\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/diseno-web-usabilidad.jpg\",\"width\":603,\"height\":271},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/principios-clave-usabilidad-en-diseno-web#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.4webs.es\\\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Principios clave de usabilidad en dise\u00f1o web\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/\",\"name\":\"4webs\",\"description\":\"Desarrollo con Prestashop, gesti\u00f3n de proyectos ecommerce\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/#\\\/schema\\\/person\\\/fc07e8cecb1e51ce56b131a1eb0b3048\",\"name\":\"Pablo Risue\u00f1o\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/6938f7637a533914c144759f6249310d5f8fdef83738a4641b2d151a17c19f97?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/6938f7637a533914c144759f6249310d5f8fdef83738a4641b2d151a17c19f97?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/6938f7637a533914c144759f6249310d5f8fdef83738a4641b2d151a17c19f97?s=96&d=mm&r=g\",\"caption\":\"Pablo Risue\u00f1o\"},\"sameAs\":[\"http:\\\/\\\/www.4webs.es\"],\"url\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/author\\\/admin\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Principios clave de usabilidad en dise\u00f1o web | 4webs.es","description":"Un principio b\u00e1sico es una soluci\u00f3n posible a un problema de dise\u00f1o que permite definir y mostrar el comportamiento de la p\u00e1gina web y proporcionar\u00e1 a los usuarios la capacidad de interactuar con \u00e9xito.","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.4webs.es\/blog\/principios-clave-usabilidad-en-diseno-web","og_locale":"es_ES","og_type":"article","og_title":"Principios clave de usabilidad en dise\u00f1o web | 4webs.es","og_description":"Un principio b\u00e1sico es una soluci\u00f3n posible a un problema de dise\u00f1o que permite definir y mostrar el comportamiento de la p\u00e1gina web y proporcionar\u00e1 a los usuarios la capacidad de interactuar con \u00e9xito.","og_url":"https:\/\/www.4webs.es\/blog\/principios-clave-usabilidad-en-diseno-web","og_site_name":"4webs","article_publisher":"https:\/\/www.facebook.com\/4webs","article_published_time":"2012-10-04T19:45:16+00:00","article_modified_time":"2017-11-21T08:39:55+00:00","og_image":[{"width":603,"height":271,"url":"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2012\/10\/diseno-web-usabilidad.jpg","type":"image\/jpeg"}],"author":"Pablo Risue\u00f1o","twitter_card":"summary_large_image","twitter_creator":"@4webs","twitter_site":"@4webs","twitter_misc":{"Escrito por":"Pablo Risue\u00f1o","Tiempo de lectura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.4webs.es\/blog\/principios-clave-usabilidad-en-diseno-web#article","isPartOf":{"@id":"https:\/\/www.4webs.es\/blog\/principios-clave-usabilidad-en-diseno-web"},"author":{"name":"Pablo Risue\u00f1o","@id":"https:\/\/www.4webs.es\/blog\/#\/schema\/person\/fc07e8cecb1e51ce56b131a1eb0b3048"},"headline":"Principios clave de usabilidad en dise\u00f1o web","datePublished":"2012-10-04T19:45:16+00:00","dateModified":"2017-11-21T08:39:55+00:00","mainEntityOfPage":{"@id":"https:\/\/www.4webs.es\/blog\/principios-clave-usabilidad-en-diseno-web"},"wordCount":504,"commentCount":0,"image":{"@id":"https:\/\/www.4webs.es\/blog\/principios-clave-usabilidad-en-diseno-web#primaryimage"},"thumbnailUrl":"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2012\/10\/diseno-web-usabilidad.jpg","articleSection":["Dise\u00f1o web"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.4webs.es\/blog\/principios-clave-usabilidad-en-diseno-web#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.4webs.es\/blog\/principios-clave-usabilidad-en-diseno-web","url":"https:\/\/www.4webs.es\/blog\/principios-clave-usabilidad-en-diseno-web","name":"Principios clave de usabilidad en dise\u00f1o web | 4webs.es","isPartOf":{"@id":"https:\/\/www.4webs.es\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.4webs.es\/blog\/principios-clave-usabilidad-en-diseno-web#primaryimage"},"image":{"@id":"https:\/\/www.4webs.es\/blog\/principios-clave-usabilidad-en-diseno-web#primaryimage"},"thumbnailUrl":"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2012\/10\/diseno-web-usabilidad.jpg","datePublished":"2012-10-04T19:45:16+00:00","dateModified":"2017-11-21T08:39:55+00:00","author":{"@id":"https:\/\/www.4webs.es\/blog\/#\/schema\/person\/fc07e8cecb1e51ce56b131a1eb0b3048"},"description":"Un principio b\u00e1sico es una soluci\u00f3n posible a un problema de dise\u00f1o que permite definir y mostrar el comportamiento de la p\u00e1gina web y proporcionar\u00e1 a los usuarios la capacidad de interactuar con \u00e9xito.","breadcrumb":{"@id":"https:\/\/www.4webs.es\/blog\/principios-clave-usabilidad-en-diseno-web#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.4webs.es\/blog\/principios-clave-usabilidad-en-diseno-web"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.4webs.es\/blog\/principios-clave-usabilidad-en-diseno-web#primaryimage","url":"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2012\/10\/diseno-web-usabilidad.jpg","contentUrl":"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2012\/10\/diseno-web-usabilidad.jpg","width":603,"height":271},{"@type":"BreadcrumbList","@id":"https:\/\/www.4webs.es\/blog\/principios-clave-usabilidad-en-diseno-web#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.4webs.es\/blog"},{"@type":"ListItem","position":2,"name":"Principios clave de usabilidad en dise\u00f1o web"}]},{"@type":"WebSite","@id":"https:\/\/www.4webs.es\/blog\/#website","url":"https:\/\/www.4webs.es\/blog\/","name":"4webs","description":"Desarrollo con Prestashop, gesti\u00f3n de proyectos ecommerce","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.4webs.es\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.4webs.es\/blog\/#\/schema\/person\/fc07e8cecb1e51ce56b131a1eb0b3048","name":"Pablo Risue\u00f1o","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/6938f7637a533914c144759f6249310d5f8fdef83738a4641b2d151a17c19f97?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/6938f7637a533914c144759f6249310d5f8fdef83738a4641b2d151a17c19f97?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6938f7637a533914c144759f6249310d5f8fdef83738a4641b2d151a17c19f97?s=96&d=mm&r=g","caption":"Pablo Risue\u00f1o"},"sameAs":["http:\/\/www.4webs.es"],"url":"https:\/\/www.4webs.es\/blog\/author\/admin"}]}},"_links":{"self":[{"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/posts\/2397","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/comments?post=2397"}],"version-history":[{"count":4,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/posts\/2397\/revisions"}],"predecessor-version":[{"id":8662,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/posts\/2397\/revisions\/8662"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/media\/2398"}],"wp:attachment":[{"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/media?parent=2397"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/categories?post=2397"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/tags?post=2397"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}