Krypton Solid

Cómo transformar la experiencia del usuario en diseño UX

Cómo transformar la experiencia del usuario en diseño UX

Las pruebas de usabilidad no tienen por qué ser complicadas. Hay docenas de opciones para un equipo de diseño que quiere probar sus soluciones de forma remota. Para demostrarlo, hemos rediseñado Gañido, con la ayuda de pruebas de usabilidad remotas.

Realizamos pruebas de usabilidad remota porque son rápidas y asequibles. Todas estas pruebas no fueron moderadas, lo que significa que los usuarios las realizaron en la comodidad de sus propios hogares. Si bien esto nos da menos control, proporciona resultados más naturales. Debido a que se registraron sus reacciones, los alentamos a pensar en voz alta.

Es vital comprender que no existe un enfoque mágico único. Hay una amplia selección de tácticas que van desde estudios de laboratorio de usabilidad hasta simples encuestas por correo electrónico, y todas tienen su momento y lugar. Optamos por una prueba de usabilidad remota porque logra un buen equilibrio entre velocidad, precisión y costo.

En este artículo explicaremos por qué es importante la investigación cualitativa, explicaremos los conocimientos y mostraremos cómo se integraron en el nuevo diseño.

Cómo abordar el análisis cualitativo

Cuando se trata de análisis cualitativo, no se puede simplemente pedir a los usuarios que hablen sobre sus experiencias.

Como Jakob Nielsen, socio de Nielsen Norman Group, Señala, nunca debe escuchar solo lo que dicen los usuarios. El enfoque incorrecto sería crear algunos diseños y luego preguntar a los usuarios cuál les gusta más; los usuarios no han probado el diseño, por lo que solo pueden comentar lo que ven en la superficie.

El enfoque correcto es observar lo que hacen los usuarios y luego preguntarles lo mínimo. Pregunta de facilidad única, que es: «¿Qué tan fácil o difícil fue la tarea?» Esto ayuda a reducir el sesgo y llega a la conclusión del análisis de UX: ¿cómo lograron los usuarios sus tareas y qué tan fácil o difícil fue? Nuestra grabación de pantalla también capturó audio (ya que alentamos a las personas a pensar en voz alta), porque de lo contrario es fácil pasar por alto por qué ocurrió cierto comportamiento.

Cómo analizamos los videos de usuarios

Surgieron patrones distintos en los videos de interacciones de los usuarios con el sitio web de Yelp. Como era de esperar, nos enteramos de que la barra de búsqueda era una de las más esenciales y fáciles de usar. Por supuesto, esto tiene sentido porque Yelp es esencialmente un motor de búsqueda de negocios con algunas características sociales adicionales. Sin embargo, otras funciones no eran tan intuitivas, como verá a continuación.

Lección 1: la barra de búsqueda fue el punto de partida preferido

Los cinco participantes de la prueba se basaron en gran medida en la barra de búsqueda, incluso para tareas que podrían completarse fácilmente navegando a través de las categorías (como encontrar un buen restaurante o bar sin recibir ningún criterio específico). De hecho, cuatro de los cinco participantes fueron directamente a la barra de búsqueda para encontrar un restaurante. Solo un usuario comenzó a navegar por las categorías, y rápidamente las encontró «abrumadoras» y terminó recurriendo a la barra de búsqueda.

Es importante mencionar que en nuestras instrucciones de prueba, pedimos a los usuarios que “busquen” un restaurante, no que “busquen” un restaurante, porque queríamos observar cómo completarían naturalmente esta tarea sin sesgarlos hacia una función específica.

Curiosamente, cuando los usuarios recibieron parámetros específicos (como el presupuesto, el ambiente y el tipo de restaurante, o el nombre de una empresa individual), casi siempre ignoraron todo en la página de inicio, excepto la barra de búsqueda. En nuestro rediseño, nos aseguramos de que la barra de búsqueda fuera la característica más destacada visualmente.

Lección 2: Los eventos no se notan mucho

En una tarea, les pedimos a los dos usuarios sin cuentas de Yelp que buscaran un evento interesante en su área este fin de semana. Queríamos saber si usarían la pestaña de eventos en la parte superior de la página.

Sorprendentemente, nadie usó el eventos pestaña. Cuando se le pidió que encontrara un evento interesante en su área este fin de semana, un participante de la prueba usó la barra de búsqueda mientras que el otro navegó por la Arte y entretenimiento categoría en el lo mejor de Yelp sección.

Debido a que la celebración de eventos es una parte importante del negocio de Yelp, nuestro rediseño sacaría la sección de eventos de la barra lateral y la convertiría en parte del pergamino principal.

Lección 3: Los marcadores eran confusos y nadie usaba listas

Teníamos curiosidad por ver cómo los usuarios elegirían guardar ubicaciones para referencia posterior. En Yelp, hay dos formas de hacer esto: los usuarios con cuentas existentes pueden marcar una ubicación o Crear una lista. Simplemente le pedimos al grupo 1 (tres usuarios con cuentas de Yelp) que “guardara” una serie de ubicaciones para examinarlas más tarde, de modo que nuestra redacción no mencionara ninguna característica que pudiera sesgar sus acciones.

De los tres usuarios a los que se les asignó esta tarea:

  • Uno salvó a las empresas usando marcadores, pero se quejó de que el proceso llevó mucho tiempo.
  • Uno comenzó a salvar empresas usando marcadores, pero se rindió porque tomó demasiado tiempo.
  • Uno no pudo averiguar cómo salvar empresas y abandonó la tarea.

Los dos usuarios que usaron marcadores ambos remarcaron que sería bueno poder marcar una empresa desde la página de resultados de búsqueda, en lugar de tener que ir a la página de cada empresa por separado.

Sería bueno permitir que los usuarios tuvieran un método más fácil e intuitivo de guardar negocios para volver más tarde, por lo que agregamos una función de guardado con un solo clic en el rediseño. Esta nueva función le permite guardar un negocio directamente desde la página de resultados sin profundizar más.

Lección 4: Es rápido y fácil buscar un lugar específico.

A los cinco usuarios se les asignó la tarea de encontrar una empresa específica y averiguar si estaba abierta en un momento determinado. Todos completaron con éxito esta tarea y la calificaron como «muy fácil». Como se mencionó anteriormente, los cinco usaron la barra de búsqueda para realizar esta tarea.

Dado que la búsqueda de una empresa específica funciona tan bien, decidimos que la funcionalidad no necesitaba cambios.

Lección 5: las fotos son la mejor opción para determinar el ambiente

Cuando se les pidió que buscaran un restaurante con cierto ambiente, ninguno de los cinco usuarios intentó usar la barra de búsqueda. En cambio, tres los usuarios miraron fotos del restaurante en Yelp, uno visitó el sitio web del restaurante y el último declaró que los símbolos de precio ($, $$, $$$, $$$$) eran suficientes para indicar si el restaurante tenía el ambiente adecuado.

Esto trajo dos ideas:

  1. Las fotos son una parte esencial de la experiencia de Yelp y son fundamentales para que los usuarios elijan un negocio.
  2. Para evitar saturar la interfaz, la solución podría ser tan simple como agrandar las fotos cuando llegue a la página de resultados de búsqueda.

Lección 6: Los usuarios confiaban en los filtros, pero es necesario renovarlos

Se pidió a los cinco usuarios que buscaran un restaurante para un grupo de 15, tres de los cinco participantes utilizaron el bueno para grupos filtro, mientras que uno usó el hacer una reserva función y se desplazó hacia abajo hasta que encontró un restaurante en el que podía sentarse el grupo.

En otro momento, un usuario intentó para seleccionar dos categorías para filtrar sus resultados, pero una de sus opciones desapareció cuando hizo clic en la otra.

Si bien los filtros son importantes, aprendimos que podrían mejorarse enormemente. Para profundizar, decidimos ejecutar un tipo de tarjeta en todas las opciones de filtro actuales de Yelp para determinar cuáles son realmente útiles para los usuarios.

Para el rediseño, decidimos categorizar las categorías de filtro en grupos de cuatro según la forma en que los usuarios las priorizaran. Por ejemplo, nos enteramos de que «Abrir ahora» y «Acepta tarjetas de crédito» eran algunos de los filtros más importantes, pero pueden ser necesarios varios clics para acceder a ellos.

Lección 7: las categorías de precios no estaban claras

Cuando los usuarios buscaban el restaurante con parámetros específicos, uno de los requisitos era encontrar un restaurante con un presupuesto de 20 dólares por persona. Dos de los cinco usuarios estaban confundidos sobre si el presupuesto de su restaurante de $ 20 caería en la categoría de $, $$ o $$$. Una usuaria declaró que no sabía qué significaban los símbolos y otra hizo clic en la categoría incorrecta. Los otros tres eligieron correctamente la categoría $$.

La definición de los símbolos no se muestra cuando los usuarios seleccionan filtros; solo se muestra cuando el usuario navega a la página de un restaurante en particular. Dado que las expectativas de precios son muy subjetivas, los usuarios no tenían claro qué categoría debían elegir.

En el rediseño, resolvimos esto colocando los valores exactos entre paréntesis junto a los símbolos. Esto es especialmente útil a medida que se mueve entre categorías, ya que $$ tiene un significado diferente si elige un mecánico o una hamburguesería.

Diseño impulsado por conocimientos de usabilidad

Una vez que llegó el momento de diseñar, seguimos un enfoque basado en los últimos pasos del Diseño de Google Ventures proceso. El CEO de UXPin, Marcin Treder, comenzó con numerosos bocetos informales antes de que una decisión del equipo ayudara a clasificarlo a los 2-3 bocetos superiores. Para evitar el diseño por comité, Marcin tenía la última palabra con respecto a qué bocetos progresarían en wireframing y prototipos.

Creamos un wireframe para incorporar la mayoría de los cambios de diseño, luego agregamos algunas interacciones y animaciones para convertirlo en un prototipo de baja fidelidad. Una vez que se suavizaron las animaciones, agregamos detalles para un prototipo de alta fidelidad.

Prototipos de baja fidelidad

búsqueda baja

Prototipos de alta fidelidad

003
004

Determinando todas las dimensiones de la usabilidad

Lo que dicen y hacen los usuarios debe servir como control y equilibrio durante las pruebas de usuario. Si bien no es necesario que esté presente durante la prueba, una grabación audiovisual es obligatoria; de lo contrario, podría perderse el contexto de las acciones. Cuando combina el análisis cualitativo con el análisis cuantitativo, obtendrá una idea aún más clara de por qué y cómo para solucionar un problema, así como Cuantos problemas de usabilidad que su diseño debe resolver.

Deja un comentario