Cómo transformar la experiencia del usuario en el diseño de UX
Las pruebas de usabilidad no tienen que ser complicadas. Hay docenas de opciones para un equipo de diseño que quiere probar de forma remota sus soluciones. Para demostrarlo, hemos rediseñado Gañido , con la ayuda de pruebas de usabilidad remotas.
Realizamos pruebas remotas de usabilidad porque son rápidas y asequibles. Todas estas pruebas no se moderaron, lo que significa que los usuarios las ejecutaron desde la comodidad de sus 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 entender que no hay un único enfoque mágico. 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 tiempo y lugar. Fuimos con una prueba de usabilidad remota porque logra un buen equilibrio entre velocidad, precisión y costo.
En este artículo explicaremos por qué la investigación cualitativa importa, explicaremos las ideas 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 pedirle a los usuarios que hablen de sus experiencias.
Como Jakob Nielsen, socio del Nielsen Norman Group, Señala , nunca debes escuchar solo lo que dicen los usuarios. El enfoque equivocado 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 el mínimo indispensable Pregunta única de facilidad , 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 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 perderse por qué ocurrió cierto comportamiento.
Cómo analizamos los videos de los usuarios
Distintos patrones surgieron en los videos de interacciones del usuario con el sitio web de Yelp. Como era de esperar, aprendimos 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 fueron 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 las tareas que podrían completarse fácilmente navegando por las categorías en su lugar (como encontrar un buen restaurante o bar sin tener 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 a través de las categorías, y ella rápidamente los encontró "abrumadores" y terminó recayendo en la barra de búsqueda.
Es importante mencionar que en nuestras instrucciones de prueba, les pedimos a los usuarios que "busquen" un restaurante, no que "busquen" un restaurante, porque queríamos observar cómo completarían esta tarea de forma natural sin sesgarlos hacia una función específica.
Curiosamente, cuando a los usuarios se les dieron 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 visualmente prominente.
Lección 2: los eventos no son muy notables
En una tarea, les pedimos a los dos usuarios sin cuentas de Yelp que encuentren un evento interesante en su área este fin de semana. Queríamos saber si utilizarían la pestaña de eventos en la parte superior de la página.
Sorprendentemente, nadie usó la pestaña de eventos . Cuando se les solicitó encontrar un evento interesante en su área este fin de semana, un participante de prueba utilizó la barra de búsqueda mientras que el otro navegó a través de la categoría de arte y entretenimiento en la mejor sección de Yelp .
Debido a que la celebración de eventos es una parte importante del negocio de Yelp, nuestro rediseño sacará la sección de eventos de la barra lateral y la convertirá en parte del desplazamiento primario.
Lección 3: la creación de marcadores fue confusa y nadie usó listas
Teníamos curiosidad por ver cómo los usuarios elegirían guardar las ubicaciones para referencia futura. En Yelp, hay dos formas de hacerlo: 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 "guardaran" una serie de ubicaciones para examinar más tarde, de modo que nuestra redacción no mencionara ninguna característica que pudiera sesgar sus acciones.
De los tres usuarios que recibieron esta tarea:
- Uno salvó las empresas usando marcadores, pero se quejó de que el proceso tomó mucho tiempo.
- Uno comenzó a salvar empresas utilizando marcadores, pero se rindió porque tardó demasiado
- Uno no fue capaz de resolver cómo salvar empresas y abandonó la tarea
Los dos usuarios que usaron marcadores ambos comentaron que sería bueno poder marcar un negocio desde la página de resultados de búsqueda, en lugar de tener que ir a la página de cada negocio por separado.
Sería agradable permitirles a los usuarios tener un método más fácil e intuitivo para que las empresas regresen más tarde, por lo que agregamos una función de guardar con un solo clic en el rediseño. Esta nueva característica 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ó una tarea para encontrar un negocio específico y averiguar si estaba abierto en un momento determinado. Todos completaron con éxito esta tarea, y calificaron la tarea 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 un negocio específico funciona tan bien, decidimos que la funcionalidad no necesitaba ningún cambio.
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 a través de 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 puntos de vista:
- Las fotos son una parte esencial de la experiencia de Yelp y son fundamentales para que los usuarios elijan un negocio.
- Para evitar saturar la interfaz, la solución podría ser tan simple como ampliar las fotos cuando llegue a la página de resultados de búsqueda.
Lección 6: los usuarios confiaron en los filtros, pero necesitan ser renovados
Se pidió a los cinco usuarios que buscaran un restaurante para un grupo de 15, tres de los cinco participantes usaron el filtro de bien para grupos , mientras que uno usó la opción de hacer una reserva y se desplazó hasta encontrar un restaurante que pudiera sentar al grupo.
En otro punto, un usuario intentó para seleccionar dos categorías para filtrar sus resultados, pero una de sus elecciones desapareció cuando hizo clic en la otra.
Si bien los filtros son importantes, aprendimos que podrían mejorarse mucho. Para cavar más profundo, 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 categorías de filtros en grupos de cuatro en función de cómo los usuarios los priorizaran. Por ejemplo, aprendimos que "Abrir ahora" y "Acepta tarjetas de crédito" fueron algunos de los filtros más importantes, pero puede llevar varios clics 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 por persona. Dos de los cinco usuarios estaban confundidos por si su presupuesto de $ 20 para restaurantes caería en la categoría $, $$ o $$$. Un usuario declaró que no sabía lo que significaban los símbolos, y otro 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 los 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, no estaba claro para los usuarios qué categoría deberían elegir.
En el rediseño, lo resolvimos colocando los valores exactos entre paréntesis junto a los símbolos. Esto es especialmente útil a medida que se mueve entre las categorías, ya que $$ tiene un significado diferente si está eligiendo una unión mecánica o de hamburguesas.
Diseño impulsado por las estadísticas 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 lo ayudara a reducirlo a los primeros 2-3 bocetos. Para evitar el diseño por comités, Marcin tuvo la última palabra con respecto a qué bocetos se convertirían en wireframing y prototyping.
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 las animaciones se suavizaron, agregamos detalles para un prototipo de alta fidelidad.
Prototipos de baja fidelidad
Prototipos de alta fidelidad
Determinando todas las dimensiones de usabilidad
Lo que dicen los usuarios y lo que hacen los usuarios debe servir como controles y equilibrios durante la prueba del usuario. Si bien no es necesario que estés presente durante la prueba, es obligatorio llevar a cabo una grabación audiovisual; de lo contrario, podrías perder 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 solucionar un problema, así como de cuántos problemas de usabilidad debe resolver su diseño.