{"id":7778,"date":"2021-09-13T18:08:20","date_gmt":"2021-09-13T21:08:20","guid":{"rendered":"http:\/\/cl.abstracta.us\/blog\/?p=7778"},"modified":"2024-02-15T17:23:07","modified_gmt":"2024-02-15T20:23:07","slug":"pruebas-usabilidad-desde-mirada-testing","status":"publish","type":"post","link":"https:\/\/es.abstracta.us\/blog\/pruebas-usabilidad-desde-mirada-testing\/","title":{"rendered":"Pruebas de usabilidad desde la mirada del testing de software"},"content":{"rendered":"\n<h3 class=\"wp-block-heading\"><strong>El testing se ha expandido a evaluar otras \u00e1reas: ya no solo probar las funcionalidades de una aplicaci\u00f3n, tambi\u00e9n impacta en c\u00f3mo mejorar la misma. La usabilidad es una de estas \u00e1reas en donde como testers podemos aportar mucho.<\/strong><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/cl.abstracta.us\/wp-content\/uploads\/2022\/11\/pruebas-usabilidad-ux-ui-software-1024x683.jpg\" alt=\"\" class=\"wp-image-13500\" srcset=\"https:\/\/es.abstracta.us\/wp-content\/uploads\/2022\/11\/pruebas-usabilidad-ux-ui-software-1024x683.jpg 1024w, https:\/\/es.abstracta.us\/wp-content\/uploads\/2022\/11\/pruebas-usabilidad-ux-ui-software-300x200.jpg 300w, https:\/\/es.abstracta.us\/wp-content\/uploads\/2022\/11\/pruebas-usabilidad-ux-ui-software-768x512.jpg 768w, https:\/\/es.abstracta.us\/wp-content\/uploads\/2022\/11\/pruebas-usabilidad-ux-ui-software-1536x1024.jpg 1536w, https:\/\/es.abstracta.us\/wp-content\/uploads\/2022\/11\/pruebas-usabilidad-ux-ui-software-18x12.jpg 18w, https:\/\/es.abstracta.us\/wp-content\/uploads\/2022\/11\/pruebas-usabilidad-ux-ui-software.jpg 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em>Foto de UX Indonesia en Unsplash<\/em><\/figcaption><\/figure>\n\n\n\n<p>El \u00e9xito final de una aplicaci\u00f3n radica en que funcione impecablemente y su dise\u00f1o sea amigable. Esto hace que junto a las pruebas funcionales, las pruebas de usabilidad sean una herramienta fundamental para corregir y mejorar las aplicaciones, entender c\u00f3mo interact\u00faan los usuarios con ellas y qu\u00e9 tan f\u00e1cil les resulta usarlas.&nbsp;<\/p>\n\n\n\n<p>En primer lugar, explicaremos en qu\u00e9 consiste la usabilidad, qu\u00e9 son las pruebas de usabilidad y cu\u00e1les son las t\u00e9cnicas m\u00e1s comunes para evaluar la usabilidad: evaluaci\u00f3n heur\u00edstica y pruebas con usuarios. Finalmente brindaremos algunas recomendaciones para iniciarse en este tipo de pruebas de software.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>\u00bfQu\u00e9 es la Usabilidad?<\/strong><\/h2>\n\n\n\n<p>Existen varias definiciones sobre qu\u00e9 es la usabilidad, a continuaci\u00f3n mencionamos las m\u00e1s populares:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>El atributo de calidad que mide lo f\u00e1ciles que son de usar las interfaces Web.<\/p>\n<cite>Jakob Nielsen, experto en usabilidad en la web.<\/cite><\/blockquote>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>La disciplina que estudia la forma de dise\u00f1ar sitios web para que los usuarios puedan interactuar con ellos de la forma m\u00e1s f\u00e1cil, c\u00f3moda e intuitiva posible.<\/p>\n<cite>Yusef Hassan, Director de la revista&nbsp;No Solo Usabilidad&nbsp;y autor del libro&nbsp;Experiencia de Usuario: Principios y M\u00e9todos.<\/cite><\/blockquote>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>Capacidad del producto software para ser entendido, aprendido, usado y resultar atractivo para el usuario, cuando se usa bajo determinadas condiciones.<\/p>\n<cite>ISO\/IEC 25010<\/cite><\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Modelo de Calidad del Software<\/strong><\/h2>\n\n\n\n<p>El modelo de calidad representa la piedra angular en torno a la cual se establece el sistema para la evaluaci\u00f3n de la calidad del producto. En este modelo se determinan las caracter\u00edsticas de calidad que se van a tener en cuenta al momento de evaluar el sistema.<\/p>\n\n\n\n<p>Este modelo de calidad del producto definido por la <a href=\"https:\/\/iso25000.com\/index.php\/normas-iso-25000\/iso-25010?start=0\" target=\"_blank\" rel=\"noreferrer noopener\">ISO\/IEC 25010<\/a> est\u00e1 conformado por ocho caracter\u00edsticas:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"974\" src=\"https:\/\/cl.abstracta.us\/wp-content\/uploads\/2021\/11\/software-testing-wheel-abstracta-1024x974.png\" alt=\"Software Testing Wheel - Aspectos de la Calidad de Software\" class=\"wp-image-8503\" srcset=\"https:\/\/es.abstracta.us\/wp-content\/uploads\/2021\/11\/software-testing-wheel-abstracta-1024x974.png 1024w, https:\/\/es.abstracta.us\/wp-content\/uploads\/2021\/11\/software-testing-wheel-abstracta-300x285.png 300w, https:\/\/es.abstracta.us\/wp-content\/uploads\/2021\/11\/software-testing-wheel-abstracta-768x731.png 768w, https:\/\/es.abstracta.us\/wp-content\/uploads\/2021\/11\/software-testing-wheel-abstracta.png 1480w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<h2 class=\"wp-block-heading\"><strong>Importancia de la Usabilidad dentro de la Calidad del Software<\/strong><\/h2>\n\n\n\n<p>A su vez, la caracter\u00edstica de usabilidad tiene una serie de sub caracter\u00edsticas tales como:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Capacidad para reconocer su adecuaci\u00f3n<\/strong>: Capacidad del producto que permite al usuario entender si el software es adecuado para sus necesidades.<\/li>\n\n\n\n<li><strong>Capacidad de aprendizaje: <\/strong>Capacidad del producto que permite al usuario aprender su aplicaci\u00f3n.<\/li>\n\n\n\n<li><strong>Capacidad para ser usado<\/strong>: Capacidad del producto que permite al usuario operarlo y controlarlo con facilidad.<\/li>\n\n\n\n<li><strong>Protecci\u00f3n contra errores de usuario<\/strong>: Capacidad del sistema para proteger a los usuarios de cometer errores.<\/li>\n\n\n\n<li><strong>Est\u00e9tica de la interfaz de usuario<\/strong>: Capacidad de la interfaz de usuario de ser agradable visualmente, y satisfacer la interacci\u00f3n con el usuario.<\/li>\n\n\n\n<li><strong>Accesibilidad<\/strong>: Capacidad del producto que permite que sea utilizado por usuarios con determinadas caracter\u00edsticas y discapacidades.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Beneficios de evaluar la usabilidad de un sistema o app<\/strong><\/h2>\n\n\n\n<p>De esta manera, las aplicaciones f\u00e1ciles de usar proporcionan m\u00faltiples beneficios, tales como:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Usuarios m\u00e1s satisfechos:<\/strong> La satisfacci\u00f3n de los usuarios es un resultado directo de las posibilidades que tengan estos de conseguir sus objetivos, con el m\u00ednimo esfuerzo posible.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Usuarios m\u00e1s fieles:<\/strong> La facilidad de uso produce una utilizaci\u00f3n mayor de funcionalidades tanto en frecuencia como en amplitud. Provoca en los usuarios el deseo de volver a utilizar la aplicaci\u00f3n y de seguir indagando en sus funcionalidades.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Menor costo de soporte: <\/strong>Una aplicaci\u00f3n m\u00e1s f\u00e1cil de usar genera menos problemas a los usuarios y por tanto se reducen las necesidades de soporte y ayuda.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Menor costo de mantenimiento:<\/strong> Los problemas de usabilidad se reflejan por las quejas de los usuarios a trav\u00e9s de las llamadas a soporte, comentarios negativos tanto en redes sociales como en tiendas de aplicaciones, lo que genera un ciclo permanente de modificaciones. Por esta raz\u00f3n, es mejor hacer las aplicaciones m\u00e1s usables al momento de construirlas.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>\u00bfQu\u00e9 son las Pruebas de Usabilidad?<\/strong><\/h2>\n\n\n\n<p>Las pruebas de usabilidad eval\u00faan el grado en que el sistema puede ser utilizado por usuarios espec\u00edficos con efectividad, eficiencia y satisfacci\u00f3n en un contexto de uso espec\u00edfico.<\/p>\n\n\n\n<p>Si bien existen varias t\u00e9cnicas para analizar la usabilidad de una web, donde nos enfocaremos ser\u00e1 en la evaluaci\u00f3n heur\u00edstica y en las pruebas con usuarios.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>\u00bfEn qu\u00e9 consiste la Evaluaci\u00f3n Heur\u00edstica?<\/strong><\/h2>\n\n\n\n<p><strong>La evaluaci\u00f3n heur\u00edstica es una variante de la inspecci\u00f3n de usabilidad donde se juzga si cada elemento de la interfaz de usuario sigue los principios de usabilidad establecidos.<\/strong><\/p>\n\n\n\n<p>En este tipo de prueba no participan los usuarios, ya que es una t\u00e9cnica en donde participan un conjunto de especialistas que revisan las interfaces de la aplicaci\u00f3n.<\/p>\n\n\n\n<p>Asimismo, es una t\u00e9cnica exhaustiva porque para llevarla a cabo es necesario revisar en forma sistem\u00e1tica cada una de las interfaces de la aplicaci\u00f3n. Se debe poner \u00e9nfasis en el contenido, la navegaci\u00f3n, la redacci\u00f3n y otros elementos que puedan ser relevantes, los cuales se apartan de las heur\u00edsticas de usabilidad.<\/p>\n\n\n\n<p>La evaluaci\u00f3n heur\u00edstica es una forma eficiente y accesible de asegurar la usabilidad de una interfaz, permitiendo encontrar una gran n\u00famero de errores por medio de una serie de verificaciones. Para realizar una revisi\u00f3n heur\u00edstica debemos tener en cuenta los siguientes pasos:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Conocer y entender las heur\u00edsticas de Nielsen.<\/li>\n\n\n\n<li>Realizar un an\u00e1lisis de las interfaces de la aplicaci\u00f3n.<\/li>\n\n\n\n<li>Documentar y compartir los resultados.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Paso 1: 10 reglas Heur\u00edsticas de Nielsen<\/strong><\/h3>\n\n\n\n<p>Las heur\u00edsticas de Nielsen son una serie de reglas o pautas escritas por Jakob Nielsen en la d\u00e9cada del noventa, que se enfocan en evaluar el dise\u00f1o de la interfaz de usuario.<\/p>\n\n\n\n<p>A continuaci\u00f3n, revisaremos de qu\u00e9 se trata cada uno de estos principios, c\u00f3mo nos ayudan a mejorar nuestros productos digitales y c\u00f3mo podemos aplicarlos.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>1. Visibilidad del Estado del Sistema<\/strong><\/h4>\n\n\n\n<p><strong>El usuario de nuestro sitio tiene que estar permanentemente informado de lo que pasa por \u201cdetr\u00e1s\u201d cuando interact\u00faa: hay que proporcionarle feedback constante.&nbsp;<\/strong><\/p>\n\n\n\n<p>El sistema con el que el usuario est\u00e1 interactuando siempre debe estar entregando un feedback de lo que est\u00e1 pasando en ese momento. Por cada acci\u00f3n que realice el usuario en el sistema, este debe tener una reacci\u00f3n en la pantalla de cara al usuario.<\/p>\n\n\n\n<p>Se habla de que el sistema debe mostrarse como un organismo vivo capaz de responder a cada acci\u00f3n que el usuario realice en el sistema. Si el sistema no es capaz de reaccionar a las distintas acciones de los usuarios, es muy probable que los usuarios abandonen el sistema.<\/p>\n\n\n\n<p>Tambi\u00e9n se pueden utilizar recursos como estados de hover en botones o links. El sistema puede tener configurado en la interfaz distintos estados de inputs en los formularios, como tambi\u00e9n mensajes de error y\/o \u00e9xito.<\/p>\n\n\n\n<p>Un ejemplo aplicado de <a href=\"https:\/\/www.nngroup.com\/articles\/visibility-system-status\/\" target=\"_blank\" rel=\"noreferrer noopener\">esta heur\u00edstica<\/a> es el sitio web del e-commerce &nbsp;jcrew.com, en donde muestra la notificaci\u00f3n &#8220;<em>Only a Few Left<\/em>&#8220;, cuando el usuario mueve el cursor sobre las tallas de un producto que tienen un bajo stock, y tambi\u00e9n muestra que algunas tallas ya est\u00e1n agotadas, por lo que se muestran tachadas en un color gris claro.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"581\" src=\"https:\/\/cl.abstracta.us\/wp-content\/uploads\/2021\/09\/ejemplo-heuristica-nielsen-visibilidad-estado-sistema-1024x581.jpeg\" alt=\"Ejemplo Heur\u00edstica de Nielsen: Visibilidad del Estado del Sistema\" class=\"wp-image-7783\" srcset=\"https:\/\/es.abstracta.us\/wp-content\/uploads\/2021\/09\/ejemplo-heuristica-nielsen-visibilidad-estado-sistema-1024x581.jpeg 1024w, https:\/\/es.abstracta.us\/wp-content\/uploads\/2021\/09\/ejemplo-heuristica-nielsen-visibilidad-estado-sistema-300x170.jpeg 300w, https:\/\/es.abstracta.us\/wp-content\/uploads\/2021\/09\/ejemplo-heuristica-nielsen-visibilidad-estado-sistema-768x436.jpeg 768w, https:\/\/es.abstracta.us\/wp-content\/uploads\/2021\/09\/ejemplo-heuristica-nielsen-visibilidad-estado-sistema.jpeg 1384w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<h4 class=\"wp-block-heading\"><strong>2. Coincidencia del sistema con el mundo real<\/strong><\/h4>\n\n\n\n<p><strong>El sistema tiene que \u201chablar\u201d el mismo lenguaje que el usuario, tanto en el texto como en las im\u00e1genes o en la forma en que se presenta la informaci\u00f3n, entre otros aspectos.<\/strong><\/p>\n\n\n\n<p>El sistema debe comunicarse con los usuarios a trav\u00e9s de palabras, conceptos, frases e im\u00e1genes que resulten familiares.<\/p>\n\n\n\n<p>Un ejemplo para entender <a href=\"https:\/\/www.nngroup.com\/articles\/match-system-real-world\" target=\"_blank\" rel=\"noreferrer noopener\">esta heur\u00edstica <\/a>es el siguiente: los elementos de la interfaz de usuario en una aplicaci\u00f3n de br\u00fajula (izquierda) son similares a una br\u00fajula en el mundo real (derecha) y facilitan a los usuarios comprender el uso y la funci\u00f3n de la aplicaci\u00f3n.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"879\" src=\"https:\/\/cl.abstracta.us\/wp-content\/uploads\/2021\/09\/ejemplo-heuristica-nielsen-coincidencia-sistema-mundo-real-1024x879.png\" alt=\"Ejemplo Heur\u00edstica de Nielsen: Coincidencia del sistema con el mundo real\" class=\"wp-image-7784\" srcset=\"https:\/\/es.abstracta.us\/wp-content\/uploads\/2021\/09\/ejemplo-heuristica-nielsen-coincidencia-sistema-mundo-real-1024x879.png 1024w, https:\/\/es.abstracta.us\/wp-content\/uploads\/2021\/09\/ejemplo-heuristica-nielsen-coincidencia-sistema-mundo-real-300x258.png 300w, https:\/\/es.abstracta.us\/wp-content\/uploads\/2021\/09\/ejemplo-heuristica-nielsen-coincidencia-sistema-mundo-real-768x659.png 768w, https:\/\/es.abstracta.us\/wp-content\/uploads\/2021\/09\/ejemplo-heuristica-nielsen-coincidencia-sistema-mundo-real.png 1384w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<h4 class=\"wp-block-heading\"><strong>3. Darle al usuario el control y la libertad<\/strong><\/h4>\n\n\n\n<p><strong>El usuario tiene que poder navegar libremente, encontrar con facilidad la salida y\/o rutas alternativas, y tener todas las disposiciones que necesite para hacer y deshacer como a \u00e9l le convenga.<\/strong><\/p>\n\n\n\n<p>Dise\u00f1ar acciones como \u201ccancelar\u201d, \u201cdeshacer\u201d, \u201cvolver atr\u00e1s\u201d, es la llamada \u201cSalida de emergencia\u201d. Estas acciones&nbsp;son necesarias para construir una interacci\u00f3n intuitiva.&nbsp;<\/p>\n\n\n\n<p>Especialmente cuando nos encontramos con una p\u00e1gina por error, o nos equivocamos al completar un gran formulario, escribir un mensaje en alg\u00fan chat o foro, o enviar un e-mail importante, cancelar un env\u00edo de un correo electr\u00f3nico con Gmail, quitar nuestra etiqueta de alguna fotograf\u00eda que ha subido alg\u00fan amigo, etc.<\/p>\n\n\n\n<p>Uno de los ejemplos aplicados de <a href=\"https:\/\/www.nngroup.com\/articles\/user-control-and-freedom\/\" target=\"_blank\" rel=\"noreferrer noopener\">esta heur\u00edstica<\/a> es la aplicaci\u00f3n Slack, en donde ofrece a sus usuarios varias alternativas en caso de que cometan alg\u00fan error utilizando su aplicaci\u00f3n, como por ejemplo, permite a los usuarios <a href=\"https:\/\/slack.com\/intl\/es-cl\/help\/articles\/202395258-Editar-o-eliminar-mensajes\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">eliminar o editar un mensaje enviado<\/a>.<\/p>\n\n\n\n<p>Otro ejemplo es Gmail que nos permite deshacer el env\u00edo de un mail, mostrando un pop-up con esta acci\u00f3n espec\u00edfica.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cl.abstracta.us\/wp-content\/uploads\/2021\/09\/ejemplo-heuristica-nielsen-dar-al-usuario-control-libertad.png\" alt=\"Ejemplo Heur\u00edstica de Nielsen: Darle al usuario el control y la libertad\" class=\"wp-image-7785\" width=\"690\" height=\"388\" srcset=\"https:\/\/es.abstracta.us\/wp-content\/uploads\/2021\/09\/ejemplo-heuristica-nielsen-dar-al-usuario-control-libertad.png 960w, https:\/\/es.abstracta.us\/wp-content\/uploads\/2021\/09\/ejemplo-heuristica-nielsen-dar-al-usuario-control-libertad-300x169.png 300w, https:\/\/es.abstracta.us\/wp-content\/uploads\/2021\/09\/ejemplo-heuristica-nielsen-dar-al-usuario-control-libertad-768x432.png 768w\" sizes=\"(max-width: 690px) 100vw, 690px\" \/><\/figure><\/div>\n\n\n<p>Lo importante de estas acciones es reducir los niveles de frustraci\u00f3n de los usuarios, cuando ellos cometen alg\u00fan error.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>4. Consistencia y Est\u00e1ndares<\/strong><\/h4>\n\n\n\n<p><strong>El sitio web debe seguir un est\u00e1ndar consistente en todas sus p\u00e1ginas.<\/strong><\/p>\n\n\n\n<p>No se puede, por ejemplo, cambiar en las p\u00e1ginas la ubicaci\u00f3n del men\u00fa, o colocar el carrito de compra en diferentes esquinas cada vez que se modifican o se hacen cambios en la p\u00e1gina.<\/p>\n\n\n\n<p>Las personas estamos acostumbradas a ciertos est\u00e1ndares que nos hacen sentir c\u00f3modos; aqu\u00ed aparece el concepto patr\u00f3n de dise\u00f1o. Los patrones de dise\u00f1o son estructuras de sitios web con est\u00e1ndares de navegaci\u00f3n.<\/p>\n\n\n\n<p>Un ejemplo aplicado de <a href=\"https:\/\/www.nngroup.com\/videos\/usability-heuristic-consistency-standards\/\" target=\"_blank\" rel=\"noreferrer noopener\">esta heur\u00edstica<\/a> lo encontramos en los sitios web de e-commerce: el producto se sit\u00faa a la izquierda y las acciones de \u201cagregar al carro\u201d o \u201ccomprar\u201d a la derecha. Tal como muestra sus productos Amazon.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"540\" src=\"https:\/\/cl.abstracta.us\/wp-content\/uploads\/2021\/09\/ejemplo-heuristica-nielsen-consistencia-estandares.png\" alt=\"Ejemplo Heur\u00edstica de Nielsen: Consistencia y Est\u00e1ndares\" class=\"wp-image-7786\" srcset=\"https:\/\/es.abstracta.us\/wp-content\/uploads\/2021\/09\/ejemplo-heuristica-nielsen-consistencia-estandares.png 960w, https:\/\/es.abstracta.us\/wp-content\/uploads\/2021\/09\/ejemplo-heuristica-nielsen-consistencia-estandares-300x169.png 300w, https:\/\/es.abstracta.us\/wp-content\/uploads\/2021\/09\/ejemplo-heuristica-nielsen-consistencia-estandares-768x432.png 768w\" sizes=\"(max-width: 960px) 100vw, 960px\" \/><\/figure><\/div>\n\n\n<h4 class=\"wp-block-heading\"><strong>5. Prevenci\u00f3n de errores<\/strong><\/h4>\n\n\n\n<p><strong>Muchos de los errores son previsibles y pueden resolverse antes de que ocurran.<\/strong><\/p>\n\n\n\n<p><a href=\"https:\/\/www.nngroup.com\/articles\/slips\/\" target=\"_blank\" rel=\"noreferrer noopener\">Esta heur\u00edstica<\/a> habla de incluir informaci\u00f3n preventiva en el punto problem\u00e1tico. Por ejemplo en un formulario, un campo puede cambiar de color para recordar al usuario que se ha dejado en blanco. Tambi\u00e9n se puede pedir confirmaci\u00f3n a los usuarios o realizar validaciones en tiempo real. Otro ejemplo de errores es, cuando aparece que la segunda contrase\u00f1a que hemos puesto no coincide con la primera, antes de hacer click en el bot\u00f3n \u201cenviar\u201d en un formulario.<\/p>\n\n\n\n<p>En resumen, se recomienda utilizar \u201cPlaceholder\u201d dentro de los campos de texto, entregando instrucciones claras a los usuarios, por ejemplo \u201cEscriba su nombre\u201d. Tambi\u00e9n incluir mensajes de prevenci\u00f3n de errores, como por ejemplo: \u201cSolo se aceptan n\u00fameros\u201d.<\/p>\n\n\n\n<p>Un ejemplo aplicado de esta heur\u00edstica es Gmail que ofrece a sus usuarios una alerta cuando redacta un e-mail con la palabra \u201cadjunto\u201d y no se adjunta un archivo.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"540\" src=\"https:\/\/cl.abstracta.us\/wp-content\/uploads\/2021\/09\/ejemplo-heuristica-nielsen-prevencion-errores.png\" alt=\"Ejemplo Heur\u00edstica de Nielsen: Prevenci\u00f3n de errores\" class=\"wp-image-7787\" srcset=\"https:\/\/es.abstracta.us\/wp-content\/uploads\/2021\/09\/ejemplo-heuristica-nielsen-prevencion-errores.png 960w, https:\/\/es.abstracta.us\/wp-content\/uploads\/2021\/09\/ejemplo-heuristica-nielsen-prevencion-errores-300x169.png 300w, https:\/\/es.abstracta.us\/wp-content\/uploads\/2021\/09\/ejemplo-heuristica-nielsen-prevencion-errores-768x432.png 768w\" sizes=\"(max-width: 960px) 100vw, 960px\" \/><\/figure><\/div>\n\n\n<h4 class=\"wp-block-heading\"><strong>6. Reconocer antes que memorizar<\/strong><\/h4>\n\n\n\n<p><strong>Al usuario debemos presentarle las cosas de la forma m\u00e1s sencilla posible. No tiene por qu\u00e9 recordar c\u00f3mo hacer algo en la web o app, sino que tiene que reconocerlo intuitivamente.<\/strong><\/p>\n\n\n\n<p>Para entender este principio primero se tiene que entender c\u00f3mo funcionan el cerebro y la memoria. Las personas recuerdan la informaci\u00f3n a trav\u00e9s de dos mecanismos: el reconocimiento y el recuerdo. El primero se refiere a nuestra capacidad para \u201creconocer\u201d un evento o pieza de informaci\u00f3n. Mientras que recordar requiere la recuperaci\u00f3n de detalles relacionados en la memoria. En palabras simples, reconocer implica menos carga mental para nuestros usuarios, ya que no deben hacer el esfuerzo de explorar en su memoria.&nbsp;<\/p>\n\n\n\n<p>Un ejemplo muy simple son las breadcrumbs o \u201cmigas de pan\u201d. Las breadcrumbs ayudan al usuario a reconocer las p\u00e1ginas por las que ha navegado previamente para llegar al punto donde se encuentra actualmente. As\u00ed, se evita que los usuarios deban recordar cada click que hicieron.<\/p>\n\n\n\n<p>Un ejemplo aplicado de <a href=\"https:\/\/www.nngroup.com\/articles\/recognition-and-recall\/\" target=\"_blank\" rel=\"noreferrer noopener\">esta heur\u00edstica<\/a> es el sitio web de la aplicaci\u00f3n de la Organizaci\u00f3n Mundial de la Salud, en donde incorpora breadcrumbs en su sitio web, como muestra la siguiente imagen:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cl.abstracta.us\/wp-content\/uploads\/2021\/09\/ejemplo-heuristica-nielsen-reconocer-memorizar.png\" alt=\"Ejemplo Heur\u00edstica de Nielsen: Reconocer antes que memorizar\" class=\"wp-image-7788\" width=\"691\" height=\"388\" srcset=\"https:\/\/es.abstracta.us\/wp-content\/uploads\/2021\/09\/ejemplo-heuristica-nielsen-reconocer-memorizar.png 960w, https:\/\/es.abstracta.us\/wp-content\/uploads\/2021\/09\/ejemplo-heuristica-nielsen-reconocer-memorizar-300x169.png 300w, https:\/\/es.abstracta.us\/wp-content\/uploads\/2021\/09\/ejemplo-heuristica-nielsen-reconocer-memorizar-768x432.png 768w\" sizes=\"(max-width: 691px) 100vw, 691px\" \/><\/figure><\/div>\n\n\n<h4 class=\"wp-block-heading\"><strong>7. Flexibilidad y eficiencia de uso&nbsp;<\/strong><\/h4>\n\n\n\n<p><strong>Existen usuarios que navegan frecuentemente por una misma web y realizan las mismas acciones; a ellos hay que facilitarles que accedan de forma m\u00e1s r\u00e1pida y directa a esas acciones.<\/strong><\/p>\n\n\n\n<p>Por ejemplo, los \u201caceleradores\u201d ayudan a mostrar los \u00faltimos art\u00edculos por los que se ha interesado el usuario en su \u00faltima visita.<\/p>\n\n\n\n<p>La flexibilidad del sistema que propone <a href=\"https:\/\/www.nngroup.com\/articles\/flexibility-efficiency-heuristic\/\" target=\"_blank\" rel=\"noreferrer noopener\">esta heur\u00edstica<\/a> permite que usuarios m\u00e1s expertos puedan realizar sus objetivos de manera m\u00e1s expedita, gracias a los aceleradores o atajos, y a aquellos que son m\u00e1s novatos puedan ir a su propio ritmo.<\/p>\n\n\n\n<p>Un acelerador es aquello que aumenta la velocidad de la interacci\u00f3n y reduce el tiempo por tarea. Los aceleradores comunes incluyen:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Atajos de teclado<\/li>\n\n\n\n<li>Gestos t\u00e1ctiles (Pulsaci\u00f3n larga, doble toque, deslizamiento)<\/li>\n<\/ul>\n\n\n\n<p>A continuaci\u00f3n se mencionan algunos <a href=\"https:\/\/www.nngroup.com\/articles\/ui-accelerators\/\" target=\"_blank\" rel=\"noreferrer noopener\">ejemplos de aceleradores<\/a>: en la App de Instagram, los usuarios pueden darle \u201cme gusta\u201d a una imagen tocando el \u00edcono del coraz\u00f3n o tocando dos veces la imagen.<\/p>\n\n\n\n<p>Mientras que en la aplicaci\u00f3n de Pinterest, los usuarios pueden acceder a un men\u00fa de acciones comunes al presionar y mantener presionada una imagen, en lugar de tocar la imagen para esas mismas acciones, tal como se muestra en las siguientes im\u00e1genes:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/cl.abstracta.us\/wp-content\/uploads\/2021\/09\/ejemplo-heuristica-nielsen-flexibilidad-eficiencia-uso-1024x1024.png\" alt=\"Ejemplo Heur\u00edstica de Nielsen: Flexibilidad y eficiencia de uso\" class=\"wp-image-7790\" srcset=\"https:\/\/es.abstracta.us\/wp-content\/uploads\/2021\/09\/ejemplo-heuristica-nielsen-flexibilidad-eficiencia-uso-1024x1024.png 1024w, https:\/\/es.abstracta.us\/wp-content\/uploads\/2021\/09\/ejemplo-heuristica-nielsen-flexibilidad-eficiencia-uso-300x300.png 300w, https:\/\/es.abstracta.us\/wp-content\/uploads\/2021\/09\/ejemplo-heuristica-nielsen-flexibilidad-eficiencia-uso-150x150.png 150w, https:\/\/es.abstracta.us\/wp-content\/uploads\/2021\/09\/ejemplo-heuristica-nielsen-flexibilidad-eficiencia-uso-768x768.png 768w, https:\/\/es.abstracta.us\/wp-content\/uploads\/2021\/09\/ejemplo-heuristica-nielsen-flexibilidad-eficiencia-uso-660x660.png 660w, https:\/\/es.abstracta.us\/wp-content\/uploads\/2021\/09\/ejemplo-heuristica-nielsen-flexibilidad-eficiencia-uso.png 1384w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<h4 class=\"wp-block-heading\"><strong>8. Est\u00e9tica y dise\u00f1o minimalista<\/strong><\/h4>\n\n\n\n<p><strong>Cada palabra de m\u00e1s puede distraer de las que son realmente importantes. Esto aplica tanto para lo textual como para lo est\u00e9tico: el dise\u00f1o visual debe apoyar la funci\u00f3n, no opacarla ni decorarla.<\/strong><\/p>\n\n\n\n<p><a href=\"https:\/\/www.nngroup.com\/videos\/aesthetic-and-minimalist-design\/\" target=\"_blank\" rel=\"noreferrer noopener\">Esta heur\u00edstica<\/a> no significa que la web o la app deba tener un dise\u00f1o plano, se trata de asegurarse de mantener el contenido y el dise\u00f1o visual enfocados en lo esencial. Hay que procurar que los elementos visuales de la interfaz sean compatibles con los objetivos principales del usuario, es decir, menos es m\u00e1s.<\/p>\n\n\n\n<p>Una buen ejemplo de aplicaci\u00f3n web minimalista es la tienda virtual de Zara:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"540\" src=\"https:\/\/cl.abstracta.us\/wp-content\/uploads\/2021\/09\/ejemplo-heuristica-nielsen-estetica-diseno-minimalista.png\" alt=\"Ejemplo Heur\u00edstica de Nielsen: Est\u00e9tica y dise\u00f1o minimalista\" class=\"wp-image-7791\" srcset=\"https:\/\/es.abstracta.us\/wp-content\/uploads\/2021\/09\/ejemplo-heuristica-nielsen-estetica-diseno-minimalista.png 960w, https:\/\/es.abstracta.us\/wp-content\/uploads\/2021\/09\/ejemplo-heuristica-nielsen-estetica-diseno-minimalista-300x169.png 300w, https:\/\/es.abstracta.us\/wp-content\/uploads\/2021\/09\/ejemplo-heuristica-nielsen-estetica-diseno-minimalista-768x432.png 768w\" sizes=\"(max-width: 960px) 100vw, 960px\" \/><\/figure><\/div>\n\n\n<h4 class=\"wp-block-heading\"><strong>9. Ayudar a reconocer, diagnosticar y solucionar problemas<\/strong><\/h4>\n\n\n\n<p><strong>Los mensajes de error tienen que estar escritos en un lenguaje comprensible para el usuario. Deben indicar cu\u00e1l es el problema -sin tecnicismos- y siempre sugerir una soluci\u00f3n o un camino de salida.<\/strong><\/p>\n\n\n\n<p><a href=\"https:\/\/www.nngroup.com\/videos\/usability-heuristic-recognize-errors\/\" target=\"_blank\" rel=\"noreferrer noopener\">Esta heur\u00edstica<\/a> de usabilidad trata sobre c\u00f3mo se puede ayudar a los usuarios a reponerse de los desaciertos que han cometido dentro de la interfaz, como por ejemplo, al ingresar mal los datos en un campo de formulario.<\/p>\n\n\n\n<p>Los problemas m\u00e1s comunes en este tipo de interacci\u00f3n recaen en que no se entrega la informaci\u00f3n suficiente para que las personas puedan diagnosticar cu\u00e1l es el error que han cometido; al no saber en qu\u00e9 se equivocaron, tampoco saben c\u00f3mo corregirlo.<\/p>\n\n\n\n<p>Es muy importante ser emp\u00e1ticos y entender a los usuarios, ya que ellos no deben conocer ni entender un lenguaje t\u00e9cnico. Por lo tanto, hay que entregar la informaci\u00f3n necesaria e instrucciones claras para que ellos puedan ejecutarlas sin ning\u00fan problema.&nbsp;<\/p>\n\n\n\n<p>Un ejemplo simple de esta heur\u00edstica son las p\u00e1ginas 404, cuyo prop\u00f3sito es informar&nbsp;que hubo un error explicando que es de parte del sistema y no del usuario. Finalmente ofrecen una salida directa, ya sea hacia al inicio o hacia otro destino.<\/p>\n\n\n\n<p>La p\u00e1gina 404 del sitio web de Walt Disney World es un buen ejemplo en donde aplica esta heur\u00edstica:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"540\" src=\"https:\/\/cl.abstracta.us\/wp-content\/uploads\/2021\/09\/ejemplo-heuristica-nielsen-ayudar-reconocer-diagnosticar-solucionar-problemas.png\" alt=\"Ejemplo Heur\u00edstica de Nielsen: Ayudar a reconocer, diagnosticar y solucionar problemas\" class=\"wp-image-7792\" srcset=\"https:\/\/es.abstracta.us\/wp-content\/uploads\/2021\/09\/ejemplo-heuristica-nielsen-ayudar-reconocer-diagnosticar-solucionar-problemas.png 960w, https:\/\/es.abstracta.us\/wp-content\/uploads\/2021\/09\/ejemplo-heuristica-nielsen-ayudar-reconocer-diagnosticar-solucionar-problemas-300x169.png 300w, https:\/\/es.abstracta.us\/wp-content\/uploads\/2021\/09\/ejemplo-heuristica-nielsen-ayudar-reconocer-diagnosticar-solucionar-problemas-768x432.png 768w\" sizes=\"(max-width: 960px) 100vw, 960px\" \/><\/figure><\/div>\n\n\n<h4 class=\"wp-block-heading\"><strong>10. Ayuda y Documentaci\u00f3n<\/strong><\/h4>\n\n\n\n<p><strong>Despu\u00e9s de que dise\u00f1amos los posibles errores que los usuarios pueden cometer, entregamos informaci\u00f3n pertinente y les guiamos en c\u00f3mo resolverlos, puede que esto no sea suficiente. Lo cual no est\u00e1 mal, pero s\u00ed lo es no considerarlo.<\/strong><\/p>\n\n\n\n<p>Es importante que los usuarios se sientan c\u00f3modos y acompa\u00f1ados durante su navegaci\u00f3n en la aplicaci\u00f3n. Un buen producto, en todos sus dimensiones, no debiese contar con un manual para usarlo, pero mantener secciones como las de preguntas frecuentes son de gran ayuda para los usuarios, y para no colapsar los servicios de atenci\u00f3n al cliente.<\/p>\n\n\n\n<p>Un ejemplo aplicado de <a href=\"https:\/\/www.nngroup.com\/articles\/help-and-documentation\/\" target=\"_blank\" rel=\"noreferrer noopener\">esta heur\u00edstica<\/a> es el sitio web de la aplicaci\u00f3n Slack, en donde ofrece a sus usuarios una Centro de Ayuda:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"540\" src=\"https:\/\/cl.abstracta.us\/wp-content\/uploads\/2021\/09\/ejemplo-heuristica-nielsen-ayuda-doocumentacion.png\" alt=\"Ejemplo Heur\u00edstica de Nielsen: Ayuda y Documentaci\u00f3n\" class=\"wp-image-7793\" srcset=\"https:\/\/es.abstracta.us\/wp-content\/uploads\/2021\/09\/ejemplo-heuristica-nielsen-ayuda-doocumentacion.png 960w, https:\/\/es.abstracta.us\/wp-content\/uploads\/2021\/09\/ejemplo-heuristica-nielsen-ayuda-doocumentacion-300x169.png 300w, https:\/\/es.abstracta.us\/wp-content\/uploads\/2021\/09\/ejemplo-heuristica-nielsen-ayuda-doocumentacion-768x432.png 768w\" sizes=\"(max-width: 960px) 100vw, 960px\" \/><\/figure><\/div>\n\n\n<h3 class=\"wp-block-heading\"><strong>Paso 2: An\u00e1lisis<\/strong><\/h3>\n\n\n\n<p>Para realizar una evaluaci\u00f3n heur\u00edstica se utiliza una Checklist o lista de comprobaci\u00f3n. Esta Checklist ayuda a asegurar que los principios de usabilidad sean considerados en una interfaz.<\/p>\n\n\n\n<p>En Abstracta utilizamos una Checklist que contiene las 10 heur\u00edsticas de Nielsen, y en cada una tiene una serie de preguntas que nos ayudan a evaluar cada interfaz de la aplicaci\u00f3n.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Paso 3:&nbsp;Documentar y Compartir<\/strong><\/h3>\n\n\n\n<p>Finalmente debemos documentar los hallazgos encontrados, por lo que se debe:<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>1. Indicar la heur\u00edstica que se incumple.&nbsp;<\/strong><\/h4>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>2. Agregar evidencia<\/strong><\/h4>\n\n\n\n<p>Se\u00f1alar el elemento que no cumple con la regla.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>3. Definir un nivel de Severidad:<\/strong><\/h4>\n\n\n\n<p>Asignar un nivel de severidad del 1 al 4 en donde:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Severidad 1 (Problema grave de Usabilidad):<\/strong> Es imperativa su soluci\u00f3n antes de liberar el sistema o de inmediato si el sistema est\u00e1 en producci\u00f3n.<\/li>\n\n\n\n<li><strong>Severidad 2 (Problema mayor de Usabilidad): <\/strong>Es importante su soluci\u00f3n y deber\u00eda asign\u00e1rsele alta prioridad.<\/li>\n\n\n\n<li><strong>Severidad 3 (Problema medio de Usabilidad): <\/strong>Solucionar el problema es relevante, deber\u00eda ser incorporado a las tareas de mantenimiento.<\/li>\n\n\n\n<li><strong>Severidad 4 (Problema menor de Usabilidad):<\/strong> La soluci\u00f3n puede esperar al pr\u00f3ximo proceso de redise\u00f1o de la interfaz.<\/li>\n<\/ul>\n\n\n\n<p>Este nivel de severidad se basa en lo indicado en el libro <em>Miro y entiendo: Gu\u00eda pr\u00e1ctica de usabilidad Web de Daniel Mordecki<\/em>.<\/p>\n\n\n\n<p>El objetivo de asignar una severidad a los hallazgos encontrados es poder&nbsp; determinar la prioridad de las tareas, ya que no se busca redise\u00f1ar una plataforma, si no solucionar problemas concretos y proponer mejoras.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>4. Problema \/ Causa \/ Consecuencia<\/strong><\/h4>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>5. Realizar una Recomendaci\u00f3n<\/strong><\/h4>\n\n\n\n<p>A continuaci\u00f3n se muestra un ejemplo de un hallazgo:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"540\" src=\"https:\/\/cl.abstracta.us\/wp-content\/uploads\/2021\/09\/ejemplo-hallazgo-evaluacion-heuristica.png\" alt=\"\" class=\"wp-image-7794\" srcset=\"https:\/\/es.abstracta.us\/wp-content\/uploads\/2021\/09\/ejemplo-hallazgo-evaluacion-heuristica.png 960w, https:\/\/es.abstracta.us\/wp-content\/uploads\/2021\/09\/ejemplo-hallazgo-evaluacion-heuristica-300x169.png 300w, https:\/\/es.abstracta.us\/wp-content\/uploads\/2021\/09\/ejemplo-hallazgo-evaluacion-heuristica-768x432.png 768w\" sizes=\"(max-width: 960px) 100vw, 960px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><strong>Heur\u00edstica 9: Ayudar a reconocer, diagnosticar y recuperarse de errores<\/strong><\/td><\/tr><tr><td><strong>Severidad: 3<\/strong><\/td><\/tr><tr><td><strong>Problema, causa y consecuencia:<\/strong> Cuando la p\u00e1gina web se cae o deja de funcionar, ya sea por inactividad durante un tiempo prolongado o por alg\u00fan problema con el servidor, el sistema muestra un mensaje de error (HTTP 400 o HTTP 500), lo que puede provocar que muchos usuarios no comprendan que sucede y como resolver el problema.&nbsp; Los usuarios no tienen por qu\u00e9 conocer los mensajes de errores gen\u00e9ricos de los navegadores.<\/td><\/tr><tr><td><strong>Recomendaci\u00f3n:<\/strong>&nbsp;Se recomienda implementar una p\u00e1gina con un mensaje de error m\u00e1s amigable y que sea entendible por todos los usuarios, la cual le pueda brindar la mayor informaci\u00f3n de lo que acaba de suceder con la aplicaci\u00f3n.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>\u00bfQu\u00e9 son las Pruebas con Usuarios?<\/strong><\/h2>\n\n\n\n<p><strong>Las pruebas con usuarios son un m\u00e9todo de investigaci\u00f3n cualitativa que se basa en la observaci\u00f3n y el an\u00e1lisis de c\u00f3mo un grupo determinado de usuarios utiliza nuestro producto<\/strong>. Las pruebas con usuarios moderadas pueden ser presenciales y\/o remotas.<\/p>\n\n\n\n<p>Nunca se debe olvidar que el objetivo del testeo es \u201cla facilidad de uso\u201d y no las habilidades de los usuarios. Esto debe ser transmitido a los usuarios que participen en las pruebas.<\/p>\n\n\n\n<p>Las pruebas con usuarios nos permiten detectar problemas de usabilidad a un muy bajo costo, y demostrar con hechos los problemas de usabilidad que experimentan los usuarios.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Importante recordar: los testers no somos el usuario<\/strong><\/h4>\n\n\n\n<p>Ahora bien, para realizar las pruebas con usuarios debemos tener en cuenta los siguientes pasos:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Preparaci\u00f3n<\/strong><\/li>\n\n\n\n<li><strong>Ejecuci\u00f3n<\/strong><\/li>\n\n\n\n<li><strong>Resultados y Hallazgos<\/strong><\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Paso 1: Preparaci\u00f3n<\/strong><\/h3>\n\n\n\n<p>Primero, se debe crear la <strong>documentaci\u00f3n inicial<\/strong> de las pruebas, en donde se definir\u00e1n: los objetivos de las pruebas, las m\u00e9tricas que se utilizar\u00e1n (por ejemplo, tiempo, \u00e9xitos de las tareas, etc.) y el texto de bienvenida.<\/p>\n\n\n\n<p>Luego, se deben <strong>definir las tareas<\/strong> a realizar por los usuarios. Las tareas deben ser priorizadas por importancia. En este punto se pueden utilizar los resultados de la evaluaci\u00f3n heur\u00edstica, para exponer los problemas de usabilidad detectados.&nbsp;<\/p>\n\n\n\n<p>Por cada tarea es importante que se defina un escenario para dar contexto al usuario, por ejemplo:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><strong>Tareas:<\/strong> \u201cEncontrar una noticia\u201d.<\/td><\/tr><tr><td><strong>Escenario: <\/strong>\u201cAcabas de salir de una reuni\u00f3n larga de 8 horas donde no tuviste acceso a internet. Te quieres relajar un poco y ver cu\u00e1les son las noticias m\u00e1s relevantes en el mundo del cine\u201d.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>Otro punto importante a considerar son los <strong>participantes. <\/strong>En este punto se debe definir: \u00bfCu\u00e1l es el p\u00fablico objetivo?, \u00bfCu\u00e1ntos participantes necesitamos?, etc. Con respecto a la cantidad de usuarios se recomiendan 5 participantes para un mejor retorno de la inversi\u00f3n (ROI). Si bien puede parecer un n\u00famero reducido de usuarios, con este n\u00famero se descubrir\u00e1n el 85% de los problemas de usabilidad.<\/p>\n\n\n\n<p>Se debe preparar la <strong>invitaci\u00f3n <\/strong>que ser\u00e1 enviada a los usuarios que participar\u00e1n, en donde se debe indicar la fecha y hora. En el caso de pruebas remotas, enviar el link de la reuni\u00f3n. Es importante no olvidar incorporar las condiciones de las pruebas.<\/p>\n\n\n\n<p>El <strong>gui\u00f3n de pruebas<\/strong> es el documento que se utilizar\u00e1 durante la sesi\u00f3n, por esta raz\u00f3n es muy importante que las tareas, con sus respectivos escenarios, y toda la informaci\u00f3n que se necesite, se encuentre ordenada. Las tareas deben estar ordenadas seg\u00fan prioridad, es decir que es lo primero que se debe hacer.<\/p>\n\n\n\n<p>Por \u00faltimo, tenemos que <strong>definir los roles <\/strong>del equipo que ejecutar\u00e1n las pruebas y el rol que cada uno de los integrantes tendr\u00e1 en ellas. Para hacer las pruebas moderadas necesitamos los siguientes roles:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Moderador<\/strong>: Es quien facilita la din\u00e1mica y habla con el usuario. Solo puede ser un integrante del equipo.<\/li>\n\n\n\n<li><strong>Observador<\/strong>: Es quien toma notas durante la prueba. Puede ser m\u00e1s de un integrante.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Paso 2: Ejecuci\u00f3n<\/strong><\/h3>\n\n\n\n<p>En esta etapa es cuando se realiza la conducci\u00f3n de la prueba. La sesi\u00f3n moderada deber\u00eda tomar entre 45 y 60 minutos. Es importante entregar instrucciones claras, como por ejemplo:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Indicar al usuario que la sesi\u00f3n ser\u00e1 grabada, tanto lo que pasa en la pantalla como en la conversaci\u00f3n. Se le debe explicar que este material se utilizar\u00e1 para analizarlo y tomar notas, con el fin de mejorar el sistema.<\/li>\n\n\n\n<li>Mencionar que se solicitar\u00e1n realizar algunas tareas, las cuales se deben explicar una a una.&nbsp;<\/li>\n\n\n\n<li>Se debe mencionar que no hay problema si el usuario no puede realizar o completar una tarea.<\/li>\n\n\n\n<li>Es muy importante indicarle al usuario que se est\u00e1 probando al sistema, no a \u00e9l o ella, por lo que no se tiene que preocupar por cometer errores.<\/li>\n\n\n\n<li>Consultar si tiene alguna pregunta o comentario antes de iniciar.<\/li>\n<\/ul>\n\n\n\n<p>Es muy importante mencionarle al usuario que mientras est\u00e9 utilizando el sistema, debe pensar en voz alta, es decir, indicar que est\u00e1 viendo, que intenta hacer y en qu\u00e9 est\u00e1 pensando. Esto ser\u00e1 de gran ayuda.<\/p>\n\n\n\n<p>Luego de terminar con las tareas, es importante realizar una encuesta al usuario. En Abstracta realizamos una encuesta para conocer qu\u00e9 tan f\u00e1cil o dif\u00edcil le result\u00f3 al usuario completar las tareas asignadas.<\/p>\n\n\n\n<p>Y por supuesto, no olvidar agradecerle por participar en esta prueba, ya que los resultados obtenidos ayudar\u00e1n a mejorar la aplicaci\u00f3n.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Paso 3: Resultados y Hallazgos<\/strong><\/h3>\n\n\n\n<p>En esta etapa final, se deben analizar los resultados obtenidos durante las pruebas, considerando las siguientes acciones:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Revisar las notas de cada sesi\u00f3n realizada.<\/li>\n\n\n\n<li>Fusionar las observaciones similares.<\/li>\n\n\n\n<li>Por cada observaci\u00f3n, se debe realizar una recomendaci\u00f3n.<\/li>\n\n\n\n<li>Preparar el informe de prueba de usabilidad que debe contener los resultados de las pruebas, los problemas detectados, las recomendaciones para estos, y los resultados de la encuesta realizada a cada uno de los usuarios.<\/li>\n\n\n\n<li>Finalmente, entregar esta informaci\u00f3n al cliente, para que pueda tomar las decisiones pertinentes.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Recomendaciones<\/h3>\n\n\n\n<p>Es recomendable aplicar ambas t\u00e9cnicas vistas anteriormente para evaluar la usabilidad de un sistema, sitio web o aplicaci\u00f3n m\u00f3vil. Al realizar una evaluaci\u00f3n heur\u00edstica podemos tener un primer acercamiento a la aplicaci\u00f3n, y con base en este an\u00e1lisis, se solucionar\u00e1n las \u00e1reas de conflicto, las cuales servir\u00e1n como base para las pruebas con usuarios.<\/p>\n\n\n\n<p><strong>En las pruebas con usuarios se puede profundizar en las \u00e1reas de conflicto detectadas en la evaluaci\u00f3n heur\u00edstica realizada.<\/strong><\/p>\n\n\n\n<p>Finalmente, se debe preparar la documentaci\u00f3n necesaria para el cliente, en donde se deben indicar los hallazgos encontrados ordenados por prioridad, y sugerir cu\u00e1les son necesarios corregir antes de salir a producci\u00f3n. Con esta informaci\u00f3n el cliente puede tomar una decisi\u00f3n al respecto.<\/p>\n\n\n\n<p>Por \u00faltimo, compartimos algunas referencias \u00fatiles para iniciarse en las pruebas de usabilidad:<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Referencias<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.nngroup.com\/articles\/ten-usability-heuristics\/\" target=\"_blank\" rel=\"noreferrer noopener\">10 Usability Heuristics for User Interface Design (Nielsen Norman Group)<\/a><\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.mordecki.com\/html\/miroyentiendo.php\" target=\"_blank\" rel=\"noreferrer noopener\">Miro y entiendo: Gu\u00eda pr\u00e1ctica de usabilidad Web (Daniel Mordecki)<\/a><\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/blog.ida.cl\" target=\"_blank\" rel=\"noreferrer noopener\">IDA<\/a><\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/concreta.com.uy\" target=\"_blank\" rel=\"noreferrer noopener\">Concreta<\/a><\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"http:\/\/www.sidar.org\/recur\/desdi\/traduc\/es\/visitable\/Herramientas.html\" target=\"_blank\" rel=\"noreferrer noopener\">Recopilaci\u00f3n de M\u00e9todos de Usabilidad (Sidar)<\/a><\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/olgacarreras.blogspot.com\" target=\"_blank\" rel=\"noreferrer noopener\">Blog Usable Accesible de Olga Carreras<\/a><\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.federico-toledo.com\/pruebas-con-usuarios-para-analizar-la-usabilidad\/\" target=\"_blank\" rel=\"noreferrer noopener\">Pruebas con usuarios para analizar la usabilidad<\/a><\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/eugeniacasabona.medium.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Blog de Eugenia Casabona<\/a><\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.istqb.org\/certification-path-root\/usability-testing.html\" target=\"_blank\" rel=\"noreferrer noopener\">The Foundation Level Usability Testing (ISTQB)<\/a><\/li>\n<\/ul>\n\n\n\n<p>\u00bfConoces alg\u00fan otro recurso \u00fatil sobre usabilidad que nos puedas recomendar para incluirlo en este post? \u00a1D\u00e9jalo en los comentarios!<\/p>\n\n\n\n\n\n<hr class=\"wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-wide\" style=\"background-color:#f1f1f1;color:#f1f1f1\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Otros contenidos relacionados<\/h3>\n\n\n\n<p><a href=\"https:\/\/cl.abstracta.us\/blog\/diseno-productos-accesibles-testing\/\" target=\"_blank\" rel=\"noreferrer noopener\">Dise\u00f1ar Productos Accesibles y no testearlos, es solo una buena intenci\u00f3n<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/cl.abstracta.us\/blog\/recursos-accesibilidad-web\/\" target=\"_blank\" rel=\"noreferrer noopener\">Recursos clave para evaluar la Accesibilidad de un Sitio Web<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/cl.abstracta.us\/blog\/arc-toolkit-herramienta-accesibilidad-web\/\" target=\"_blank\" rel=\"noreferrer noopener\">ARC Toolkit: Explorando una Herramienta para evaluar la Accesibilidad Web<\/a><\/p>\n\n\n\n<p><!-- Go to www.addthis.com\/dashboard to customize your tools --><script src=\"\/\/s7.addthis.com\/js\/300\/addthis_widget.js#pubid=ra-58d80a50fc4f926d\" type=\"text\/javascript\"><\/script<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Junto a las pruebas funcionales, las pruebas de usabilidad son una herramienta fundamental para corregir y mejorar las apps, entender c\u00f3mo interact\u00faan los usuarios y qu\u00e9 tan f\u00e1cil les resulta usarlas. <\/p>\n","protected":false},"author":14,"featured_media":7885,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[56],"tags":[109,16,61],"class_list":["post-7778","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-pruebas-accesibilidad","tag-pruebas-interfaz-grafica-usuario","tag-pruebas-de-software","tag-pruebas-de-usabilidad"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.13 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Pruebas de usabilidad desde la mirada del testing de software - Abstracta<\/title>\n<meta name=\"description\" content=\"Junto a las pruebas funcionales, las pruebas de usabilidad son una herramienta fundamental para corregir y mejorar las apps, entender c\u00f3mo interact\u00faan los usuarios y qu\u00e9 tan f\u00e1cil les resulta usarlas.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/es.abstracta.us\/blog\/pruebas-usabilidad-desde-mirada-testing\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Pruebas de usabilidad desde la mirada del testing de software - Abstracta\" \/>\n<meta property=\"og:description\" content=\"Junto a las pruebas funcionales, las pruebas de usabilidad son una herramienta fundamental para corregir y mejorar las apps, entender c\u00f3mo interact\u00faan los usuarios y qu\u00e9 tan f\u00e1cil les resulta usarlas.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/es.abstracta.us\/blog\/pruebas-usabilidad-desde-mirada-testing\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog de Desarrollo de Software, Testing e Inteligencia Artificial | Abstracta\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/AbstractaChile\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-09-13T21:08:20+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-02-15T20:23:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/es.abstracta.us\/wp-content\/uploads\/2021\/09\/pruebas-de-usabilidad.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"338\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Pia Tobar\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@AbstractaChile\" \/>\n<meta name=\"twitter:site\" content=\"@AbstractaChile\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Pia Tobar\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"21 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/es.abstracta.us\/blog\/pruebas-usabilidad-desde-mirada-testing\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/es.abstracta.us\/blog\/pruebas-usabilidad-desde-mirada-testing\/\"},\"author\":{\"name\":\"Pia Tobar\",\"@id\":\"https:\/\/es.abstracta.us\/blog\/#\/schema\/person\/918d2c653d2ac7c7e3d4aa050015075a\"},\"headline\":\"Pruebas de usabilidad desde la mirada del testing de software\",\"datePublished\":\"2021-09-13T21:08:20+00:00\",\"dateModified\":\"2024-02-15T20:23:07+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/es.abstracta.us\/blog\/pruebas-usabilidad-desde-mirada-testing\/\"},\"wordCount\":4313,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/es.abstracta.us\/blog\/#organization\"},\"keywords\":[\"Pruebas de GUI\",\"Pruebas de Software\",\"Pruebas de Usabilidad\"],\"articleSection\":[\"Pruebas de Accesibilidad\"],\"inLanguage\":\"es-CL\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/es.abstracta.us\/blog\/pruebas-usabilidad-desde-mirada-testing\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/es.abstracta.us\/blog\/pruebas-usabilidad-desde-mirada-testing\/\",\"url\":\"https:\/\/es.abstracta.us\/blog\/pruebas-usabilidad-desde-mirada-testing\/\",\"name\":\"Pruebas de usabilidad desde la mirada del testing de software - Abstracta\",\"isPartOf\":{\"@id\":\"https:\/\/es.abstracta.us\/blog\/#website\"},\"datePublished\":\"2021-09-13T21:08:20+00:00\",\"dateModified\":\"2024-02-15T20:23:07+00:00\",\"description\":\"Junto a las pruebas funcionales, las pruebas de usabilidad son una herramienta fundamental para corregir y mejorar las apps, entender c\u00f3mo interact\u00faan los usuarios y qu\u00e9 tan f\u00e1cil les resulta usarlas.\",\"breadcrumb\":{\"@id\":\"https:\/\/es.abstracta.us\/blog\/pruebas-usabilidad-desde-mirada-testing\/#breadcrumb\"},\"inLanguage\":\"es-CL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/es.abstracta.us\/blog\/pruebas-usabilidad-desde-mirada-testing\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/es.abstracta.us\/blog\/pruebas-usabilidad-desde-mirada-testing\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/es.abstracta.us\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Pruebas de usabilidad desde la mirada del testing de software\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/es.abstracta.us\/blog\/#website\",\"url\":\"https:\/\/es.abstracta.us\/blog\/\",\"name\":\"Abstracta\",\"description\":\"Recursos, buenas pr\u00e1cticas, tendencias y rese\u00f1as de herramientas de desarrollo de software, testing e Inteligencia Artificial.\",\"publisher\":{\"@id\":\"https:\/\/es.abstracta.us\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/es.abstracta.us\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"es-CL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/es.abstracta.us\/blog\/#organization\",\"name\":\"Abstracta\",\"url\":\"https:\/\/es.abstracta.us\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es-CL\",\"@id\":\"https:\/\/es.abstracta.us\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/es.abstracta.us\/wp-content\/uploads\/2024\/03\/abstracta-logo.png\",\"contentUrl\":\"https:\/\/es.abstracta.us\/wp-content\/uploads\/2024\/03\/abstracta-logo.png\",\"width\":1217,\"height\":300,\"caption\":\"Abstracta\"},\"image\":{\"@id\":\"https:\/\/es.abstracta.us\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.instagram.com\/we_are_abstracta\/\",\"https:\/\/www.linkedin.com\/showcase\/abstracta-chile\/\",\"https:\/\/www.youtube.com\/channel\/UCj4dx2LZCRcgM8GzxYEKYeQ\",\"https:\/\/www.facebook.com\/AbstractaChile\/\",\"https:\/\/twitter.com\/AbstractaChile\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/es.abstracta.us\/blog\/#\/schema\/person\/918d2c653d2ac7c7e3d4aa050015075a\",\"name\":\"Pia Tobar\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es-CL\",\"@id\":\"https:\/\/es.abstracta.us\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/cb086d29c899ba61b278f7f2c0dff777?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/cb086d29c899ba61b278f7f2c0dff777?s=96&d=mm&r=g\",\"caption\":\"Pia Tobar\"},\"description\":\"QE Lead en Abstracta Chile\",\"sameAs\":[\"http:\/\/cl.abstracta.us\",\"https:\/\/www.linkedin.com\/in\/piatobar\/\"],\"url\":\"https:\/\/es.abstracta.us\/blog\/author\/pia-tobar\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Pruebas de usabilidad desde la mirada del testing de software - Abstracta","description":"Junto a las pruebas funcionales, las pruebas de usabilidad son una herramienta fundamental para corregir y mejorar las apps, entender c\u00f3mo interact\u00faan los usuarios y qu\u00e9 tan f\u00e1cil les resulta usarlas.","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:\/\/es.abstracta.us\/blog\/pruebas-usabilidad-desde-mirada-testing\/","og_locale":"es_ES","og_type":"article","og_title":"Pruebas de usabilidad desde la mirada del testing de software - Abstracta","og_description":"Junto a las pruebas funcionales, las pruebas de usabilidad son una herramienta fundamental para corregir y mejorar las apps, entender c\u00f3mo interact\u00faan los usuarios y qu\u00e9 tan f\u00e1cil les resulta usarlas.","og_url":"https:\/\/es.abstracta.us\/blog\/pruebas-usabilidad-desde-mirada-testing\/","og_site_name":"Blog de Desarrollo de Software, Testing e Inteligencia Artificial | Abstracta","article_publisher":"https:\/\/www.facebook.com\/AbstractaChile\/","article_published_time":"2021-09-13T21:08:20+00:00","article_modified_time":"2024-02-15T20:23:07+00:00","og_image":[{"width":600,"height":338,"url":"https:\/\/es.abstracta.us\/wp-content\/uploads\/2021\/09\/pruebas-de-usabilidad.jpg","type":"image\/jpeg"}],"author":"Pia Tobar","twitter_card":"summary_large_image","twitter_creator":"@AbstractaChile","twitter_site":"@AbstractaChile","twitter_misc":{"Written by":"Pia Tobar","Est. reading time":"21 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/es.abstracta.us\/blog\/pruebas-usabilidad-desde-mirada-testing\/#article","isPartOf":{"@id":"https:\/\/es.abstracta.us\/blog\/pruebas-usabilidad-desde-mirada-testing\/"},"author":{"name":"Pia Tobar","@id":"https:\/\/es.abstracta.us\/blog\/#\/schema\/person\/918d2c653d2ac7c7e3d4aa050015075a"},"headline":"Pruebas de usabilidad desde la mirada del testing de software","datePublished":"2021-09-13T21:08:20+00:00","dateModified":"2024-02-15T20:23:07+00:00","mainEntityOfPage":{"@id":"https:\/\/es.abstracta.us\/blog\/pruebas-usabilidad-desde-mirada-testing\/"},"wordCount":4313,"commentCount":0,"publisher":{"@id":"https:\/\/es.abstracta.us\/blog\/#organization"},"keywords":["Pruebas de GUI","Pruebas de Software","Pruebas de Usabilidad"],"articleSection":["Pruebas de Accesibilidad"],"inLanguage":"es-CL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/es.abstracta.us\/blog\/pruebas-usabilidad-desde-mirada-testing\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/es.abstracta.us\/blog\/pruebas-usabilidad-desde-mirada-testing\/","url":"https:\/\/es.abstracta.us\/blog\/pruebas-usabilidad-desde-mirada-testing\/","name":"Pruebas de usabilidad desde la mirada del testing de software - Abstracta","isPartOf":{"@id":"https:\/\/es.abstracta.us\/blog\/#website"},"datePublished":"2021-09-13T21:08:20+00:00","dateModified":"2024-02-15T20:23:07+00:00","description":"Junto a las pruebas funcionales, las pruebas de usabilidad son una herramienta fundamental para corregir y mejorar las apps, entender c\u00f3mo interact\u00faan los usuarios y qu\u00e9 tan f\u00e1cil les resulta usarlas.","breadcrumb":{"@id":"https:\/\/es.abstracta.us\/blog\/pruebas-usabilidad-desde-mirada-testing\/#breadcrumb"},"inLanguage":"es-CL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/es.abstracta.us\/blog\/pruebas-usabilidad-desde-mirada-testing\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/es.abstracta.us\/blog\/pruebas-usabilidad-desde-mirada-testing\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/es.abstracta.us\/blog\/"},{"@type":"ListItem","position":2,"name":"Pruebas de usabilidad desde la mirada del testing de software"}]},{"@type":"WebSite","@id":"https:\/\/es.abstracta.us\/blog\/#website","url":"https:\/\/es.abstracta.us\/blog\/","name":"Abstracta","description":"Recursos, buenas pr\u00e1cticas, tendencias y rese\u00f1as de herramientas de desarrollo de software, testing e Inteligencia Artificial.","publisher":{"@id":"https:\/\/es.abstracta.us\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/es.abstracta.us\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"es-CL"},{"@type":"Organization","@id":"https:\/\/es.abstracta.us\/blog\/#organization","name":"Abstracta","url":"https:\/\/es.abstracta.us\/blog\/","logo":{"@type":"ImageObject","inLanguage":"es-CL","@id":"https:\/\/es.abstracta.us\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/es.abstracta.us\/wp-content\/uploads\/2024\/03\/abstracta-logo.png","contentUrl":"https:\/\/es.abstracta.us\/wp-content\/uploads\/2024\/03\/abstracta-logo.png","width":1217,"height":300,"caption":"Abstracta"},"image":{"@id":"https:\/\/es.abstracta.us\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/we_are_abstracta\/","https:\/\/www.linkedin.com\/showcase\/abstracta-chile\/","https:\/\/www.youtube.com\/channel\/UCj4dx2LZCRcgM8GzxYEKYeQ","https:\/\/www.facebook.com\/AbstractaChile\/","https:\/\/twitter.com\/AbstractaChile"]},{"@type":"Person","@id":"https:\/\/es.abstracta.us\/blog\/#\/schema\/person\/918d2c653d2ac7c7e3d4aa050015075a","name":"Pia Tobar","image":{"@type":"ImageObject","inLanguage":"es-CL","@id":"https:\/\/es.abstracta.us\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/cb086d29c899ba61b278f7f2c0dff777?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/cb086d29c899ba61b278f7f2c0dff777?s=96&d=mm&r=g","caption":"Pia Tobar"},"description":"QE Lead en Abstracta Chile","sameAs":["http:\/\/cl.abstracta.us","https:\/\/www.linkedin.com\/in\/piatobar\/"],"url":"https:\/\/es.abstracta.us\/blog\/author\/pia-tobar\/"}]}},"jetpack_featured_media_url":"https:\/\/es.abstracta.us\/wp-content\/uploads\/2021\/09\/pruebas-de-usabilidad.jpg","_links":{"self":[{"href":"https:\/\/es.abstracta.us\/blog\/wp-json\/wp\/v2\/posts\/7778"}],"collection":[{"href":"https:\/\/es.abstracta.us\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/es.abstracta.us\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/es.abstracta.us\/blog\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/es.abstracta.us\/blog\/wp-json\/wp\/v2\/comments?post=7778"}],"version-history":[{"count":30,"href":"https:\/\/es.abstracta.us\/blog\/wp-json\/wp\/v2\/posts\/7778\/revisions"}],"predecessor-version":[{"id":17087,"href":"https:\/\/es.abstracta.us\/blog\/wp-json\/wp\/v2\/posts\/7778\/revisions\/17087"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/es.abstracta.us\/blog\/wp-json\/wp\/v2\/media\/7885"}],"wp:attachment":[{"href":"https:\/\/es.abstracta.us\/blog\/wp-json\/wp\/v2\/media?parent=7778"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/es.abstracta.us\/blog\/wp-json\/wp\/v2\/categories?post=7778"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/es.abstracta.us\/blog\/wp-json\/wp\/v2\/tags?post=7778"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}