{"id":113,"date":"2022-06-17T22:13:20","date_gmt":"2022-06-17T22:13:20","guid":{"rendered":"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/?p=113"},"modified":"2025-11-12T17:24:54","modified_gmt":"2025-11-12T17:24:54","slug":"10-heuristicas-de-usabilidad-para-diseno-de-interfaces-de-usuario","status":"publish","type":"post","link":"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/?p=113","title":{"rendered":"10 heur\u00edsticas de usabilidad para dise\u00f1o de interfaces de usuario"},"content":{"rendered":"\n<p>Estas heur\u00edsticas fueron redactadas por Jakob Nielsen en el a\u00f1o 1994 con el nombre de los 10 principios generales para el dise\u00f1o de interacci\u00f3n. Son llamadas heur\u00edsticas porque son reglas generales y no gu\u00edas espec\u00edficas de usabilidad. Adem\u00e1s, han sido revisadas a trav\u00e9s de los a\u00f1os para actualizarlas. La m\u00e1s reciente actualizaci\u00f3n es del 15 de noviembre de 2020.<\/p>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">1. Visibilidad del estado del sistema<\/h2>\n\n\n\n<p><strong>El dise\u00f1o debe siempre mantener a los usuarios enterados de lo que est\u00e1 sucediendo, a trav\u00e9s de realimentaci\u00f3n apropiada y luego de un periodo de tiempo rasonable.<\/strong><\/p>\n\n\n\n<p>Cuando los usuarios conocen el estado del sistema, aprenden sobre los resultados de sus interacciones anteriores y determinan los pasos siguientes. Las interacciones predecibles crean confianza en el producto, as\u00ed como en la marca.<\/p>\n\n\n\n<p>Consejos:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Comunique con claridad a los usuarios el estado actual del sistema, ninguna acci\u00f3n con consecuencia a los usuarios debe ser tomada sin antes notificarse.<\/li>\n\n\n\n<li>Muestre la realimentaci\u00f3n a los usuarios lo antes posible, idealmente de forma inmediata.<\/li>\n\n\n\n<li>Construya la confianza a trav\u00e9s de la comunicaci\u00f3n cont\u00ednua.<\/li>\n<\/ul>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">2. Coincidencia entre el sistema y el mundo real<\/h2>\n\n\n\n<p><strong>El dise\u00f1o debe hablar el idioma del usuario. Utilice palabras, frases y conceptos familiares para el usuario, en lugar de jerga interna. Siga las convenciones del mundo real, haciendo la informaci\u00f3n aparecer de manera natural y l\u00f3gica.<\/strong><\/p>\n\n\n\n<p>La manera en que se debe dise\u00f1ar depende mucho de los usuarios espec\u00edficos. Los t\u00e9rminos, conceptos, \u00edconos e im\u00e1genes que parecen claros para el dise\u00f1ador y su equipo podr\u00edan no ser familiares o confusas para los usuarios. <\/p>\n\n\n\n<p>Cuando los controles de un dise\u00f1o sigue las convenciones del mundo real y se corresponde con los resultados esperados, es m\u00e1s f\u00e1cil para los usuarios aprender y recordar el funcionamiento de la interfaz. Esto ayuda a construir una experiencia que se sienta intuitiva.<\/p>\n\n\n\n<p>Consejos:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Aseg\u00farese de que los usuarios entiendan el significado sin la necesidad de ir a buscar la definici\u00f3n de una palabra<\/li>\n\n\n\n<li>Nunca asuma que su entendimiento de palabras y conceptos ser\u00e1 el mismo que el de los usuarios.<\/li>\n\n\n\n<li>La investigaci\u00f3n de usuarios le ayudar\u00e1 a descubrir los t\u00e9rminos familiares de sus usuarios, as\u00ed como sus modelos mentales alrededor de conceptos importantes.<\/li>\n<\/ul>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">3. La libertad y control del usuario<\/h2>\n\n\n\n<p><strong>Los usuarios con frecuencia cometen errores. Necesitan una \u00absalida de emergencia\u00bb claramente se\u00f1alada para corregir ese error sin la necesidad de un proceso extenso. <\/strong><\/p>\n\n\n\n<p>Cuando se le facilita a las personas regresarse de un proceso o deshacer una acci\u00f3n, se fomenta una sensaci\u00f3n de libertad y confianza. Las salidas le permiten a los usuarios mantener el control del sistema y evitar quedarse estancados y sentirse frustrados.<\/p>\n\n\n\n<p>Consejos:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Ofrezca la opci\u00f3n de deshacer y rehacer.<\/li>\n\n\n\n<li>Muestre de manera clara la salida de la interacci\u00f3n actual, como el bot\u00f3n de \u00abcancelar\u00bb.<\/li>\n\n\n\n<li>Aseg\u00farese de que la salida est\u00e1 claramente marcada y es f\u00e1cil de encontrar.<\/li>\n<\/ul>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">4. Consistencia y est\u00e1ndares<\/h2>\n\n\n\n<p><strong>Los usuarios no deber\u00edan tener que preguntarse si diferentes palabras, situaciones o acciones significan lo mismo. Siga las convenciones de la plataforma y la industria. <\/strong><\/p>\n\n\n\n<p>Los usuarios est\u00e1n la mayor cantidad del tiempo utilizando otros productos digitales diferentes al que se est\u00e1 dise\u00f1ando. La experiencia de los usuarios con esos productos define sus expectativas. Fallar en mantener la consistencia incrementar\u00e1 la carga cognitiva de los usuarios oblig\u00e1ndoles a tener que aprender algo nuevo. <\/p>\n\n\n\n<p>Consejos:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Mejore la capacidad de aprendizaje manteniendo ambos tipos de consistencia: interna y externa.<\/li>\n\n\n\n<li>Mantenga la consistencia dentro de un producto o en una familia de productos. Esto es la consistencia interna.<\/li>\n\n\n\n<li>Siga las convenciones de la industria establecidas. Esa es la consistencia externa.<\/li>\n<\/ul>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">5. Prevenci\u00f3n del error<\/h2>\n\n\n\n<p><strong>Los buenos mensajes de error son importantes, pero los mejores dise\u00f1os cuidadosamente previenen los problemas en primer lugar. Esto se logra ya sea, eliminando las condiciones propensas al error, como revisando y presentando una opci\u00f3n de confirmaci\u00f3n antes de iniciar determinada acci\u00f3n.<\/strong><\/p>\n\n\n\n<p>Hay dos tipos de error, los descuidos y las equivocaciones. Los descuidos son errores inconcientes causados por la falta de atenci\u00f3n. Las equivocaciones son errores concientes basados en una diferencia entre el modelo mental del usuario y el dise\u00f1o.<\/p>\n\n\n\n<p>Consejos:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Priorice su esfuerzo: prevenga los errores graves primero, luego las frustraciones.<\/li>\n\n\n\n<li>Evite los descuidos ofreciendo limitaciones y opciones por defecto correctas.<\/li>\n\n\n\n<li>Prevenga las equivocaciones al remover altas demandas a la memoria del usuario, ofreciendo la opci\u00f3n de deshacer y alertando a los usuarios.<\/li>\n<\/ul>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">6. Reconocer en lugar de recordar<\/h2>\n\n\n\n<p><strong>Minimice la carga de memoria en el usuario haciendo elementos, acciones y opciones visibles. El usuario no deber\u00eda tener que recordar informaci\u00f3n de una parte de la interfaz a otra. La informaci\u00f3n requerida para utilizar el dise\u00f1o deber\u00eda estar visible o ser f\u00e1cilmente reconocible cuando se necesite.<\/strong><\/p>\n\n\n\n<p>Los humanos tienen memoria de corta duraci\u00f3n limitada. Las interfaces que promueven el reconocimiento reducen la cantidad de esfuerzo cognitivo requerido en los usuarios. <\/p>\n\n\n\n<p>Consejos:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Permita que las personas reconozcan la informaci\u00f3n en la interfaz, en lugar de tener que recordarla.<\/li>\n\n\n\n<li>Ofrezca ayuda contextual, en lugar de darle a los usuarios un largo tutorial que memorizar.<\/li>\n\n\n\n<li>Reduzca la informaci\u00f3n que los usuarios deben recordar.<\/li>\n<\/ul>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">7. Flexibilidad y eficiencia en el uso<\/h2>\n\n\n\n<p><strong>Los atajos, que est\u00e1n ocultos de los usuarios principiantes, pueden acelerar la interacci\u00f3n de los usuarios expertos, al punto de ser un dise\u00f1o \u00fatil para ambos tipos de usuarios. Permita que los usuarios personalicen acciones frecuentes. <\/strong><\/p>\n\n\n\n<p>Los procesos flexibles pueden ser ejecutados de maneras diferentes, de tal forma que las personas puedan elegir el m\u00e9todo que le funcione mejor.<\/p>\n\n\n\n<p>Consejos:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Ofrezca aceleradores como atajos de teclado o gestos t\u00e1ctiles.<\/li>\n\n\n\n<li>Ofrezca personalizaci\u00f3n adaptando el contenido y las funciones a los usuarios individuales.<\/li>\n\n\n\n<li>Permita la personalizaci\u00f3n, para que los usuarios puedan seleccionar c\u00f3mo desean que funcione el producto.<\/li>\n<\/ul>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">8. Dise\u00f1o est\u00e9tico y minimalista. <\/h2>\n\n\n\n<p><strong>Las interfaces no deben contener informaci\u00f3n irrelevante o poco utilizada. Cada unidad de informaci\u00f3n extra en una interfaz compite con las unidades de informaci\u00f3n relevantes y disminuye su visibilidad.<\/strong><\/p>\n\n\n\n<p>Esta heur\u00edstica no significa que se debe utilizar un dise\u00f1o plano, es m\u00e1s bien acerca de mantener el contenido y el dise\u00f1o vidual enfocado en lo esencial. Aseg\u00farese que los elementos visuales de la interfaz apoyan las metas primarias.<\/p>\n\n\n\n<p>Consejos:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Mantenga el contenido y el dise\u00f1o visual de la interfaz de usuario enfocado en lo esencial.<\/li>\n\n\n\n<li>No permita que elementos innecesarios distraigan a los usuarios de la informaci\u00f3n que necesitan.<\/li>\n\n\n\n<li>Priorice el contenido y las funciones para apoyar las metas principales.<\/li>\n<\/ul>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">9. Ayude a los usuarios reconocer, diagnosticar y recuperarse de los errores<\/h2>\n\n\n\n<p><strong>Los mensajes de error deben expresarse en lenguaje sencillo, indicar el problema de forma precisa y ofrecer una soluci\u00f3n constructiva.<\/strong><\/p>\n\n\n\n<p>Estos mensajes de error deben tambi\u00e9n ser presentados con tratamientos visuales que ayuden a los usuarios a reconocerlos. <\/p>\n\n\n\n<p>Consejos:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Utilice recursos visuales tradicionales para los mensajes de error, como texto grueso y en color rojo. <\/li>\n\n\n\n<li>Comunique a los usuarios el error en lenguaje que puedan comprender, evite la jerga t\u00e9cnica.<\/li>\n\n\n\n<li>Ofrezca a los usuarios una soluci\u00f3n, como un atajo que permita resolver el error de forma inmediata.<\/li>\n<\/ul>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">10. Ayuda y documentaci\u00f3n<\/h2>\n\n\n\n<p><strong>Es mejor si el sistema no necesita ninguna explicaci\u00f3n adicional. Sin embargo, puede ser necesario ofrecer documentaci\u00f3n que ayude a los usuarios a entender c\u00f3mo terminar sus tareas.<\/strong><\/p>\n\n\n\n<p>El contenido de documentaci\u00f3n y ayuda debe ser f\u00e1cil de encontrar y estar enfocado en la tarea del usuario. Se debe mantener conciso y listar los pasos concretos que se necesitan para realizarlas.<\/p>\n\n\n\n<p>Consejos:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Aseg\u00farese de que la documentaci\u00f3n de ayuda es f\u00e1cil de buscar.<\/li>\n\n\n\n<li>Presente la documentaci\u00f3n en el contexto en que el usuario la necesita. <\/li>\n\n\n\n<li>Enliste los pasos concretos que se deben realizar. <\/li>\n<\/ul>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Referencias<\/h2>\n\n\n\n<p class=\"referencia\">Nielsen, J. (2022). 10 Usability Heuristics for User Interface Design. <a href=\"https:\/\/www.nngroup.com\/articles\/ten-usability-heuristics\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/www.nngroup.com\/articles\/ten-usability-heuristics\/<\/a><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Estas heur\u00edsticas fueron redactadas por Jakob Nielsen en el a\u00f1o 1994 con el nombre de los 10 principios generales para el dise\u00f1o de interacci\u00f3n. Son llamadas heur\u00edsticas porque son reglas generales y no gu\u00edas espec\u00edficas de usabilidad. Adem\u00e1s, han sido revisadas a trav\u00e9s de los a\u00f1os para actualizarlas. La m\u00e1s reciente actualizaci\u00f3n es del 15 [&hellip;]<\/p>\n","protected":false},"author":11,"featured_media":117,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[4,6],"tags":[27,25],"ppma_author":[39],"class_list":["post-113","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-produccion_academica","category-programacion","tag-recomendaciones","tag-textual"],"authors":[{"term_id":39,"user_id":11,"is_guest":0,"slug":"msanchezm","display_name":"Marco S\u00e1nchez","avatar_url":"https:\/\/secure.gravatar.com\/avatar\/7301029a06768b35074bcff6c169fcac2cbc58697bb71fbe014474714dfacff7?s=96&d=mm&r=g","0":null,"1":"","2":"","3":"","4":"","5":"","6":"","7":"","8":""}],"_links":{"self":[{"href":"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/index.php?rest_route=\/wp\/v2\/posts\/113","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/index.php?rest_route=\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=113"}],"version-history":[{"count":5,"href":"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/index.php?rest_route=\/wp\/v2\/posts\/113\/revisions"}],"predecessor-version":[{"id":1021,"href":"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/index.php?rest_route=\/wp\/v2\/posts\/113\/revisions\/1021"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/index.php?rest_route=\/wp\/v2\/media\/117"}],"wp:attachment":[{"href":"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=113"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=113"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=113"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/index.php?rest_route=%2Fwp%2Fv2%2Fppma_author&post=113"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}