{"id":21335,"date":"2016-06-21T17:43:41","date_gmt":"2016-06-21T15:43:41","guid":{"rendered":"https:\/\/www.ramonramon.org\/blog\/?p=21335"},"modified":"2016-06-21T17:43:41","modified_gmt":"2016-06-21T15:43:41","slug":"jakob-nielsen-modelo-usabilidad","status":"publish","type":"post","link":"https:\/\/ramonramon.org\/blog\/2016\/06\/21\/jakob-nielsen-modelo-usabilidad\/","title":{"rendered":"Usabilidad: 10 heur\u00edsticas de Nielsen"},"content":{"rendered":"<p style=\"text-align: justify;\">Hoy en d\u00eda estamos tan acostumbrados a navegar entre sitios web que muchas veces no nos percatamos de la la facilidad o sencillez con la que utilizamos esa herramienta y es ah\u00ed donde entra la usabilidad web.<\/p>\n<h2 style=\"text-align: justify;\"><strong>\u00bfQu\u00e9 es la Usabilidad Web?<\/strong><\/h2>\n<p style=\"text-align: justify;\">Seg\u00fan <a href=\"https:\/\/es.wikipedia.org\/wiki\/Usabilidad\">Wikipedia<\/a>: La usabilidad es la facilidad con la que las personas utilizan una herramienta u otro objeto creado por humanos para conseguir un objetivo concreto.<\/p>\n<p style=\"text-align: justify;\">Para entender un poco m\u00e1s este tema vamos a presentar a una de las personas m\u00e1s respetadas en el \u00e1mbito de la Usabilidad: <a href=\"https:\/\/es.wikipedia.org\/wiki\/Jakob_Nielsen\">Jakob Nielsen<\/a><\/p>\n<p style=\"text-align: justify;\">\u00c9ste se\u00f1or es ingeniero de interfaces y se hizo famoso al escribir art\u00edculos como los que os presento a continuaci\u00f3n:<\/p>\n<ul style=\"text-align: justify;\">\n<li><a href=\"https:\/\/www.nngroup.com\/articles\/be-succinct-writing-for-the-web\/\">\u00a1Sea breve! (escribir para la web)<\/a><\/li>\n<li><a href=\"https:\/\/www.nngroup.com\/articles\/how-users-read-on-the-web\/\">C\u00f3mo leen los usuarios en la web<\/a><\/li>\n<\/ul>\n<p style=\"text-align: justify;\">Sin embargo lo que realmente lo catapult\u00f3 a la \u00abfama\u00bb fu\u00e9 una serie de Heur\u00edsticas que redact\u00f3 para que dise\u00f1adores y desarrolladores pudieran testear sus interfaces y comprobar si de verdad estaban optimizadas.<\/p>\n<h2 style=\"text-align: justify;\"><strong>Las 10 Heur\u00edsticas de Nielsen<\/strong><\/h2>\n<ol style=\"text-align: justify;\">\n<li><strong>Visibilidad del estado del sistema:<\/strong>\n<ul>\n<li>Nielsen propone que todo sistema debe realizar un feedback (o retroalimentaci\u00f3n) constante con el usuario para que \u00e9ste siempre sepa qu\u00e9 est\u00e1 pasando, as\u00ed si rellenamos un formulario, deber\u00eda salir alguna notificaci\u00f3n avisando de que se ha enviado correctamente o de que hay alg\u00fan error en alg\u00fan campo (por poner un ejemplo).<\/li>\n<\/ul>\n<\/li>\n<li><strong>Utilizar el mismo lenguaje que el usuario<\/strong>\n<ul>\n<li>Para que todo sistema sea \u00abusable\u00bb debe proponerle un lenguaje conocido al usuario, con palabras y t\u00e9rminos que le sean conocidos. Esto tiene facil soluci\u00f3n si la relacionamos\u00a0con la heur\u00edstica n\u00famero 10 que veremos m\u00e1s adelante.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Control y libertad para el usuario<\/strong>\n<ul>\n<li>Sabemos que un sitio web nace con el objetivo de ser utilizado por personas de todos los tipos, por lo tanto, debemos adaptar el sistema para que sea totalmente controlado por los usuarios. De \u00e9sta forma, si un usuario realiza una acci\u00f3n por error el sistema debe ser capaz de dar opciones de deshacer o rehacer de forma que el usuario nunca pierda el control total del sistema.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Consistencia y est\u00e1ndares<\/strong>\n<ul>\n<li>\u00c9ste punto tiene mucho que ver con el n\u00famero 2, el usuario debe ser capaz de entender el significado de las palabras, acciones o situaciones del sistema de acuerdo a los est\u00e1ndares de la plataforma.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Prevenci\u00f3n de errores<\/strong>\n<ul>\n<li>El sistema debe ser capaz de prevenir los errores antes que mostrar mensajes \u00abbonitos\u00bb de error. El sistema debe ser capaz de solucionar los errores con anterioridad antes de que el usuario se encuentre con alg\u00fan mensaje indicando que \u00abalgo ha fallado\u00bb<\/li>\n<\/ul>\n<\/li>\n<li><strong>Minimizar la carga de memoria del usuario<\/strong>\n<ul>\n<li>Debemos entender que el usuario no est\u00e1 para memorizar ni perder tiempo recordando la informaci\u00f3n que el sistema le propone, por tanto el sistema debe ser capaz de minimizar esa carga a trav\u00e9s de objetos o im\u00e1genes que faciliten al usuario aunque lo recomendable es que el sistema le propona siempre unas peque\u00f1as instrucciones al usuario de todo lo que est\u00e1 pasando y lo que debe hacer en cada momento.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Flexibilidad y eficiencia de uso<\/strong>\n<ul>\n<li>El sistema debe ser flexible para todo tipo de usuarios, tanto para los m\u00e1s expertos como para los reci\u00e9n llegados. El sistema debe reconocer al tipo de usuario y dejar que \u00e9ste personalice su experiencia de uso.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Di\u00e1logos est\u00e9ticos y dise\u00f1o minimalista<\/strong>\n<ul>\n<li>El sistema debe ser capaz de aportar la m\u00ednima informaci\u00f3n relevante para el usuario sin que \u00e9ste \u00faltimo pierda de vista el contenido m\u00e1s importante del sitio web. Para ello lo que se propone es que \u00e9ste tipo de informaci\u00f3n no tenga un dise\u00f1o resaltado ni que destaque demasiado, debe ser lo m\u00e1s minimalista y sencillo posible para que el usuario no se pierda entre tanta informaci\u00f3n.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Ayudar a los usuarios a reconocer, diagnosticar y recuperarse de los errores<\/strong>\n<ul>\n<li>Para que el usuario pueda solucionar los errores del sistema \u00e9ste debe ser capaz de expresarlos en un lenguaje que el usuario reconozca, aportando la informaci\u00f3n m\u00e1s importante sobre lo que ha ocurrido y proponiendo alg\u00fan tipo de soluci\u00f3n (si la hubiera).<\/li>\n<\/ul>\n<\/li>\n<li><strong>Ayuda y documentaci\u00f3n<\/strong>\n<ul>\n<li>A pesar de que lo recomendable es que no se necesite una documentaci\u00f3n habr\u00e1 casos en los que s\u00ed haga falta, por tanto la documentaci\u00f3n debe estar ubicada en un lugar de f\u00e1cil acceso para el usuario, escrita en un lenguaje que conozca y a ser posible que no sea muy extensa. Quiz\u00e1s una alternativa a la documentaci\u00f3n, dependiendo de los casos, sea una p\u00e1gina dedicada exclusivamente a \u00abPreguntas frecuentes\u00bb<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<p style=\"text-align: justify;\">Para terminar, si eres desarrollador\/dise\u00f1ador o simplemente quieres poner en pr\u00e1ctica todo lo que acabo de contarte est\u00e1s de suerte.\u00a0Te presento <a href=\"http:\/\/www.uxcheck.co\/\">UX Check<\/a><\/p>\n<p style=\"text-align: justify;\">UX Check es un <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/ux-check\/giekhiebdpmljgchjojblnekkcgpdobp\">plugin para el navegador Google Chrome<\/a>\u00a0que nos permite realizar un an\u00e1lisis de usabilidad de nuestro sistema, para ello basta con instalarlo en nuestro navegador y nos aparecer\u00e1 un icono en nuestra barra de complementos tal que as\u00ed:<\/p>\n<figure id=\"attachment_21336\" aria-describedby=\"caption-attachment-21336\" style=\"width: 536px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-21336 size-full\" src=\"https:\/\/www.ramonramon.org\/blog\/wp-content\/uploads\/barracomplementos.png\" alt=\"barracomplementos\" width=\"536\" height=\"31\" srcset=\"https:\/\/ramonramon.org\/blog\/wp-content\/uploads\/barracomplementos.png 536w, https:\/\/ramonramon.org\/blog\/wp-content\/uploads\/barracomplementos-250x14.png 250w\" sizes=\"auto, (max-width: 536px) 100vw, 536px\" \/><figcaption id=\"caption-attachment-21336\" class=\"wp-caption-text\">barra-complementos<\/figcaption><\/figure>\n<p style=\"text-align: justify;\">Para utilizarlo no tenemos m\u00e1s que hacer click en el icono UX y se nos abrir\u00e1 en el lado izquierdo todas las heur\u00edsticas de Nielsen.<\/p>\n<figure id=\"attachment_21337\" aria-describedby=\"caption-attachment-21337\" style=\"width: 850px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-21337 size-medium\" src=\"https:\/\/www.ramonramon.org\/blog\/wp-content\/uploads\/plugin1-850x478.png\" alt=\"plugin1\" width=\"850\" height=\"478\" srcset=\"https:\/\/ramonramon.org\/blog\/wp-content\/uploads\/plugin1-850x478.png 850w, https:\/\/ramonramon.org\/blog\/wp-content\/uploads\/plugin1-1200x675.png 1200w\" sizes=\"auto, (max-width: 850px) 100vw, 850px\" \/><figcaption id=\"caption-attachment-21337\" class=\"wp-caption-text\">interfaz-plugin<\/figcaption><\/figure>\n<p style=\"text-align: justify;\">Para poder utilizar el plugin basta con pinchar en alg\u00fan lado de la web que queramos analizar y se nos abrir\u00e1 una peque\u00f1a ventana de informaci\u00f3n que debemos rellenar:<\/p>\n<figure id=\"attachment_21339\" aria-describedby=\"caption-attachment-21339\" style=\"width: 850px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-21339 size-medium\" src=\"https:\/\/www.ramonramon.org\/blog\/wp-content\/uploads\/plugin2-850x478.png\" alt=\"plugin2\" width=\"850\" height=\"478\" \/><figcaption id=\"caption-attachment-21339\" class=\"wp-caption-text\">plugin-interfaz-activa<\/figcaption><\/figure>\n<p style=\"text-align: justify;\">A primera vista tenemos todo lo necesario para realizar la evaluaci\u00f3n:<\/p>\n<ul style=\"text-align: justify;\">\n<li>Nombre de la heur\u00edstica que estemos analizando<\/li>\n<li>Gravedad<\/li>\n<li>Notas<\/li>\n<li>Recomendaci\u00f3n<\/li>\n<\/ul>\n<p style=\"text-align: justify;\">Con esto ya tendr\u00edamos una idea bastante clara de la importancia de la usabilidad en los sitios web, es un aspecto clave que puede definir el \u00e9xito o fracaso de un proyecto junto con la experiencia de usuario o la anal\u00edtica web.<\/p>\n<p style=\"text-align: justify;\">Si conoc\u00e9is alg\u00fan otro plugin o herramienta estar\u00e9 encantado de escuchar vuestras opiniones,<\/p>\n<p style=\"text-align: justify;\">Hasta el pr\u00f3ximo post, @evelascosilva<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hoy en d\u00eda estamos tan acostumbrados a navegar entre sitios web que muchas veces no nos percatamos de la la facilidad o sencillez con la que utilizamos esa herramienta y es ah\u00ed donde entra la usabilidad web. \u00bfQu\u00e9 es la Usabilidad Web? Seg\u00fan Wikipedia: La usabilidad es la facilidad con la que las personas utilizan&hellip;&nbsp;<a href=\"https:\/\/ramonramon.org\/blog\/2016\/06\/21\/jakob-nielsen-modelo-usabilidad\/\" rel=\"bookmark\">Leer m\u00e1s &raquo;<span class=\"screen-reader-text\">Usabilidad: 10 heur\u00edsticas de Nielsen<\/span><\/a><\/p>\n","protected":false},"author":2196,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"categories":[24],"tags":[],"class_list":["post-21335","post","type-post","status-publish","format-standard","hentry","category-redes-sociales"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/ramonramon.org\/blog\/wp-json\/wp\/v2\/posts\/21335","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ramonramon.org\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ramonramon.org\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ramonramon.org\/blog\/wp-json\/wp\/v2\/users\/2196"}],"replies":[{"embeddable":true,"href":"https:\/\/ramonramon.org\/blog\/wp-json\/wp\/v2\/comments?post=21335"}],"version-history":[{"count":0,"href":"https:\/\/ramonramon.org\/blog\/wp-json\/wp\/v2\/posts\/21335\/revisions"}],"wp:attachment":[{"href":"https:\/\/ramonramon.org\/blog\/wp-json\/wp\/v2\/media?parent=21335"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ramonramon.org\/blog\/wp-json\/wp\/v2\/categories?post=21335"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ramonramon.org\/blog\/wp-json\/wp\/v2\/tags?post=21335"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}