<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Usabilidad archivos - Focux</title>
	<atom:link href="https://aprende-ux.focux.io/category/usabilidad/feed/" rel="self" type="application/rss+xml" />
	<link>https://aprende-ux.focux.io/category/usabilidad/</link>
	<description></description>
	<lastBuildDate>Thu, 23 Jun 2022 12:36:25 +0000</lastBuildDate>
	<language>es</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.7.2</generator>
	<item>
		<title>¿Qué es la usabilidad y por qué es tan importante?</title>
		<link>https://aprende-ux.focux.io/que-es-la-usabilidad/</link>
					<comments>https://aprende-ux.focux.io/que-es-la-usabilidad/#respond</comments>
		
		<dc:creator><![CDATA[FOCUX Blog]]></dc:creator>
		<pubDate>Mon, 28 Mar 2022 12:54:11 +0000</pubDate>
				<category><![CDATA[Usabilidad]]></category>
		<category><![CDATA[Definición del concepto]]></category>
		<guid isPermaLink="false">https:/?p=6831</guid>

					<description><![CDATA[<p>¿Quieres saber que es la usabilidad? Entra a nuestro artículo y descubre por qué la usabilidad está cambiando el mundo del software y la web.</p>
<p>La entrada <a href="https://aprende-ux.focux.io/que-es-la-usabilidad/">¿Qué es la usabilidad y por qué es tan importante?</a> se publicó primero en <a href="https://aprende-ux.focux.io">Focux</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Hoy vamos a explicar de qué trata exactamente <strong>la usabilidad</strong>. Los beneficios que nos puede aportar al desarrollo y crecimiento de un negocio, y por supuesto, los aspectos claves que necesita una buena usabilidad.</p>



<h2 class="wp-block-heading">Definición de usabilidad</h2>



<p>Si entramos en lo técnico, <strong>usabilidad</strong> se define como la calidad de la experiencia del usuario cuando interactúa con productos o sistemas, incluyendo sitios web, software, dispositivos o aplicaciones.</p>



<p>Aunque si tenemos que dar una explicación más sencilla, se puede entender como asegurarse que algo funcione bien y que una persona con pocas habilidades y experiencia pueda usarlo para el propósito previsto, <strong>sin frustraciones</strong> <strong>ni obstáculos.</strong>&nbsp;</p>



<p>Todo esto <strong>se aplica a cualquier ámbito digital</strong>, y tu e-commerce o página web también necesita una buena usabilidad y accesibilidad.</p>



<h2 class="wp-block-heading">¿Cuáles son los beneficios de la usabilidad?&nbsp;</h2>



<p>A continuación te presentamos <strong>los principales beneficios</strong> que deberías tener en cuenta:&nbsp;</p>



<ul class="wp-block-list"><li><strong>Ganar más dinero</strong>, ya que un software bien diseñado y accesible incita al usuario a comprar lo que estaba buscando.</li></ul>



<div style="height:15px" aria-hidden="true" class="wp-block-spacer"></div>



<ul class="wp-block-list"><li>La <strong>rapidez del aprendizaje</strong>, es decir el manejo de tu web será mucho más rápido e intuitivo. Por lo que tus usuarios encontrarán el producto que desean sin perderse por el camino.</li></ul>



<div style="height:15px" aria-hidden="true" class="wp-block-spacer"></div>



<ul class="wp-block-list"><li>Reduce <strong>costes, tiempo y esfuerzo</strong> del soporte técnico.</li></ul>



<div style="height:15px" aria-hidden="true" class="wp-block-spacer"></div>



<ul class="wp-block-list"><li>Aumentan las reseñas y los comentarios positivos, ya que no tendrán ningún reparo en <strong>recomendar</strong> tu web.</li></ul>



<div style="height:15px" aria-hidden="true" class="wp-block-spacer"></div>



<ul class="wp-block-list"><li>Se reduce el <strong>impacto negativo</strong> en los comentarios y en la audiencia. </li></ul>



<div style="height:15px" aria-hidden="true" class="wp-block-spacer"></div>



<ul class="wp-block-list"><li>La unión de estos dos últimos beneficios conseguirá que <strong>la imagen y el prestigio</strong> de tu empresa mejore y tenga mayor presencia online.</li></ul>



<div style="height:15px" aria-hidden="true" class="wp-block-spacer"></div>



<ul class="wp-block-list"><li><strong>Limita gastar recursos innecesarios</strong> en diseño, mantenimiento y corrección de errores.</li></ul>



<div style="height:15px" aria-hidden="true" class="wp-block-spacer"></div>



<ul class="wp-block-list"><li><strong>Optimiza</strong> todas las secciones de tu plataforma.</li></ul>



<div style="height:15px" aria-hidden="true" class="wp-block-spacer"></div>



<ul class="wp-block-list"><li>Mejora el <strong>diseño responsive</strong> de tu software en todos los dispositivos.</li></ul>



<h2 class="wp-block-heading">Los 5 aspectos claves de la usabilidad</h2>


<div class="wp-block-image">
<figure class="aligncenter"><img fetchpriority="high" decoding="async" width="540" height="427" src="https://aprende-ux.focux.io/wp-content/uploads/2022/03/Infografia-Post-1.png" alt="Las 5 claves para mejorar tu usabilidad" class="wp-image-6834" title="Aspectos claves de usabilidad" srcset="https://aprende-ux.focux.io/wp-content/uploads/2022/03/Infografia-Post-1.png 540w, https://aprende-ux.focux.io/wp-content/uploads/2022/03/Infografia-Post-1-300x237.png 300w" sizes="(max-width: 540px) 100vw, 540px" /></figure></div>


<p>Uno de los mayores exponentes que podemos encontrar a día de hoy en el mundo de la usabilidad,<a href="https:/principios-de-usabilidad-de-jakob-nielsen/" target="_blank" rel="noreferrer noopener"> <strong>Jakob Nielsen</strong></a>, explica que todo producto debe cumplir 5 componentes básicos para ser totalmente accesible. Vamos a verlos.</p>



<ul class="wp-block-list"><li>Aprendizaje</li><li>Eficiencia</li><li>Memoria</li><li>Errores</li><li>Satisfacción</li></ul>



<h3 class="wp-block-heading">Aprendizaje</h3>



<p>Se refiere a <strong>qué tan fácil es aprender a usar tu producto</strong>. Las personas no queremos complicarnos la vida y cualquier tarea que sea más complicada de realizar de lo normal, vamos a abandonarla y pasar a otra cosa.</p>



<p>Es por eso que hay que <strong>limitar los procesos</strong> a la hora de enseñar o guiar a las personas por las rutas del software, y hacerlos de la manera más eficiente posible.</p>



<blockquote class="wp-block-quote is-style-default is-layout-flow wp-block-quote-is-layout-flow"><p><em>Jakob Nielsen definió la usabilidad como el atributo de calidad que mide lo fáciles que son de usar las interfaces Web</em>.</p></blockquote>



<h3 class="wp-block-heading">Eficiencia</h3>



<p>Relacionado directamente con el aprendizaje, la eficiencia <strong>determina los tiempos que dura cada proceso y la facilidad de acceso</strong> o instalación a los diferentes apartados del sistema.</p>



<p>Un producto eficiente debe permitir la rápida llegada a cualquier punto de este, sin poner límites en el proceso de aprendizaje, y por supuesto, que <strong>todo funcione correctamente sin problemas</strong>.</p>



<h3 class="wp-block-heading">Memoria</h3>



<p>Hablamos de la <strong>facilidad</strong> que le damos al usuario para recordar todos los procesos que abarca el producto, sin tener que repetir la curva de aprendizaje.</p>



<p>En resumen, queremos que <strong>el usuario recuerde cómo funciona tu producto</strong>, y eso solo se consigue otorgando procesos que resulten sencillos de recorrer y recordar.</p>



<h3 class="wp-block-heading">Errores&nbsp;</h3>



<p>Aquí se señala cómo tu web <strong>ayuda al usuario a salir de los errores</strong>.</p>



<p>Cuando ocurre algo inesperado en tu plataforma, el cliente debe saber en todo momento que no es su fallo, y lo que es más importante, que <strong>la usabilidad le ayude a resolver esa situación de manera satisfactoria</strong>.</p>



<h3 class="wp-block-heading">Satisfacción</h3>



<p>No sirve de nada cumplir todos los requisitos si al finalizar el proceso <strong>el usuario se marcha descontento y con una mala impresión</strong>.</p>



<p>Cuando conseguimos que todos los aspectos se relacionen entre sí, es el momento en que la satisfacción resulta <strong>exitosa</strong>, porque nunca debemos dejar de preguntarnos qué tan contentos están los usuarios con el producto.</p>



<h2 class="wp-block-heading">¿Por qué debo mejorar mi usabilidad?</h2>



<p>Llegados a este punto, te hemos presentado <strong>todas las condiciones donde una buena usabilidad</strong> aporta mejoras en todo tipo de productos y situaciones. No solo <strong>mejora la experiencia de tus usuarios</strong>, también se traduce en el aumento de los objetivos que te marques con tu web o producto. </p>



<p>Si quieres ver un ejemplo real donde la usabilidad cambió drásticamente la situación de una empresa, no te pierdas nuestro vídeo sobre <strong>el botón de los 300 Millones</strong>, seguro que te sorprende.</p>



<iframe width="560" height="315" src="https://www.youtube.com/embed/vq9Pl_SCUQY" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>



<p>A nadie le gusta estar frustrado cuando simplemente quiere consumir cualquier tipo de contenido. Eso es lo que hace algo usable, la <strong>ausencia de frustración</strong>. Porque la usabilidad es como el oxígeno, nunca la notas hasta que hace falta.</p>
<p>La entrada <a href="https://aprende-ux.focux.io/que-es-la-usabilidad/">¿Qué es la usabilidad y por qué es tan importante?</a> se publicó primero en <a href="https://aprende-ux.focux.io">Focux</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://aprende-ux.focux.io/que-es-la-usabilidad/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Principios de usabilidad de Jakob Nielsen ¡Los mejores ejemplos!</title>
		<link>https://aprende-ux.focux.io/principios-de-usabilidad-de-jakob-nielsen/</link>
					<comments>https://aprende-ux.focux.io/principios-de-usabilidad-de-jakob-nielsen/#respond</comments>
		
		<dc:creator><![CDATA[FOCUX Blog]]></dc:creator>
		<pubDate>Mon, 28 Mar 2022 12:54:01 +0000</pubDate>
				<category><![CDATA[Usabilidad]]></category>
		<category><![CDATA[Desarrollo del concepto]]></category>
		<guid isPermaLink="false">https:/?p=6859</guid>

					<description><![CDATA[<p>¿Conoces los 10 Principios de Usabilidad de Jakob Nielsen? Descubre en este post qué son y ejemplos prácticos para aplicarlos correctamente.</p>
<p>La entrada <a href="https://aprende-ux.focux.io/principios-de-usabilidad-de-jakob-nielsen/">Principios de usabilidad de Jakob Nielsen ¡Los mejores ejemplos!</a> se publicó primero en <a href="https://aprende-ux.focux.io">Focux</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Los principios de usabilidad de Jakob Nielsen que vamos a ver en este artículo son claves para realizar <strong><a href="https:/que-es-la-usabilidad/">una buena usabilidad</a></strong>. Estos principios fueron elaborados por Jakob, por lo que primero vamos a descubrir quién es exactamente este gran experto.</p>



<h2 class="wp-block-heading">¿Quién es Jakob Nielsen?</h2>



<p>Es considerado mundialmente como el <strong>padre de la usabilidad</strong>, y la define como el atributo de calidad que mide lo fáciles de usar que son las interfaces web. Es decir que tu producto esté centrado en el usuario, y optimizado para mejorar su experiencia. Actualmente es el co-fundador de Nielsen Norman Group con Donald Norman, otro experto en usabilidad.</p>



<p>En 1995, Nielsen redactó los <strong>10 principios básicos</strong> que la usabilidad debe cumplir. Esto fue consecuencia de su investigación junto a Rolf Molich sobre cómo mejorar la interacción entre el humano y el ordenador. El experto estudió 249 problemas de la usabilidad, dando como resultado los principios que vamos a tratar.</p>



<h2 class="wp-block-heading">Principios de usabilidad de Jakob Nielsen</h2>



<p>Estos son los <strong>10 principios de usabilidad </strong>claves en el método Nielsen:</p>



<h3 class="wp-block-heading">Visibilidad del estado del sistema</h3>



<p>Todos hemos enviado alguna vez un mensaje en una página de contacto, pero nadie nos ha dicho si ese mensaje ha llegado correctamente o no.</p>



<p>Por eso el sistema siempre debe <strong>mantener informados</strong> a los usuarios de lo que está ocurriendo en pantalla. Sin olvidar que hay que ofrecer una respuesta en el menor tiempo posible.</p>



<h4 class="wp-block-heading"><strong>Ejemplo</strong></h4>



<h3 class="has-text-align-center wp-block-heading"><img decoding="async" class="alignnone wp-image-6863 size-full" style="font-size: 16px;" title="Principio de usabilidad estado del sistema" src="https://aprende-ux.focux.io/wp-content/uploads/2022/03/Ejemplo-visibilidad-estado-del-sistema.png" alt="Principio de usabilidad estado del sistema" width="800" height="400" srcset="https://aprende-ux.focux.io/wp-content/uploads/2022/03/Ejemplo-visibilidad-estado-del-sistema.png 800w, https://aprende-ux.focux.io/wp-content/uploads/2022/03/Ejemplo-visibilidad-estado-del-sistema-300x150.png 300w, https://aprende-ux.focux.io/wp-content/uploads/2022/03/Ejemplo-visibilidad-estado-del-sistema-768x384.png 768w" sizes="(max-width: 800px) 100vw, 800px" /></h3>



<p>Las <strong>breadcrumbs</strong> o migas de pan, son un gran ejemplo. Indican paso por paso el recorrido que estamos llevando a cabo en una web.</p>



<h3 class="wp-block-heading">Relación entre el sistema y el mundo real</h3>



<p>El sistema debería hablar el <strong>lenguaje de los usuarios</strong> mediante palabras, frases y conceptos que sean familiares. Nuestros usuarios tienen que reconocer la información fácilmente.</p>



<p>Es importante seguir un orden lógico en la estructura, para que se pueda seguir con naturalidad. Este objetivo se puede conseguir gracias al uso de imágenes o iconos que representan el contenido de forma simple.</p>



<h4 class="wp-block-heading"><strong>Ejemplo</strong></h4>



<figure class="wp-block-image"><img loading="lazy" decoding="async" width="800" height="400" src="https://aprende-ux.focux.io/wp-content/uploads/2022/03/Ejemplo-Relacion-entre-el-sistema-y-el-mundo-real.png" alt="Principio de usabilidad relación entre el sistema y el mundo real" class="wp-image-6864" title="Principio de usabilidad relación entre el sistema y el mundo real" srcset="https://aprende-ux.focux.io/wp-content/uploads/2022/03/Ejemplo-Relacion-entre-el-sistema-y-el-mundo-real.png 800w, https://aprende-ux.focux.io/wp-content/uploads/2022/03/Ejemplo-Relacion-entre-el-sistema-y-el-mundo-real-300x150.png 300w, https://aprende-ux.focux.io/wp-content/uploads/2022/03/Ejemplo-Relacion-entre-el-sistema-y-el-mundo-real-768x384.png 768w" sizes="auto, (max-width: 800px) 100vw, 800px" /></figure>



<p>Una buena muestra de esto fue el cambio de Twitter con el botón de favoritos. Decidieron sustituirlo por el me gusta porque el corazón es más <strong>fácil de reconocer</strong> mundialmente.</p>



<h3 class="wp-block-heading">Control y libertad del usuario</h3>



<p>Hay ocasiones en que los usuarios eligen las funciones del sistema por error y necesitarán una “salida de emergencia”.</p>



<p>Equivocarse es humano, por eso tenemos que pensar en una solución para que el usuario pueda cambiar su decisión. El botón de botón de “deshacer acción” es la manera más directa de aplicarlo y evitar la <strong>frustración</strong> del cliente.</p>



<h4 class="wp-block-heading"><strong>Ejemplo</strong></h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="800" height="400" src="https://aprende-ux.focux.io/wp-content/uploads/2022/03/Ejemplo-control-y-libertad-del-usuario.png" alt="Principio de usabilidad control y libertad del sistema" class="wp-image-6865" srcset="https://aprende-ux.focux.io/wp-content/uploads/2022/03/Ejemplo-control-y-libertad-del-usuario.png 800w, https://aprende-ux.focux.io/wp-content/uploads/2022/03/Ejemplo-control-y-libertad-del-usuario-300x150.png 300w, https://aprende-ux.focux.io/wp-content/uploads/2022/03/Ejemplo-control-y-libertad-del-usuario-768x384.png 768w" sizes="auto, (max-width: 800px) 100vw, 800px" /></figure>



<p>En Word y todos los programas de edición, el<strong> botón de deshacer</strong> se ha implementado como un estándar. Da la posibilidad al usuario de rehacer el trabajo todas las veces que quiera.</p>



<h3 class="wp-block-heading">Consistencia y estándares</h3>



<p>Hacer uso de las convenciones. Los usuarios no deberían <strong>cuestionarse</strong> si acciones, situaciones o palabras diferentes significan en realidad la misma cosa.</p>



<p>Está bien que tu color corporativo sea por ejemplo el verde y lo uses en tu web. Pero si vas a implementar un botón de cancelar o borrar no puedes usarlo, ya que tenemos asociado el verde a aceptar y el rojo a cancelar una acción.</p>



<h4 class="wp-block-heading"><strong>Ejemplo</strong></h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="800" height="400" src="https://aprende-ux.focux.io/wp-content/uploads/2022/03/Ejemplo-consitencia-y-estandares.png" alt="Aspecto clave de consistencia y estándares" class="wp-image-6866" srcset="https://aprende-ux.focux.io/wp-content/uploads/2022/03/Ejemplo-consitencia-y-estandares.png 800w, https://aprende-ux.focux.io/wp-content/uploads/2022/03/Ejemplo-consitencia-y-estandares-300x150.png 300w, https://aprende-ux.focux.io/wp-content/uploads/2022/03/Ejemplo-consitencia-y-estandares-768x384.png 768w" sizes="auto, (max-width: 800px) 100vw, 800px" /></figure>



<p>Muchas veces optamos por un chat en vivo o <strong>chat Bot</strong> para atender a los clientes. Aunque muchas veces dan problemas y confunden al cliente a la hora de realizar comandos sencillos. Como en el ejemplo, saber si cancelar significa cancelar se puede complicar mucho.</p>



<h3 class="wp-block-heading">Prevención de errores</h3>



<p>Además de resolver el error, hay que pensar en la manera de <strong>prevenir</strong> un error que pueda cometer el usuario. Un buen diseño de mensajes de errores realiza un diseño cuidadoso que prevenga la ocurrencia de problemas.</p>



<p>A la hora de realizar un formulario siempre piden repetir dos veces el correo, ¿verdad? Eso es a lo que se refiere el principio, anticiparse al posible error.</p>



<h4 class="wp-block-heading"><strong>Ejemplo</strong></h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="800" height="400" src="https://aprende-ux.focux.io/wp-content/uploads/2022/03/Ejemplo-prevencion-de-errores-1.png" alt="" class="wp-image-6943" srcset="https://aprende-ux.focux.io/wp-content/uploads/2022/03/Ejemplo-prevencion-de-errores-1.png 800w, https://aprende-ux.focux.io/wp-content/uploads/2022/03/Ejemplo-prevencion-de-errores-1-300x150.png 300w, https://aprende-ux.focux.io/wp-content/uploads/2022/03/Ejemplo-prevencion-de-errores-1-768x384.png 768w" sizes="auto, (max-width: 800px) 100vw, 800px" /></figure>



<p>El <strong>autocompletar</strong> de los buscadores es una manera eficiente de ofrecer la solución directa al consumidor y evitar las equivocaciones.</p>



<h3 class="wp-block-heading">Reconocimiento antes que recuerdo</h3>



<p>Hacer visibles acciones y opciones para que el usuario no tenga que recordar información entre distintas secciones o partes del sitio web o aplicación. Básicamente <strong>ahorrar tiempo</strong> al cliente y que no tenga que volver a pasar por los mismos procesos.</p>



<p>Recomendar las opciones preferidas o recientes que el usuario ha realizado es un método muy eficaz de aplicarlo. Así tiene a un clic de alcance todas las configuraciones anteriores.</p>



<h4 class="wp-block-heading"><strong>Ejemplo</strong></h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="800" height="400" src="https://aprende-ux.focux.io/wp-content/uploads/2022/03/Ejemplo-reconicimiento-antes-que-recuerdo.png" alt="Canva nos permite guardar la paleta de colores de nuestra marca." class="wp-image-6872" srcset="https://aprende-ux.focux.io/wp-content/uploads/2022/03/Ejemplo-reconicimiento-antes-que-recuerdo.png 800w, https://aprende-ux.focux.io/wp-content/uploads/2022/03/Ejemplo-reconicimiento-antes-que-recuerdo-300x150.png 300w, https://aprende-ux.focux.io/wp-content/uploads/2022/03/Ejemplo-reconicimiento-antes-que-recuerdo-768x384.png 768w" sizes="auto, (max-width: 800px) 100vw, 800px" /></figure>



<p>Los editores de imagen o video tienen multitud de funciones que cumplen este principio. Canva cuenta con la opción de seleccionar los <strong>colores de tu marca</strong> para no buscarlos en cada diseño.</p>



<h3 class="wp-block-heading">Flexibilidad y eficiencia de uso</h3>



<p>La presencia de atajos pueden hacer más rápida la interacción para usuarios expertos. Hay que tener <strong>adaptada</strong> la web tanto para usuarios novatos como expertos.</p>



<p>Aunque siempre habrá personas más avanzadas que requieran de una serie de opciones que agilicen su búsqueda o las acciones con el producto.</p>



<h4 class="wp-block-heading"><strong>Ejemplo</strong></h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="800" height="400" src="https://aprende-ux.focux.io/wp-content/uploads/2022/03/Ejemplo-flexibilidad-y-facilidad-de-uso-1.png" alt="" class="wp-image-6944" srcset="https://aprende-ux.focux.io/wp-content/uploads/2022/03/Ejemplo-flexibilidad-y-facilidad-de-uso-1.png 800w, https://aprende-ux.focux.io/wp-content/uploads/2022/03/Ejemplo-flexibilidad-y-facilidad-de-uso-1-300x150.png 300w, https://aprende-ux.focux.io/wp-content/uploads/2022/03/Ejemplo-flexibilidad-y-facilidad-de-uso-1-768x384.png 768w" sizes="auto, (max-width: 800px) 100vw, 800px" /></figure>



<p>Buscar una imagen en Google lo puede hacer cualquiera, pero tal vez no todos sepan que pueden filtrar según sus preferencias. Siempre existirán usuarios que requieran <strong>métodos avanzados</strong>, y tenemos que ofrecerlos.</p>



<h3 class="wp-block-heading">Estética y diseño minimalista</h3>



<p>La interfaz no debe contener información que es irrelevante o poco usada. Perder el tiempo de manera innecesaria rebuscando algo en una web es algo que molesta mucho.</p>



<p><span style="font-weight: 400;">El diseño de la interfaz debe ser <strong>clara y funcional</strong>, limitando las opciones a lo estrictamente necesario para el funcionamiento del software.</span></p>



<h4 class="wp-block-heading"><strong>Ejemplo</strong></h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="800" height="400" src="https://aprende-ux.focux.io/wp-content/uploads/2022/03/Ejemplo-estetica-y-diseno-miminalista-1.png" alt="" class="wp-image-6945" srcset="https://aprende-ux.focux.io/wp-content/uploads/2022/03/Ejemplo-estetica-y-diseno-miminalista-1.png 800w, https://aprende-ux.focux.io/wp-content/uploads/2022/03/Ejemplo-estetica-y-diseno-miminalista-1-300x150.png 300w, https://aprende-ux.focux.io/wp-content/uploads/2022/03/Ejemplo-estetica-y-diseno-miminalista-1-768x384.png 768w" sizes="auto, (max-width: 800px) 100vw, 800px" /></figure>



<p>La web más usada en todo el mundo. No hay que pecar de excesos ni mostrar cosas innecesarias. Sencillo, claro y al grano.</p>



<h3 class="wp-block-heading">Ayudar a los usuarios a reconocer, diagnosticar y recuperarse de errores.</h3>



<p>Los mensajes de error tienen que informar de este. De nada sirve indicar que se ha producido el error 404 si no aporta nada a la <strong>resolución</strong> del problema.</p>



<p>Confeccionar una alerta de error que explique de manera sencilla y proponga una solución satisfactoria, debe ser la meta a cumplir con este principio.</p>



<h4 class="wp-block-heading"><strong>Ejemplo</strong></h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="800" height="400" src="https://aprende-ux.focux.io/wp-content/uploads/2022/03/Ejemplo-ayudar-a-los-usuarios.png" alt="El error 404 not found es algo usual en cualquier sitio web" class="wp-image-6875" srcset="https://aprende-ux.focux.io/wp-content/uploads/2022/03/Ejemplo-ayudar-a-los-usuarios.png 800w, https://aprende-ux.focux.io/wp-content/uploads/2022/03/Ejemplo-ayudar-a-los-usuarios-300x150.png 300w, https://aprende-ux.focux.io/wp-content/uploads/2022/03/Ejemplo-ayudar-a-los-usuarios-768x384.png 768w" sizes="auto, (max-width: 800px) 100vw, 800px" /></figure>



<p>Darle la oportunidad al usuario de<strong> arreglar</strong> un inconveniente de forma original no es sencillo. El cliente confiará más en la plataforma si no necesita de ayuda externa para solucionar el error.</p>



<h3 class="wp-block-heading">Ayuda y documentación</h3>



<p>Incluso en los casos en que el sistema pueda ser usado sin información extra, podría ser necesario ofrecer ayuda y documentación. Crear <strong>manuales o infografías</strong> suele ser una gran solución en estos casos.</p>



<p>En caso de que lo necesiten recurrir a un manual es la forma más sencilla de ayudar al usuario a realizar ciertas acciones que sean más complejas. Esta documentación tiene que estar disponible en formatos accesibles.</p>



<h4 class="wp-block-heading"><strong>Ejemplo</strong></h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="800" height="400" src="https://aprende-ux.focux.io/wp-content/uploads/2022/03/Ejemplo-preguntas-frecuentes.png" alt="Las preguntas frecuentes ayudan al usuario sin necesidad de soporte externo." class="wp-image-6876" srcset="https://aprende-ux.focux.io/wp-content/uploads/2022/03/Ejemplo-preguntas-frecuentes.png 800w, https://aprende-ux.focux.io/wp-content/uploads/2022/03/Ejemplo-preguntas-frecuentes-300x150.png 300w, https://aprende-ux.focux.io/wp-content/uploads/2022/03/Ejemplo-preguntas-frecuentes-768x384.png 768w" sizes="auto, (max-width: 800px) 100vw, 800px" /></figure>



<p>El apartado de «Preguntas Frecuentes» es una excelente forma de ofrecer ayuda inmediata al consumidor.</p>



<h2 class="wp-block-heading">¿Qué conseguimos si aplicamos estos principios?</h2>



<p>Tal vez pienses que realmente no importa tanto esforzarse en conseguir una buena usabilidad. Craso error, porque lograr aplicar los 10 principios eficazmente te aportará <strong>grandes resultados</strong>. ¡También en tus<a href="https:/test-de-usabilidad/" target="_blank" rel="noreferrer noopener"> test de usabilidad</a>!</p>



<iframe loading="lazy" width="560" height="315" src="https://www.youtube.com/embed/vq9Pl_SCUQY" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>



<p>Y si no me crees, mira este video en nuestro canal de YouTube. En él hablamos de un caso real, donde la diferencia entre optimizar la usabilidad o no fue de <strong>300 millones de dólares</strong>.</p>
<p>La entrada <a href="https://aprende-ux.focux.io/principios-de-usabilidad-de-jakob-nielsen/">Principios de usabilidad de Jakob Nielsen ¡Los mejores ejemplos!</a> se publicó primero en <a href="https://aprende-ux.focux.io">Focux</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://aprende-ux.focux.io/principios-de-usabilidad-de-jakob-nielsen/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Qué es un test de usabilidad ¿Cómo se hace y qué tipos existen?</title>
		<link>https://aprende-ux.focux.io/test-de-usabilidad/</link>
		
		<dc:creator><![CDATA[FOCUX Blog]]></dc:creator>
		<pubDate>Mon, 28 Mar 2022 12:53:50 +0000</pubDate>
				<category><![CDATA[Usabilidad]]></category>
		<category><![CDATA[Definición del concepto]]></category>
		<guid isPermaLink="false">https:/?p=6878</guid>

					<description><![CDATA[<p>Aprende qué son los test de usabilidad, los tipos que existen y qué mide. En nuestra guía te explicamos paso a paso cómo hacer tu prueba.</p>
<p>La entrada <a href="https://aprende-ux.focux.io/test-de-usabilidad/">Qué es un test de usabilidad ¿Cómo se hace y qué tipos existen?</a> se publicó primero en <a href="https://aprende-ux.focux.io">Focux</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p><br>Hay pruebas como los test web o los análisis que ayudan a <strong>mejorar un product</strong>o. Aunque si de verdad queremos averiguar los problemas y ponerles <strong>solución</strong>, aproximarse a lo que nuestro público quiere y necesita es clave. Y esto <strong>lo conseguiremos a través de los test de usabilidad</strong>.</p>



<h2 class="wp-block-heading"><br>¿Qué es un test de usabilidad?</h2>



<p><br>La<strong> usabilidad</strong> se refiere a la facilidad con que las personas pueden utilizar un producto con el fin de alcanzar un objetivo concreto. Si quieres descubrir más acerca del concepto, échale un vistazo a <a href="https:/que-es-la-usabilidad/" target="_blank" rel="noreferrer noopener">nuestro post</a>.</p>



<iframe loading="lazy" width="560" height="315" src="https://www.youtube.com/embed/vq9Pl_SCUQY" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>



<p><br>Los test de usabilidad consisten en observar a personas tratando de usar lo que has diseñado o creado. Con la intención de hacerlo <strong>más accesible o sencillo de usar </strong>para el público.</p>



<h2 class="wp-block-heading"><br>¿Por qué son tan importantes los test de usabilidad?</h2>



<p><br>Los test o pruebas de usabilidad son una medida efectiva que nos beneficia de distintas formas, recogiendo los principales <strong>aspectos clave</strong> en estos cuatro apartados.</p>



<h3 class="wp-block-heading"><br>Supervivencia</h3>



<p><br>La usabilidad es lo que garantiza la supervivencia de nuestro producto. Por eso debemos cuidarla para <strong>garantizar la mayor vida útil</strong> del mismo.</p>



<h3 class="wp-block-heading"><br>Validación</h3>



<p><br>Nosotros no somos nuestros usuarios. Por lo que necesitamos validar si de verdad funciona lo que hemos producido y si hay que ejecutar ajustes para adaptarlo al consumidor.</p>



<h3 class="wp-block-heading"><br>Ahorro de tiempo y dinero</h3>



<p><br>Estas pruebas nos ayudan a generar un diagnóstico antes de tomar decisiones de rediseño o cómo mejorar entre una versión y otra de nuestro producto. Evitando el <strong>gasto innecesario</strong> <strong>de recursos</strong> en aspectos que no valen la pena.</p>



<h3 class="wp-block-heading"><br>Todo producto tiene problemas</h3>



<p><br>Nada es perfecto, pero queremos acercarnos lo máximo posible a la perfección. Con los test de usabilidad logramos<strong> encontrar esos errores y hallar la manera de solucionarlos</strong>.</p>



<h2 class="wp-block-heading"><br>¿Cómo hacer un test de usabilidad?</h2>



<p>En este apartado <strong>vamos a ver paso a paso las 9 fases</strong> que hay que tener en cuenta cuando realizamos una <strong>prueba de usabilidad</strong>. Estos puntos los dividimos en 3 bloques principales que presentamos a continuación.</p>



<div class="wp-block-image"><figure class="aligncenter size-full is-resized"><img loading="lazy" decoding="async" src="https://aprende-ux.focux.io/wp-content/uploads/2022/03/como-hacer-un-test-de-usabilidad.jpg" alt="Guía paso a paso para hacer un test de usabilidad" class="wp-image-6880" width="540" height="427"/></figure></div>



<h3 class="wp-block-heading"><br>Fase inicial</h3>



<h4 class="wp-block-heading"><br><strong>Define los objetivos</strong></h4>



<p><br>Desde el primer momento <strong>tenemos que saber cuál es nuestro objetivo</strong>. Por ejemplo, en un test de usabilidad web, saber si la navegación por la interfaz funciona o no.</p>



<h4 class="wp-block-heading"><br><strong>Define las métricas</strong></h4>



<p><br>Aquí señalamos qué <strong>tipo de datos</strong> son los que queremos recopilar. Evaluar si se necesitan una serie de estadísticas a la hora de examinar la experiencia del usuario. No siempre es necesario, muchas veces <strong>la opinión del participante</strong> es igual de valiosa.</p>



<h4 class="wp-block-heading"><br><strong>Define el tipo de prueba </strong></h4>



<p><br>Hablaremos de ellos más adelante, pero ese paso consiste, con las decisiones tomadas al principio, elegir el tipo de test que se adapte a <strong>nuestras necesidades</strong>. Dependiendo del resultado que queramos obtener, elegiremos uno u otro.</p>



<h3 class="wp-block-heading"><br>Fase de desarrollo</h3>



<h4 class="wp-block-heading"><br><strong>Crea la documentación inicial</strong></h4>



<p><br>No siempre es necesario, ya que hay pruebas que no la requieren. Las pruebas escritas o las que necesitan un apoyo adicional requieren de la elaboración de<strong> documentos</strong>. Ya sea para plasmar las ideas de los usuarios o completar las diferentes tareas que les asignemos.</p>



<h4 class="wp-block-heading"><br><strong>Define las tareas</strong></h4>



<p><br>Las tareas <strong>están directamente relacionadas con el objetivo</strong>, porque es su complemento. Estas son esenciales<strong> </strong>porque es lo que el participante va a hacer durante el test de usabilidad.</p>



<p><br>Siguiendo con el ejemplo del test de usabilidad web; una tarea podría ser que el usuario navegue por la web hasta encontrar la sección requerida.</p>



<h4 class="wp-block-heading"><br><strong>Reclutar participantes</strong></h4>



<p><br>Lo primero es definir el perfil del usuario que realiza nuestra prueba. Luego empieza la búsqueda de <strong>participantes que se adapten a ese perfil</strong> anteriormente definido. Una vez establecido el grupo de usuarios, estamos listos para empezar.</p>



<h3 class="wp-block-heading"><br>Fase de estudio</h3>



<h4 class="wp-block-heading"><br><strong>Conduce la prueba</strong></h4>



<p><br>Se empieza estableciendo <strong>la fecha y lugar de las sesiones</strong>. Después se introduce a los participantes en la prueba y les <strong>ayudamos</strong> a completarla. Una vez terminada se recopilan todos los resultados obtenidos.</p>



<h4 class="wp-block-heading"><br><strong>Analiza los resultados</strong></h4>



<p><br>Estudiamos los datos que los participantes nos han proporcionado. Usando las <strong>métricas</strong> establecidas y <strong>las anotaciones</strong> que se hicieron durante la prueba. No solo son importantes los números; las reacciones y aportaciones del usuario también son esenciales.</p>



<h4 class="wp-block-heading"><br><strong>Presenta las recomendaciones</strong></h4>



<p><br>Cuando ya hayamos analizado en profundidad los resultados, llega la hora de exponerlo. Presentamos al equipo la conclusión a la que hemos llegado, y lo que es más fundamental, las <strong>recomendaciones</strong>.</p>



<p><br><strong>Establecer los <a href="https:/principios-de-usabilidad-de-jakob-nielsen/" target="_blank" rel="noreferrer noopener">principios de usabilidad</a></strong> es una gran forma de resolver los fallos del producto. Porque en este punto habrán salido a la luz los errores, y se empezará a trabajar en las <strong>soluciones</strong> a estos. </p>



<h2 class="wp-block-heading"><br>¿Qué tipos de test de usabilidad existen?</h2>



<p>Hay una gran variedad de test de usabilidad hoy en día, pero vamos a centrarnos en los 3 más relevantes.</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" src="https://aprende-ux.focux.io/wp-content/uploads/2022/03/Tipos-de-test-de-usabilidad.jpg" alt="Existen tres tipos de test de usabilidad: moderados, no moderados y guerrilla testing." class="wp-image-6883" width="768" height="576" srcset="https://aprende-ux.focux.io/wp-content/uploads/2022/03/Tipos-de-test-de-usabilidad.jpg 1024w, https://aprende-ux.focux.io/wp-content/uploads/2022/03/Tipos-de-test-de-usabilidad-300x225.jpg 300w, https://aprende-ux.focux.io/wp-content/uploads/2022/03/Tipos-de-test-de-usabilidad-768x576.jpg 768w" sizes="auto, (max-width: 768px) 100vw, 768px" /></figure>



<h3 class="wp-block-heading"><br>Pruebas moderadas</h3>



<p><br>Son pruebas que <strong>requieren</strong> <strong>obligatoriamente</strong> <strong>de un moderador</strong> para guiar o asistir al participante durante la prueba. Se pueden realizar de dos maneras.</p>



<h4 class="wp-block-heading"><br><strong>Moderada presencial</strong></h4>



<p><br>Esta prueba se lleva a cabo en una sala privada con un grupo de participantes. El moderador asigna las tareas a efectuar y toma notas del <strong>comportamiento</strong> de los participantes durante la prueba.</p>



<p><br>La ventaja de este tipo de pruebas es que al estar delante del participante puedes evaluar cualquier situación que ocurra. Además, si surgen problemas, puedes asistir al usuario directamente.</p>



<h4 class="wp-block-heading"><br><strong>Prueba en remoto</strong></h4>



<p><br>Los participantes tienen acceso al prototipo de forma remota. En este caso, el moderador asigna las <strong>tareas en</strong> <strong>streaming</strong>. A través de un software especializado, la voz del participante, la actividad de la pantalla y sus expresiones faciales son grabadas. </p>



<p><br>Lo mejor de esta prueba es que <strong>el programa recopila el comportamiento digital exacto del usuario</strong>. Sin olvidar que no requieres de un encuentro en persona para hacer las sesiones.</p>



<h3 class="wp-block-heading"><br>Pruebas no moderadas</h3>



<p><br>En estas pruebas el participante <strong>recibe un enlace con la información necesaria</strong> para acceder al prototipo. También vendrá incluido las instrucciones para iniciar la sesión y las tareas asignadas para realizar la prueba.</p>



<p><br>La ventaja aquí es que <strong>no necesitas moderar</strong> a la persona durante la prueba, solo tienes que esperar a que acabe y tendrás los resultados.</p>



<h3 class="wp-block-heading"><br><strong>Guerrilla Testing</strong></h3>



<p><br>Los guerrilla testing consisten en <strong>abordar usuarios en espacios públicos</strong> para grabarlos mientras hacen un web test o utilizan aplicaciones móviles durante un tiempo.</p>



<p><br>Es aconsejable ejecutar estos test con la colaboración de <strong>amigos y familiares</strong>. Cuando se hace con desconocidos, lo normal es que acaben descontentos con la marca por quitarles tiempo o simplemente molestarlos en su rato libre. Al tratar <strong>con personas conocidas, es más fácil pedirles que hagan varias tareas</strong> y necesitarás menos personas para las pruebas.</p>



<p><br>La principal ventaja es que son más rápidos, más sencillos y más fáciles de analizar, además de <strong>ahorrar costes</strong>.</p>



<h2 class="wp-block-heading"><br>¿Qué mide el test de usabilidad?</h2>



<p><br>Tras terminar la prueba, lo siguiente es medir los resultados para conseguir las respuestas que necesitamos. Estas conclusiones te ayudarán a <strong>optimizar</strong> <strong>tu producto</strong>. Las métricas más importantes para medir la usabilidad son las siguientes.</p>



<h3 class="wp-block-heading"><br>Eficacia al cumplir los objetivos</h3>



<p><br>Esta métrica indica la cantidad de participantes que cumplieron los objetivos. Se puede cuantificar de manera numérica o porcentual. También deja reflejada <strong>la facilidad con la que lograron realizar las tareas</strong>.</p>



<p><br>Al observar las tareas que no se completaron o resultaron erróneas, sabremos donde hay que poner el foco. <strong>Con esta información, se debate y consulta</strong> las diferentes opciones para corregir esos errores.</p>



<h3 class="wp-block-heading"><br>Eficiencia al realizar las tareas</h3>



<p><br>En este caso comprobaremos <strong>el esfuerzo que ha depositado el usuario para completar la tarea</strong>. Cuantos más objetivos haya conseguido en el menor tiempo posible, mejor será la eficiencia del producto.</p>



<p><br>Nos ayuda a identificar si <strong>el tiempo </strong>para completar la tarea está por encima del ideal. Así ajustamos la dificultad de las tareas y efectuaremos modificaciones para mejorar la accesibilidad.</p>



<h3 class="wp-block-heading"><br>Errores en el producto</h3>



<p><br>Normalmente, pueden ocurrir errores durante la ejecución del test. Aunque en esta métrica, el objetivo es averiguar el error del software o web. En este punto <strong>se estudian los fallos</strong> que han percibido los participantes a lo largo de la experiencia.</p>



<p><br>Muchas veces ni siquiera estaban planeados en la prueba, pero por eso es importante el test de usabilidad. Descubriremos todo lo que no funciona con nuestro producto para lograr <strong>el mejor resultado posible</strong>.</p>



<h3 class="wp-block-heading"><br>Satisfacción con el producto</h3>



<p><br>Por último, se mide la satisfacción del participante y su opinión tras completar el test. Se puede hacer a través de <strong>encuestas o niveles de conformidad</strong>. Esto nos ayuda a entender qué podemos mejorar y cómo hacerlo.</p>



<p><br>Al final el objetivo es <strong>mejorar la experiencia del usuario</strong>. Si conseguimos que nuestro producto sea accesible, lograremos la satisfacción del cliente. </p>



<h2 class="wp-block-heading"><br>Conclusión</h2>



<p><br>Por todo esto es tan valioso realizar el test de usabilidad, porque hay que realizar todas las correcciones antes de que sea demasiado tarde. <strong>Los mitos de altos costes o procesos complejos quedaron en el pasado.</strong> </p>



<p><br>Planificar una prueba de usabilidad es un requisito obligatorio en cualquier proyecto. Nos beneficia tanto con los usuarios como a nivel de marca. <strong>Te enseñamos a hacer tu propia prueba de usabilidad<a href="https:/pruebas-de-usabilidad/" target="_blank" rel="noreferrer noopener"> en nuestra guía.</a></strong></p>



<p>Si prefieres una representación gráfica de estos conceptos, mira nuestro vídeo en YouTube.</p>



<iframe loading="lazy" width="560" height="315" src="https://www.youtube.com/embed/a8wnwv9N5Mc" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<p>La entrada <a href="https://aprende-ux.focux.io/test-de-usabilidad/">Qué es un test de usabilidad ¿Cómo se hace y qué tipos existen?</a> se publicó primero en <a href="https://aprende-ux.focux.io">Focux</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Pruebas de usabilidad &#124; Guía 2022 + Plantillas</title>
		<link>https://aprende-ux.focux.io/pruebas-de-usabilidad/</link>
					<comments>https://aprende-ux.focux.io/pruebas-de-usabilidad/#respond</comments>
		
		<dc:creator><![CDATA[FOCUX Blog]]></dc:creator>
		<pubDate>Mon, 28 Mar 2022 12:53:32 +0000</pubDate>
				<category><![CDATA[Usabilidad]]></category>
		<category><![CDATA[guía]]></category>
		<guid isPermaLink="false">https:/?p=6885</guid>

					<description><![CDATA[<p>Descubre nuestra guía 2022 sobre pruebas de usabilidad. Incluye consejos, ejemplos prácticos y plantillas para que hagas tus pruebas personalizadas.</p>
<p>La entrada <a href="https://aprende-ux.focux.io/pruebas-de-usabilidad/">Pruebas de usabilidad | Guía 2022 + Plantillas</a> se publicó primero en <a href="https://aprende-ux.focux.io">Focux</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Anteriormente os hablamos sobre qué son las pruebas de usabilidad y cómo se hacen. En este post queremos explicaros detalladamente <strong>todos los pasos para hacer tu prueba de usabilidad</strong>.</p>



<p>A lo largo de la guía encontrarás toda la información necesaria para comenzar tus tareas. También contarás con la <strong>ayuda de plantillas</strong> que te serán muy útiles durante el proceso. Empecemos con la guía de pruebas de usabilidad.</p>



<h2 class="wp-block-heading">¿Cuándo realizar las pruebas de usabilidad?</h2>



<p><br>La respuesta corta es todo el tiempo. Los test de usabilidad es una parte imprescindible durante la creación del producto. Desde los primeros momentos del desarrollo, hasta los últimos retoques antes de su salida al mercado.</p>



<p>Según <strong><a href="https:/principios-de-usabilidad-de-jakob-nielsen/" target="_blank" rel="noreferrer noopener">Jakob Nielsen</a> </strong>existen dos fases para las pruebas de usabilidad en el proceso de diseño.</p>



<h3 class="wp-block-heading">Fase formativa</h3>



<p>En esta fase los test que se realizan sirven principalmente para validar la idea. Cuando ya tienes un boceto o las primeras muestras de lo que será el software. Son pruebas sencillas que <strong>ayudan a perfilar la usabilidad del mismo.</strong></p>



<p>Estos casos de prueba se llevan a cabo en cualquier lugar, sin necesidad de mucha preparación previa. Solo se necesita al moderador y un participante.</p>



<p>Lo más importante es ver nuestra idea desde los ojos de otra persona, porque a veces es difícil pelear con nuestro propio ego. Haciendo esto tendremos una imagen más clara de <strong>lo que puede llegar a ser el proyecto</strong>.</p>



<h3 class="wp-block-heading">Fase sumativa</h3>



<p><br>Al final del desarrollo del producto se valida la usabilidad real del producto. Cuando está terminado, queremos ver cómo el usuario se enfrenta a él en una <strong>situación real</strong>. Idealmente se hace antes de la salida al mercado para ajustar las últimas correcciones.</p>



<p>Ahora sí necesitamos organizar una prueba de usabilidad más elaborada que cuente con todos los elementos. Una ubicación con todos los equipamientos necesarios, participantes que apunten a nuestro target objetivo, las tareas que queremos llevar a cabo …etc.</p>



<p>Todos los puntos que vamos a repasar a lo largo de esta guía <strong>deben estar presentes en tu prueba</strong>. Una vez acabada, sabrás que tan usable es tu producto.</p>



<h2 class="wp-block-heading">Guía avanzada sobre pruebas de usabilidad</h2>



<div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="410" height="1024" src="https://aprende-ux.focux.io/wp-content/uploads/2022/03/INFOGRAFIA-GUIA-PRUEBAS-DE-USABILIDAD-410x1024.png" alt="La guía 2022 sobre como hacer pruebas de usabilidad" class="wp-image-7014" srcset="https://aprende-ux.focux.io/wp-content/uploads/2022/03/INFOGRAFIA-GUIA-PRUEBAS-DE-USABILIDAD-410x1024.png 410w, https://aprende-ux.focux.io/wp-content/uploads/2022/03/INFOGRAFIA-GUIA-PRUEBAS-DE-USABILIDAD-120x300.png 120w, https://aprende-ux.focux.io/wp-content/uploads/2022/03/INFOGRAFIA-GUIA-PRUEBAS-DE-USABILIDAD-768x1920.png 768w, https://aprende-ux.focux.io/wp-content/uploads/2022/03/INFOGRAFIA-GUIA-PRUEBAS-DE-USABILIDAD.png 800w" sizes="auto, (max-width: 410px) 100vw, 410px" /></figure></div>



<h3 class="wp-block-heading">Definir los objetivos de las pruebas de usabilidad</h3>



<p><br>Es lo primero que tenemos que pensar y lo que determinará <strong>el desarrollo de la prueba</strong>. Saber qué es lo que desea nuestro cliente es esencial. Por eso hay que seleccionar cuidadosamente qué objetivos se quieren cumplir.</p>



<p>En nuestro vídeo sobre pruebas de usabilidad te explicamos también los pasos que debes seguir.</p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="Test de usabilidad: pasos a seguir y objetivos" width="1100" height="619" src="https://www.youtube.com/embed/hl08IUf_kIA?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div></figure>



<p>Y esto no sólo es importante para comenzar el test, también lo será al final del proceso para validar de forma correcta los resultados. Para elegir esos objetivos recorremos las siguientes etapas.</p>



<h4 class="wp-block-heading" style="font-size:24px"><strong>Identificar las preguntas y preocupaciones</strong></h4>



<p><br>Lo mejor es sentarse con el equipo o encargados de diseñar el producto, y preguntarnos lo que queremos conseguir. Establecer cuáles son los errores que estamos buscando o <strong>las soluciones que queremos encontrar</strong>.</p>



<p>Conocer la razón del por qué vamos a realizar la prueba de usabilidad es primordial.</p>



<h4 class="wp-block-heading" style="font-size:24px"><strong>Definir el equipo que te acompaña en la prueba</strong></h4>



<p>Una vez hecho el paso anterior, hay que <strong>limitar las secciones que se van a evaluar</strong>. Por ejemplo en un test web, saber en qué dispositivo vamos a probar la interfaz o las distintas configuraciones que soporta el software.</p>



<p>Cuando lo tengamos, sabremos <strong>los trabajadores o departamentos</strong> que van a apoyarnos en el proceso de la prueba. Puede ser confeccionando un prototipo que presentamos al usuario o explicando la interfaz que se quiere poner a prueba.</p>



<h4 class="wp-block-heading" style="font-size:24px"><strong>Ordenar los objetivos por prioridad</strong></h4>



<p>En este punto es normal tener varios objetivos o preocupaciones sin resolver. Lo ideal es que estos <strong>no lleguen a ser más de 3</strong> porque no se enfoca el problema principal.</p>



<p>Así que lo mejor es ordenar la prioridad de los objetivos, estableciendo qué es lo más importante que se quiere obtener del test de usabilidad. Después se pueden seleccionar <strong>objetivos secundarios</strong> que también se evalúan en la prueba.</p>



<h4 class="wp-block-heading" style="font-size:24px"><strong>Ejemplos para ayudarte a redactar tus objetivos</strong></h4>



<p>Un caso recurrente es el rediseño de la interfaz, donde podemos establecer los siguientes <strong>objetivos</strong>:</p>



<ul class="wp-block-list"><li>¿La interfaz es accesible para todos los usuarios?</li></ul>



<div style="height:15px" aria-hidden="true" class="wp-block-spacer"></div>



<ul class="wp-block-list"><li>¿La interacción con la interfaz es responsive en todos los dispositivos?</li></ul>



<div style="height:15px" aria-hidden="true" class="wp-block-spacer"></div>



<ul class="wp-block-list"><li>¿Nuestros antiguos usuarios serán capaces de adaptarse a los nuevos cambios?</li></ul>



<div style="height:15px" aria-hidden="true" class="wp-block-spacer"></div>



<p>Otro posible escenario es el lanzamiento de un nuevo producto, un e-commerce, y estos serían algunos ejemplos de objetivos:</p>



<div style="height:15px" aria-hidden="true" class="wp-block-spacer"></div>



<ul class="wp-block-list"><li>¿La calidad del rendimiento de la página web es óptima?</li></ul>



<div style="height:15px" aria-hidden="true" class="wp-block-spacer"></div>



<ul class="wp-block-list"><li>¿La navegación por los menús es lo suficientemente clara?</li></ul>



<div style="height:15px" aria-hidden="true" class="wp-block-spacer"></div>



<ul class="wp-block-list"><li>¿Los usuarios pueden completar el proceso de compra de manera satisfactoria?</li></ul>



<div style="height:15px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">Tipos de pruebas de usabilidad</h3>



<p>Ya hemos establecido las bases de la prueba, por lo que tenemos que decidir cual es el tipo que vamos a realizar. En nuestro post sobre los test de usabilidad explicamos en qué consisten y ahora veremos el método para llevarlas a cabo.</p>



<div class="wp-block-image"><figure class="aligncenter size-full is-resized"><img loading="lazy" decoding="async" src="https://aprende-ux.focux.io/wp-content/uploads/2022/03/Tipos-de-test-de-usabilidad.jpg" alt="Existen tres tipos de test de usabilidad: moderados, no moderados y guerrilla testing." class="wp-image-6883" width="540" height="427"/></figure></div>



<h4 class="wp-block-heading" style="font-size:24px"><strong>Prueba moderada presencial</strong></h4>



<p><br>Estas son las pruebas básicas de la usabilidad. Una persona hará de moderador y otra de participante. <strong>El moderador guía al usuario a lo largo de la prueba</strong> para que realice las tareas según los objetivos a cumplir.</p>



<p>Es esencial que el moderador sea una persona con habilidades sociales capaz de crear un clima agradable. Así el participante se encuentra relajado y sus respuestas serán más naturales. Este cumplirá con nuestro <strong>target objetivo</strong>, pero ya hablaremos de eso en la parte de reclutamiento.</p>



<p>Se pueden realizar en lugares cerrados, normalmente en salas preparadas con todo el equipo necesario. No es obligatorio contar con equipamientos externos, pero esto dependerá de las tareas a realizar.</p>



<h4 class="wp-block-heading" style="font-size:24px"><strong>Pruebas remotas</strong></h4>



<p>Son muy parecidas a las presenciales, pero aquí no hace falta estar en el mismo lugar. Vía <strong>streaming</strong> el moderador contacta con el participante y le da acceso al software.</p>



<p>Lo único que se necesita es un <strong>ordenador y una cámara</strong>. Se suele utilizar programas de grabación de voz, cara y captura de pantalla para no perder ni un solo detalle de la acción del usuario.</p>



<p>Al no necesitar un espacio físico, la calendarización y regularidad de las citas es mucho mayor. Sin olvidar los ahorros de tiempo y dinero en todo el proceso en comparación a las presenciales.</p>



<h4 class="wp-block-heading" style="font-size:24px"><br><strong>Pruebas no moderadas</strong></h4>



<p>El papel del moderador deja de existir y toda la responsabilidad cae sobre el participante. Antes de la prueba, se prepara un documento explicativo de la sesión y las tareas que va a completar durante el test. Una vez hecho, se envía <strong>el enlace</strong> al usuario para que la haga cuando pueda, dentro de unos límites de tiempo preestablecidos.</p>



<p>El paso fundamental es elegir un <strong>sistema o sitio web que recoja los movimientos del participante en la prueba</strong>. Por ejemplo FOCUX, donde contarás con reclutamiento de participantes y muestra de estadísticas sobre los resultados obtenidos. Esto te ayudará enormemente a la hora de analizarlos</p>



<p>También cuenta con mapas de calor para seguir las rutas de navegación en la web y por supuesto, un software de captación y sensores de movimiento para registrar cualquier <strong>reacción</strong> del participante.</p>



<p>Lo mejor de estas pruebas es que puedes organizar a muchos usuarios a la vez limitando esfuerzos, y en muy poco tiempo.</p>



<h4 class="wp-block-heading" style="font-size:24px"><strong>Guerrilla Testing</strong></h4>



<p><br>Estos test son recomendables para aquellos que quieren ahorrar esfuerzos y necesitan resultados inmediatos. Como ya dijimos, lo recomendable es hacerlo con conocidos o familiares, pero hay más opciones.</p>



<p>Los mejores lugares para un guerrilla testing son cafeterías céntricas o centros comerciales donde encontraremos gente con facilidad. Lo primero es <strong>pedir permiso</strong> porque no a todas las personas les apetece gastar su tiempo contigo. Además tendrán que firmar los permisos en caso de grabarles. Esto lo veremos en la parte de documentación.</p>



<p>Con una persona suele ser suficiente, pero <strong>es recomendable ir dos</strong>, una para explicar el proceso y otra para filmar o apuntar las anotaciones. No prepares algo complicado, las pruebas sencillas o de rápida respuesta es lo mejor para este tipo de test.</p>



<h3 class="wp-block-heading">Definir las métricas de las pruebas de usabilidad</h3>



<p>Las métricas otorgan objetividad a la hora de debatir los cambios y decisiones en el diseño. De nada sirve medir unos resultados si no tienes métricas fijadas donde poder analizarlos.</p>



<p>Está muy bien sacar conclusiones y opiniones subjetivas, pero siempre <strong>basadas en unos datos fiables</strong>. Por ejemplo, nos puede gustar el gris para nuestro botón de compra, pero si nadie pincha en él tenemos que encontrar la solución.</p>



<p>Tal vez se pueden cuantificar las veces que el usuario pincha en el botón dependiendo del color o el recorrido que siguió según su tonalidad. <strong>Descubrir</strong> <strong>el por qué</strong> de estas decisiones solo es posible con unos datos contrastables donde basar nuestra opinión.</p>



<h4 class="wp-block-heading" style="font-size:24px"><strong>Tipos de métricas</strong></h4>



<p>Dependiendo de la prueba que elijamos necesitaremos ciertos tipos de métricas, pero estas son las principales que se usan en los test de usabilidad.</p>



<h5 class="has-medium-font-size wp-block-heading"><strong>Éxito en tarea</strong></h5>



<p style="font-size:18px">Básicamente miden si se logra o no completar la tarea. Cuantifica de manera binaria y porcentual <strong>cuantas de las tareas fueron exitosas</strong>. Las que resultan erróneas son las que queremos enfocarnos para implementar una solución.</p>



<p>Por ejemplo se puede construir un gráfico con la métrica de <strong>porcentaje de éxito</strong>, con una media de puntuaciones de los usuarios:</p>



<div class="wp-block-image"><figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="540" height="427" src="https://aprende-ux.focux.io/wp-content/uploads/2022/03/Tasa-de-exito.png" alt="Gráfico que muestra la tasa de éxito de la prueba de usabilidad" class="wp-image-6892" srcset="https://aprende-ux.focux.io/wp-content/uploads/2022/03/Tasa-de-exito.png 540w, https://aprende-ux.focux.io/wp-content/uploads/2022/03/Tasa-de-exito-300x237.png 300w" sizes="auto, (max-width: 540px) 100vw, 540px" /></figure></div>



<h5 class="has-medium-font-size wp-block-heading"><strong>Tiempo en tarea</strong></h5>



<p>Cuánto tiempo se tarda en completar la tarea. Esta métrica mide la eficiencia y la productividad. Ayuda a identificar si el <strong>tiempo en completar una acción está por encima de lo deseado</strong>, y qué ajustes se pueden hacer.</p>



<p>Aquí podemos realizar un gráfico calculando <strong>cuánto se ha tardado</strong> en terminar la tarea, y medir el tiempo que ha tardado:</p>



<div class="wp-block-image"><figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="540" height="427" src="https://aprende-ux.focux.io/wp-content/uploads/2022/03/Tiempo-medio-por-tarea.png" alt="Tiempo medio que los usuarios tardan en completar la tarea." class="wp-image-6893" srcset="https://aprende-ux.focux.io/wp-content/uploads/2022/03/Tiempo-medio-por-tarea.png 540w, https://aprende-ux.focux.io/wp-content/uploads/2022/03/Tiempo-medio-por-tarea-300x237.png 300w" sizes="auto, (max-width: 540px) 100vw, 540px" /></figure></div>



<h5 class="has-medium-font-size wp-block-heading"><strong>Errores</strong></h5>



<p>Se mide la cantidad de errores que el usuario encuentra en la prueba. Aunque la tarea resulte exitosa, el usuario puede encontrar errores que reflejen fallos técnicos de la web o incluso de la misma prueba. <strong>Conocerlos es esencial para que no se repitan</strong>.</p>



<p>Recoger la <strong>cantidad de errores encontrados</strong> en cada tarea es una buena solución para identificar los principales problemas:</p>



<div class="wp-block-image"><figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="540" height="427" src="https://aprende-ux.focux.io/wp-content/uploads/2022/03/Total-de-errores.png" alt="La cantidad de errores que se encuentran durante la prueba de usabilidad." class="wp-image-6894" srcset="https://aprende-ux.focux.io/wp-content/uploads/2022/03/Total-de-errores.png 540w, https://aprende-ux.focux.io/wp-content/uploads/2022/03/Total-de-errores-300x237.png 300w" sizes="auto, (max-width: 540px) 100vw, 540px" /></figure></div>



<h5 class="has-medium-font-size wp-block-heading"><strong>Satisfacción subjetiva</strong></h5>



<p>Nos ayuda a conocer la opinión de los participantes al completar la prueba. La opinión se puede filtrar a través de diferentes métodos. Para poder cuantificar, se usan<strong> niveles de satisfacción</strong> numéricos o preguntas concretas sobre su experiencia en la tarea.</p>



<p>En el caso de elegir los niveles de satisfacción, realizar <strong>una media</strong> de los resultados es suficiente para observarlos y sacar conclusiones:</p>



<div class="wp-block-image"><figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="540" height="427" src="https://aprende-ux.focux.io/wp-content/uploads/2022/03/Promedio-de-satisfaccion.png" alt="La satisfacción media de los usuarios tras realizar la prueba de usabilidad." class="wp-image-6895" srcset="https://aprende-ux.focux.io/wp-content/uploads/2022/03/Promedio-de-satisfaccion.png 540w, https://aprende-ux.focux.io/wp-content/uploads/2022/03/Promedio-de-satisfaccion-300x237.png 300w" sizes="auto, (max-width: 540px) 100vw, 540px" /></figure></div>



<h5 class="has-medium-font-size wp-block-heading"><strong>Cumplimiento de expectativas</strong></h5>



<p>Centrado en comprobar la eficacia de los cambios realizados. Necesitamos usuarios que tengan experiencia previa con el producto. A estos les ofreceremos la nueva versión que queremos implementar. De esta métrica conseguimos saber si los ajustes <strong>han tenido efecto</strong>, o si la versión anterior les gustaban más. En cuyo caso se tendrá que seguir mejorando hasta optimizar la usabilidad.</p>



<p>De forma similar al caso de la satisfacción, calculamos la media de los resultados, pero esta vez <strong>comparando la opinión del antes y el después</strong>:</p>



<div class="wp-block-image"><figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="540" height="427" src="https://aprende-ux.focux.io/wp-content/uploads/2022/03/Comparacion-expectativas.png" alt="Las expectativas que el usuario tiene con el producto se miden en una gráfica de puntos." class="wp-image-6896" srcset="https://aprende-ux.focux.io/wp-content/uploads/2022/03/Comparacion-expectativas.png 540w, https://aprende-ux.focux.io/wp-content/uploads/2022/03/Comparacion-expectativas-300x237.png 300w" sizes="auto, (max-width: 540px) 100vw, 540px" /></figure></div>



<h3 class="wp-block-heading">Documentos necesarios para las pruebas de usabilidad</h3>



<p>Algunos puntos parecen demasiado básicos, pero es importante quedar definida cada parte del proyecto. Esto nos servirá para crear <strong><a href="https://aprende-ux.focux.io/wp-content/uploads/2022/03/FOCUX-Perfil-de-la-prueba.docx" target="_blank" rel="noreferrer noopener">perfil de la prueba</a></strong> que utilizaremos a la hora de reportar los resultados. Vamos a revisarlo detalladamente.</p>



<h4 class="wp-block-heading" style="font-size:24px"><strong>Nombre del producto</strong></h4>



<p>Simplemente la denominación de tu producto, nada más.</p>



<h4 class="wp-block-heading" style="font-size:24px"><br><strong>Objetivos de la prueba</strong></h4>



<p>Los objetivos que fijaste en el primer paso estarán presentes en este apartado. A estas alturas deben ser claros y como dijimos, que no sean superiores a 3.</p>



<h4 class="wp-block-heading" style="font-size:24px"><br><strong>Métricas a utilizar</strong></h4>



<p>Lo mismo, lo acordado anteriormente se traslada aquí. Hay que especificar todas las métricas que se van a utilizar y cuáles son las más importantes.</p>



<h4 class="wp-block-heading" style="font-size:24px"><br><strong>Metodología</strong></h4>



<p>Elegimos que tipo de prueba de usabilidad se va a utilizar. Ya sea moderada, no moderada o guerrilla testing.</p>



<h4 class="wp-block-heading" style="font-size:24px"><br><strong>Perfil de los participantes</strong></h4>



<p>El perfil lo desarrollaremos en la parte de reclutamiento, aunque sí deberíamos tener una idea del concepto general de los participantes. Por ahora, tendremos que escribir una pequeña descripción de lo que buscamos en un usuario que vaya a participar en la prueba.</p>



<h4 class="wp-block-heading" style="font-size:24px"><br><strong>Texto de bienvenida</strong></h4>



<p>Unas pocas líneas que funcionen como presentación del proyecto y de la propia prueba. No tiene que ser demasiado extenso, aunque eso dependerá de la complejidad del test.</p>



<p>Es esencial dejar claro que se trata de un test y que los cambios en el resultado final pueden variar durante el desarrollo.</p>



<h4 class="wp-block-heading" style="font-size:24px"><strong>Introducción a los participantes</strong></h4>



<p>A diferencia del texto de bienvenida, ahora se especifican los pasos a seguir para iniciar la prueba. Tampoco olvides indicar qué va a ser grabado o que sus datos quedarán registrados en tu base. Todo lo que necesitas para elaborar <strong>la <a href="https://aprende-ux.focux.io/wp-content/uploads/2022/03/FOCUX-Hoja-de-consentimiento.docx" target="_blank" rel="noreferrer noopener">hoja de consentimiento</a> la encontrarás en nuestra plantilla</strong>.</p>



<h3 class="wp-block-heading"><br>Tareas de las pruebas de usabilidad</h3>



<p><br>Después de los objetivos, las tareas son el paso más importante en la prueba de usabilidad. Son una extensión de estos, ya que <strong>la realización de las tareas nos ayudarán a cumplir los objetivos</strong>. Claro que tenemos una gran variedad, por eso hay que elegir las que más nos convengan en nuestro proyecto.</p>



<div class="wp-block-image"><figure class="aligncenter size-large is-resized"><img decoding="async" src="https://aprende-ux.focux.io/wp-content/uploads/2022/03/Guion-prueba-de-usabilidad-1024x633.png" alt="" class="wp-image-7002" width="540" srcset="https://aprende-ux.focux.io/wp-content/uploads/2022/03/Guion-prueba-de-usabilidad-1024x633.png 1024w, https://aprende-ux.focux.io/wp-content/uploads/2022/03/Guion-prueba-de-usabilidad-300x186.png 300w, https://aprende-ux.focux.io/wp-content/uploads/2022/03/Guion-prueba-de-usabilidad-768x475.png 768w, https://aprende-ux.focux.io/wp-content/uploads/2022/03/Guion-prueba-de-usabilidad.png 1465w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure></div>



<h4 class="wp-block-heading" style="font-size:24px"><br><strong>Tipos de tareas</strong></h4>



<h5 class="has-medium-font-size wp-block-heading"><br><strong>Tareas cerradas</strong></h5>



<p><br>Son aquellas que tienen bien definida si la tarea será un éxito o fracaso. Los únicos resultados posibles son completar la tarea o no completarla. <strong>Ejemplo:</strong></p>



<blockquote class="wp-block-quote is-style-plain is-layout-flow wp-block-quote-is-layout-flow"><p>En una página web indicar al participante si es capaz de llegar a la sección de nuevos productos.</p></blockquote>



<h5 class="has-medium-font-size wp-block-heading"><strong>Tareas abiertas</strong></h5>



<p><br>Se caracterizan por la libertad de opciones a la hora de resolver una tarea. El resultado también será de éxito o fracaso, pero las diferentes formas de cómo se consigue el objetivo es lo importante aquí. <strong>Ejemplo:</strong></p>



<blockquote class="wp-block-quote is-style-plain is-layout-flow wp-block-quote-is-layout-flow"><p>Indicar al usuario que encuentre X producto. Podrá buscarlo directamente en el buscador de la web, o por el contrario navegar por las secciones hasta dar con él.</p></blockquote>



<h5 class="has-medium-font-size wp-block-heading"><strong>Tareas exploratorias</strong></h5>



<p><br>No se busca un resultado conclusivo, simplemente recopilar información. Son parecidas a las abiertas, pero en este caso el resultado es más subjetivo. <strong>Ejemplo:</strong></p>



<blockquote class="wp-block-quote is-style-plain is-layout-flow wp-block-quote-is-layout-flow"><p>En una app, le pedimos al participante que navegue por el menú principal sin un rumbo fijo. Lo interesante es observar las rutas que este toma y cómo se desenvuelve el usuario en la interfaz.</p></blockquote>



<h5 class="has-medium-font-size wp-block-heading"><strong>Tareas específicas</strong></h5>



<p><br>Prácticamente iguales a las cerradas, pero aquí se específica claramente lo que la persona tiene que hacer. <strong>Ejemplo:</strong></p>



<blockquote class="wp-block-quote is-style-plain is-layout-flow wp-block-quote-is-layout-flow"><p>Completar un proceso de compra según un método de pago y unos datos establecidos.</p></blockquote>



<h5 class="has-medium-font-size wp-block-heading"><strong>Búsqueda del tesoro</strong></h5>



<p>De las más populares. Consiste en dejar pequeñas pistas al participante, para que este logre cumplir el objetivo. <strong>Ejemplo:</strong></p>



<blockquote class="wp-block-quote is-style-plain is-layout-flow wp-block-quote-is-layout-flow"><p>Volviendo al sitio web, se indica una búsqueda sobre un contenido más escondido cómo los post mejor valorados. Y el participante desde 0 deberá encontrar la sección.</p></blockquote>



<h5 class="has-medium-font-size wp-block-heading"><strong>Búsqueda del tesoro inversa</strong></h5>



<p>Lo mismo que explicamos en el anterior tipo, pero al revés. Ahora vamos a mostrar directamente la solución al problema, ya sea una foto o la página en sí. Con la diferencia que el usuario ya sabe lo que tiene que encontrar. <strong>Ejemplo:</strong></p>



<blockquote class="wp-block-quote is-style-plain is-layout-flow wp-block-quote-is-layout-flow"><p>En un e-commerce, se muestra a la persona la imagen de un producto, y este navegará por el sitio hasta dar con él.</p></blockquote>



<h5 class="has-medium-font-size wp-block-heading"><strong>Tareas autogeneradas</strong></h5>



<p>Son retos que los mismos participantes crean, sin necesidad de nuestra intervención. <strong>Ejemplo:</strong></p>



<blockquote class="wp-block-quote is-style-plain is-layout-flow wp-block-quote-is-layout-flow"><p>Estamos en una web de deportes, y le preguntamos al participante que espera encontrar. Este nos dirá que le gustaría ver los apartados de artículos de opinión o la sección de baloncesto. Perfecto, acabamos de obtener una sencilla tarea sin la necesidad de haberla creado previamente.</p></blockquote>



<h3 class="wp-block-heading"><br>Cómo elaborar las tareas</h3>



<p>Ahora que ya sabemos todos los tipos de tareas, échale un vistazo a estos útiles consejos para redactar tus propias tareas.</p>



<div class="wp-block-image"><figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="540" height="427" src="https://aprende-ux.focux.io/wp-content/uploads/2022/03/Como-elaborar-las-tareas.png" alt="Los pasos esenciales para elaborar las tareas de la prueba de usabilidad." class="wp-image-6897" srcset="https://aprende-ux.focux.io/wp-content/uploads/2022/03/Como-elaborar-las-tareas.png 540w, https://aprende-ux.focux.io/wp-content/uploads/2022/03/Como-elaborar-las-tareas-300x237.png 300w" sizes="auto, (max-width: 540px) 100vw, 540px" /></figure></div>



<h4 class="wp-block-heading" style="font-size:24px"><strong>Definir la tarea</strong></h4>



<p><br>Piensa en el producto que se va a probar, y piensa qué es lo que hace tu producto. Las <strong>tareas van relacionadas con la funcionalidad del software</strong>. Si tenemos un blog pediremos que se suscriban a la newsletter; y si es una app de diseño que editen una foto.</p>



<h4 class="wp-block-heading" style="font-size:24px"><strong>Establecer la prioridad</strong></h4>



<p><br>Al igual que los objetivos, no hay que pasarse con el número de tareas. Un exceso de información puede tergiversar el sentido de los resultados. <strong>Lo ideal son 3-5 tareas</strong>, que no superen un tiempo de 15 minutos.</p>



<h4 class="wp-block-heading" style="font-size:24px"><strong>El escenario</strong></h4>



<p><br>Explica la situación imaginaria donde el usuario realizaría la tarea en un caso real. Repitiendo el ejemplo de la web de deporte, una situación posible sería:</p>



<pre class="wp-block-verse">“Estás esperando a que llegue el tren para llegar a casa y ver el partido de tu equipo. Pero ya ha empezado y quieres saber lo que está pasando, así que entras en tu web de confianza para comprobar el resultado.”</pre>



<h3 class="wp-block-heading"><br>Reclutar y elegir participantes para las pruebas de usabilidad</h3>



<p><br>Los usuarios determinan directamente los resultados de la prueba. Encontrar a la persona que <strong>cumpla con nuestras expectativas</strong> es imprescindible. Por lo que vamos a investigar la forma de encontrar los mejores participantes.</p>



<h4 class="wp-block-heading" style="font-size:24px"><br><strong>Definir el perfil del participante</strong></h4>



<p>Elegir a un participante significa identificar el comportamiento, habilidades y conocimiento de las personas que utilizan tu producto. Al final, <strong>los resultados del test son válidos si los participantes cumplen las características de este perfil</strong>.</p>



<p>Probar el producto con personas que no cumplan este perfil, desembocará en unos resultados erróneos y que no reflejan los datos que queremos analizar. Al igual que hacíamos con el escenario de la tarea, un buen ejercicio es plantear <strong>la situación ideal</strong> donde se encontraría nuestro participante. Por ejemplo:</p>



<blockquote class="wp-block-quote is-style-plain is-layout-flow wp-block-quote-is-layout-flow"><p>“Deseamos encontrar personas que reserven entradas para conciertos en nuestra página web. El usuario de nuestro sitio es un apasionado de la música. A él o ella le encanta disfrutar de la música en directo. También les encanta realizar actividades al aire libre. A nuestro usuario no le importa viajar a otras ciudades para visitar a sus cantantes favoritos.”</p></blockquote>



<h4 class="wp-block-heading" style="font-size:24px"><br><strong>Elaborar un cuestionario</strong></h4>



<div class="wp-block-image"><figure class="aligncenter size-large is-resized"><img decoding="async" src="https://aprende-ux.focux.io/wp-content/uploads/2022/03/Cuestionario-prueba-de-usabilidad-1024x633.png" alt="" class="wp-image-7003" width="540" srcset="https://aprende-ux.focux.io/wp-content/uploads/2022/03/Cuestionario-prueba-de-usabilidad-1024x633.png 1024w, https://aprende-ux.focux.io/wp-content/uploads/2022/03/Cuestionario-prueba-de-usabilidad-300x186.png 300w, https://aprende-ux.focux.io/wp-content/uploads/2022/03/Cuestionario-prueba-de-usabilidad-768x475.png 768w, https://aprende-ux.focux.io/wp-content/uploads/2022/03/Cuestionario-prueba-de-usabilidad.png 1465w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure></div>



<p><strong><br></strong>Cuando tenemos claro el perfil de nuestro usuario, elaboramos un cuestionario con preguntas específicas. <strong>En nuestra plantilla vas a encontrar <a href="https://aprende-ux.focux.io/wp-content/uploads/2022/03/FOCUX-Notas-para-el-participante.docx" target="_blank" rel="noreferrer noopener">un cuestionario</a></strong> para tener una referencia.<br>Estas cuestiones están directamente relacionadas con la persona que necesitamos para completar el objetivo de la prueba. Siguiendo con el anterior ejemplo pueden ser las siguientes.</p>



<ul class="wp-block-list"><li>Edad</li></ul>



<div style="height:15px" aria-hidden="true" class="wp-block-spacer"></div>



<ul class="wp-block-list"><li>Ocupación</li></ul>



<div style="height:15px" aria-hidden="true" class="wp-block-spacer"></div>



<ul class="wp-block-list"><li>Tendencia de uso de internet</li></ul>



<div style="height:15px" aria-hidden="true" class="wp-block-spacer"></div>



<ul class="wp-block-list"><li>Qué dispositivo usa para navegar en internet</li></ul>



<div style="height:15px" aria-hidden="true" class="wp-block-spacer"></div>



<ul class="wp-block-list"><li>Tendencia en ir a conciertos</li></ul>



<div style="height:15px" aria-hidden="true" class="wp-block-spacer"></div>



<ul class="wp-block-list"><li>Tendencia de viajar a otras ciudades</li></ul>



<div style="height:15px" aria-hidden="true" class="wp-block-spacer"></div>



<h4 class="wp-block-heading" style="font-size:24px"><strong>Número de participantes</strong></h4>



<p><br>Para pruebas de usabilidad tradicionales, se suele recomendar <strong>un máximo de 5 participantes</strong>. Según los datos, este número de participantes nos ayuda a conseguir el mejor retorno de la inversión (ROI).</p>



<p>Aunque parezca un número reducido de usuarios, con este número se descubren en torno al 85% de los problemas de usabilidad.</p>



<h4 class="wp-block-heading" style="font-size:24px"><br><strong>Fuentes de reclutamiento</strong></h4>



<p><strong><br></strong>Ya tenemos preparado todo lo necesario para encontrar al participante. La cuestión es, ¿Dónde lo encontramos?</p>



<h5 class="has-medium-font-size wp-block-heading"><strong>Usuarios actuales</strong></h5>



<p><br>Lo más lógico es empezar a buscar con nuestros propios usuarios. La mejor opción es usar la <strong>newsletter</strong> o base de correos que tengamos registrada para mandar peticiones a los clientes.</p>



<p>También se pueden publicar reclamos en la web pidiendo voluntarios para realizar la prueba. Ofrecer incentivos como un descuento suele funcionar para atraerlos.</p>



<h5 class="has-medium-font-size wp-block-heading"><strong>Reclutamiento de pasillo</strong></h5>



<p>Con nuestro cuestionario, nos vamos a una zona con gente como un centro comercial. Lo ideal es elegir una <strong>zona demográfica </strong>que se ajuste al perfil de nuestro usuario. Volviendo al ejemplo de la web de conciertos, pues una tienda de música.</p>



<p>Amablemente le explicamos a los clientes en qué consiste la prueba y si les apetece participar. Esta práctica funciona sobre todo para negocios locales que buscan a personas cerca de su tienda.</p>



<h5 class="has-medium-font-size wp-block-heading"><strong>Social Media</strong></h5>



<p></p>



<p>Al principio usamos a los clientes de nuestro negocio, pues ahora buscaremos a los seguidores de nuestras redes. De igual manera, les ofrecemos <strong>algún tipo de regalo o incentivo</strong> para animarlos a participar en el test. <strong>En <a href="https://aprende-ux.focux.io/wp-content/uploads/2022/03/FOCUX-Guion-de-la-prueba.docx" target="_blank" rel="noreferrer noopener">nuestra plantilla encontrarás buenos ejemplos</a></strong> para redactar una invitación.</p>



<h5 class="has-medium-font-size wp-block-heading"><strong>Fuentes externas</strong></h5>



<p><br>Existen páginas web que te ayudan a reclutar participantes sin que tengas que preocuparte por nada. Un gran referente es Hotjar, una de las mejores <strong>herramientas</strong> para analizar la experiencia de usuario de tu sitio web.</p>



<p>Hotjar también cuenta con una sección que nos ayuda a poner avisos en nuestra página web para reclutar participantes. También existen otras opciones como Smartlook o Mouseflow.</p>



<h3 class="wp-block-heading">Cómo moderar las pruebas de usabilidad</h3>



<p>Una vez nos enfrentemos cara a cara con el participante, es necesario saber cómo hacerlo. Si el moderador no realiza bien su trabajo, <strong>el usuario estará perdido</strong> y los resultados de la prueba se verán directamente afectados. Así que vamos a investigar los pasos necesarios para moderar una prueba.</p>



<div class="wp-block-image"><figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="540" height="427" src="https://aprende-ux.focux.io/wp-content/uploads/2022/03/Como-moderar-una-prueba.png" alt="Los pasos esenciales para moderar una prueba de usabilidad" class="wp-image-6898" srcset="https://aprende-ux.focux.io/wp-content/uploads/2022/03/Como-moderar-una-prueba.png 540w, https://aprende-ux.focux.io/wp-content/uploads/2022/03/Como-moderar-una-prueba-300x237.png 300w" sizes="auto, (max-width: 540px) 100vw, 540px" /></figure></div>



<h4 class="wp-block-heading" style="font-size:24px"><br><strong>Roles del moderador</strong></h4>



<h5 class="has-medium-font-size wp-block-heading"><br><strong>El de guía turístico</strong></h5>



<p><strong><br></strong>Consiste en decirle al participante qué hacer y guiarlo. Es la parte más sencilla, porque con todo el trabajo previo, conoceremos el proceso de las tareas y como ellos tienen que hacerlas. Lo fundamental es <strong>saber explicarlo</strong> de forma que sea fácil de entender.</p>



<h5 class="has-medium-font-size wp-block-heading"><strong>El de terapeuta</strong></h5>



<p><br>Tu trabajo también es hacer que los participantes <strong>piensen en voz alta</strong>. Un rol no sustituye al otro, los dos tienen que apoyarse para moderar la prueba exitosamente.</p>



<p>Dependerá de la actitud del participante, pero a veces puede ser difícil hacerles hablar. Una buena solución es hacer preguntas constantes sobre qué opina acerca de la tarea o cómo le gustaría que fuera el producto. <strong>Extraer el pensamiento del participante</strong> es el objetivo principal de este rol.</p>



<h4 class="wp-block-heading" style="font-size:24px"><br><strong>Antes de la prueba</strong></h4>



<p><br>Una vez tengamos claro la actitud que debe seguir el moderador, nos centramos en la prueba. <strong>En nuestra plantilla </strong>revisamos el <strong><a href="https://aprende-ux.focux.io/wp-content/uploads/2022/03/FOCUX-Checklist.docx" target="_blank" rel="noreferrer noopener">checklist principal</a></strong> que debemos preparar antes de la prueba. Antes de llevarla a cabo, es recomendable seguir estos consejos.</p>



<ul class="wp-block-list"><li>No es necesario una sala especialmente equipada para hacer la prueba. Con un espacio silencioso sin distracciones, es más que suficiente.</li></ul>



<div style="height:15px" aria-hidden="true" class="wp-block-spacer"></div>



<ul class="wp-block-list"><li>Comprueba que el equipo necesario para realizar las tareas funciona correctamente.</li></ul>



<div style="height:15px" aria-hidden="true" class="wp-block-spacer"></div>



<ul class="wp-block-list"><li>Redacta un guion que exponga todo lo que vas a explicar en la prueba.</li></ul>



<div style="height:15px" aria-hidden="true" class="wp-block-spacer"></div>



<ul class="wp-block-list"><li>Practica y aprende tu guion para que a la hora de la verdad luzca lo más fluido posible.</li></ul>



<div style="height:15px" aria-hidden="true" class="wp-block-spacer"></div>



<ul class="wp-block-list"><li>Es recomendable apoyarse en herramientas de comportamiento de usuario como Hotjar.</li></ul>



<h4 class="wp-block-heading" style="font-size:24px"><br><strong>Durante la prueba</strong></h4>



<p><br>Estos son los mejores tips que debes seguir cuando estés moderando la prueba.</p>



<ul class="wp-block-list"><li>Lo más importante es que los usuarios se sientan cómodos. Crea un ambiente amigable donde el participante pueda desenvolverse naturalmente</li></ul>



<div style="height:15px" aria-hidden="true" class="wp-block-spacer"></div>



<ul class="wp-block-list"><li>No interfieras en la prueba. Si la persona te pide ayuda puedes ofrecerle consejo, pero lo ideal es que sea capaz de completar las tareas por sí mismo.</li></ul>



<div style="height:15px" aria-hidden="true" class="wp-block-spacer"></div>



<ul class="wp-block-list"><li>Vuelve a comprobar que todos los sistemas están funcionando correctamente.</li></ul>



<div style="height:15px" aria-hidden="true" class="wp-block-spacer"></div>



<ul class="wp-block-list"><li>Es necesario tomar anotaciones pero sin pasarse. Lo principal es captar la reacción del usuario, si se nos pasa algo podemos revisar la grabación.</li></ul>



<div style="height:15px" aria-hidden="true" class="wp-block-spacer"></div>



<ul class="wp-block-list"><li>Mantén una actitud neutral. A pesar de que la persona muestre una actitud negativa, nunca podemos olvidar que es su opinión y son resultados que optimizarán nuestro producto.</li></ul>



<div style="height:15px" aria-hidden="true" class="wp-block-spacer"></div>



<ul class="wp-block-list"><li>Fíjate en lo que dice, pero también en cómo lo dice. El lenguaje corporal puede decir más que las palabras.</li></ul>



<div style="height:15px" aria-hidden="true" class="wp-block-spacer"></div>



<ul class="wp-block-list"><li>Ten paciencia y sé flexible. Algunas personas tardarán más tiempo que otras, así que se comprensible y ayúdalo en la medida de lo posible.</li></ul>



<div style="height:15px" aria-hidden="true" class="wp-block-spacer"></div>



<ul class="wp-block-list"><li>Aunque algunos participantes se desesperen y no quieran continuar, debes motivarlos y convencerlos para que termine la sesión.</li></ul>



<div style="height:15px" aria-hidden="true" class="wp-block-spacer"></div>



<ul class="wp-block-list"><li>Controla tu voz de forma que sea entendible y agradable para el usuario.</li></ul>



<div style="height:15px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">Análisis de resultados</h3>



<p>Llegamos al último paso, es hora de estudiar los resultados que hemos obtenido. El análisis de los datos requiere de <strong><a href="https://aprende-ux.focux.io/wp-content/uploads/2022/03/FOCUX-Tabla-de-resultados.xlsx" target="_blank" rel="noreferrer noopener">tablas y documentos</a> que puedes encontrar en nuestra plantilla</strong>. Son archivos de Excel con fórmulas que te ayudarán a calcular los porcentajes.</p>



<p>Cuando empieces a analizar, no olvides revisar las notas de cada usuario sin mezclarlas. Lo que puedes hacer para ahorrar tiempo es <strong>unir las observaciones similares</strong>. En cada una de estas observaciones escribe una recomendación que resuelva los errores planteados.</p>



<div class="wp-block-image"><figure class="aligncenter size-large is-resized"><img decoding="async" src="https://aprende-ux.focux.io/wp-content/uploads/2022/03/Informe-prueba-de-usabilidad-1024x633.png" alt="" class="wp-image-7004" width="540" srcset="https://aprende-ux.focux.io/wp-content/uploads/2022/03/Informe-prueba-de-usabilidad-1024x633.png 1024w, https://aprende-ux.focux.io/wp-content/uploads/2022/03/Informe-prueba-de-usabilidad-300x186.png 300w, https://aprende-ux.focux.io/wp-content/uploads/2022/03/Informe-prueba-de-usabilidad-768x475.png 768w, https://aprende-ux.focux.io/wp-content/uploads/2022/03/Informe-prueba-de-usabilidad.png 1465w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure></div>



<h4 class="wp-block-heading" style="font-size:24px"><br><strong>Informe</strong></h4>



<p><br>Es el informe que se presenta a los demás socios para presentar los resultados de la prueba. Tienes disponible un <strong><a href="https://aprende-ux.focux.io/wp-content/uploads/2022/03/FOCUX-Informe.docx" target="_blank" rel="noreferrer noopener">ejemplo de informe</a> en nuestra plantilla</strong>. Cuando confecciones la tuya, no olvides estos apartados.</p>



<ul class="wp-block-list"><li>Introducción y perfil de la prueba: los objetivos, métricas, tareas, y todo el trabajo que hicimos anteriormente, se incluye en este punto.</li></ul>



<div style="height:15px" aria-hidden="true" class="wp-block-spacer"></div>



<ul class="wp-block-list"><li>Resultados de la prueba: lo mejor es optar por capturas de los informes de excel que reflejen claramente los resultados.</li></ul>



<div style="height:15px" aria-hidden="true" class="wp-block-spacer"></div>



<ul class="wp-block-list"><li>Recomendaciones y conclusiones: tras estudiar los datos, elabora las diferentes soluciones o mejoras que se pueden aplicar al producto.</li></ul>



<h4 class="wp-block-heading" style="font-size:24px"><br><strong>Presentación</strong></h4>



<p><br>En este punto final trataremos los aspectos clave que debe tener una presentación exitosa.</p>



<h5 class="has-medium-font-size wp-block-heading"><strong>Prioriza los problemas</strong></h5>



<p><br>No pierdas el tiempo ahondando en temas que tienen poca relevancia en la solución que vamos a plantear. Céntrate exclusivamente en los problemas que han surgido y cuál es <strong>la recomendación </strong>que se propone. Es aconsejable tratar como máximo 3 problemas por presentación, porque el exceso de información puede llegar a ser muy pesada.</p>



<h5 class="has-medium-font-size wp-block-heading"><strong>Acompaña tu informe con material gráfico</strong></h5>



<p><br>Por supuesto que hay que trabajar en el speech, pero de poco sirve si no lo acompañan pruebas reales. Junto al informe utiliza las grabaciones, capturas o mapas de calor que has sacado del test.</p>



<p>Una prueba gráfica del error es la forma más directa de <strong>crear un impacto en los socios</strong>. Con los resultados igual, prepara una imagen que resuma las respuestas clave de los participantes.</p>



<h5 class="has-medium-font-size wp-block-heading"><strong>Aporta soluciones a los problemas</strong></h5>



<p>La prueba ha sido exitosa y has conseguido sacar todas las correcciones que querías. Ahora es cuando tienes que plantear <strong>la solución a esos errores</strong> de forma convincente. No tiene por qué ser una respuesta absoluta. Puedes presentar un concepto a debatir entre todo el equipo, y resolverlo entre todos.</p>



<h2 class="wp-block-heading">Conclusión</h2>



<p><br>Al final las pruebas de usabilidad son un concepto muy amplio que se amoldan a la necesidad de tu producto. Puede significar una pequeña corrección que optimice el software o <strong>un gran cambio que convierta en éxito un sitio web</strong>.</p>



<p>Os recomendamos ver nuestra serie de vídeos sobre pruebas de usabilidad para completar la guía.</p>



<iframe loading="lazy" width="560" height="315" src="https://www.youtube.com/embed/JocqvHHSIcQ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>



<p>Todo depende de ti y el uso que le quieras dar. Esperamos haberte ayudado a crear tu propia prueba y si tienes alguna cuestión no dudes en dejar tu comentario. Y no olvides <strong>descargar nuestra plantilla, la usabilidad de tu producto lo agradecerá.</strong></p>
<p>La entrada <a href="https://aprende-ux.focux.io/pruebas-de-usabilidad/">Pruebas de usabilidad | Guía 2022 + Plantillas</a> se publicó primero en <a href="https://aprende-ux.focux.io">Focux</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://aprende-ux.focux.io/pruebas-de-usabilidad/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
