6 formas de prevenir la fricción en su diseño
En la experiencia del usuario, la fricción es cualquier cosa que impide que los usuarios logren sus objetivos. La fricción es un problema importante porque genera rebotes, reduce las conversiones y frustra a los usuarios hasta el punto de abandonar sus tareas. En este artículo, encontrarás cómo mejorar el UX para tus usuarios al reducir la fricción.
El concepto de una experiencia sin fricciones
La experiencia de usuario sin fricción se ha convertido en el nuevo estándar. El objetivo de las experiencias sin fricción es simplificar nuestras vidas. Las experiencias digitales más exitosas surgieron al centrarse en reducir la fricción en el recorrido del usuario.
Uber sabe que cuantos menos pasos implica una tarea, menos fricción.
Fuera de las GUI, un buen ejemplo es el botón de tablero de Amazon, que le permite ordenar un reabastecimiento de un producto específico con un solo toque.
Botón de tablero de Amazon
Buena y mala fricción
Es importante decir que hay dos tipos de fricción: fricción "buena" y "mala":
"Buena" fricción
Hay momentos en que una pequeña fricción UI / UX es realmente deseable. Como dijo Sangeet Choudary: "La fricción en el diseño es útil si facilita la interacción en lugar de [meterse] en el camino". A veces es posible que desee desacelerar al usuario para garantizar que los datos capturados sean correctos o para evitar que los usuarios tomen una ruta incorrecta Por ejemplo, para acciones con graves consecuencias, cierta fricción no es una mala idea.
La fricción puede evitar errores al pedir confirmación. Un usuario debe confirmar una acción de eliminación al escribir delete.
"Mala" fricción
Esta es una fricción no deseada creada por un desorden visual (un diseño ocupado que confunde o distrae al usuario), incoherencia ("¿Por qué el botón 'Enviar' se ve diferente en esta página?"), Características o funciones desconocidas. La mala fricción es el enemigo del diseño de interacción porque crea una carga cognitiva adicional en la interfaz de usuario. Reducir la mala fricción es bueno para su UI.
Cómo prevenir la mala fricción
Los diseñadores de UX dominan el arte de reducir la mala fricción mediante una combinación de técnicas de diseño. La aplicación de los siguientes 6 principios clave ayudará a impulsar cualquier producto o servicio a una experiencia más libre de fricción para sus usuarios.
1. Considere un viaje completo del usuario
Es importante diseñar un producto con un viaje completo para el usuario con el fin de encontrar dónde la fricción es útil y dónde es perjudicial para los objetivos del usuario y del negocio. Cada paso en el viaje puede crear o eliminar la fricción e impactar el éxito del producto en general. Cuando el diseñador comprende los pasos involucrados en un viaje del usuario, puede eliminar (o al menos ajustar) los pasos que afectan negativamente la tasa de respuesta.
Tener un mapa de viaje del usuario haría que fuera más fácil detectar las fricciones en una experiencia. Credito de imagen: UI efectiva
2. Limite el número total de pasos requeridos para completar la tarea
Cuantos menos pasos implica una tarea, menos fricción. Aquí hay un famoso ejemplo de la sobrecarga de entrada de calendario de John Gruber:
"Mi uso típico [en iCal]:
- Haga doble clic en la fecha del evento en la vista de mes.
- Escriba el nombre del evento.
- Pestaña pasada la ubicación
- Marque la casilla de verificación 'todo el día'.
- Tab pasado el mes.
- Tab pasado el día.
- Tab pasado el año.
- Ingrese la hora.
- Ingrese los minutos.
- Cambia el AM / PM.
Compare y contraste con la interfaz de usuario de entrada al evento para la función de calendario en Mochila:
- Haga doble clic en la fecha del evento en la vista de mes.
- Escriba la hora y el nombre del evento ".
Está claro qué aplicación tiene menos fricción para esta tarea.
El problema con la fricción de la interfaz es que en algunos casos es inevitable. Por lo tanto, si una gran cantidad de pasos es absolutamente necesario para su aplicación, haga todo lo posible para asegurarse de que cada paso sea lo más sencillo posible.
3. Diseño de navegación clara
Muchas cosas pueden salir mal con la navegación, convirtiéndola en una fuente de fricción potencial. Si bien es definitivamente imposible proporcionar una solución única para todos, aún es posible mejorar las experiencias de navegación aprendiendo de los usuarios. La técnica de prueba del usuario correcta (como la clasificación de tarjetas) puede ayudarlo a comprender cómo los usuarios categorizan y acceden al contenido en su aplicación o en su sitio web. Esta información lo ayudará a diseñar o ajustar la navegación según las necesidades de sus usuarios.
4. Sigue el enfoque "Menos es más"
El objetivo final de una interfaz es simplificar las cosas. Es por eso que la simplicidad es una parte importante de lo que los adeptos del diseño sin fricción pretenden lograr. Los diseñadores intentan transmitir lo esencial eliminando lo innecesario. Como dijo una vez Antoine de Saint-Exupery: "La perfección se logra, no cuando no hay nada más que agregar, pero cuando no queda nada por quitar". Esto es absolutamente cierto para las interfaces de usuario. Como diseñador, debe priorizar solo los elementos que coinciden con las expectativas del usuario y recortar cualquier cosa que no ayude al usuario. Un buen ejemplo de un producto que sigue este principio es la página principal de Google: tan simple como puede ser; solo una cosa que hacer y un montón de espacio en blanco a su alrededor.
Compárelo con la página de inicio de Yahoo que parece una navaja suiza. Demasiadas funciones y opciones pueden ser intimidantes y ocasionalmente dañinas.
5. Utilice patrones de interfaz de usuario reconocibles
Cuando interactuamos con elementos de interfaz de usuario familiares, podemos utilizar el conocimiento de nuestra experiencia previa. Sin embargo, cada vez que debemos aprender cómo funciona algo nuevo, se crea fricción (muy poco conocimiento puede deteriorar la facilidad de uso). Los patrones de IU ayudan a los usuarios a comprender sistemas muy complejos y a manejar con éxito tareas difíciles. Los diseñadores de UX / UI deben usar tantos patrones de IU como sea posible. Las convenciones reconocibles, como el icono de una lupa para búsqueda, no requieren pensamiento adicional para los usuarios.
6. Use Chunking
El psicólogo cognitivo George A. Miller argumentó que la cantidad de objetos que un humano promedio puede tener en la memoria de trabajo es 7 ± 2. Para evitar abrumar a un usuario con demasiada información a la vez, los diseñadores a menudo usan la técnica de fragmentación. Chunking funciona alrededor de las limitaciones naturales del cerebro humano y la retención de la memoria. Dividir el contenido complejo en secciones más pequeñas mejora el ritmo de la experiencia. Permite a los usuarios procesar la información sugiriendo cómo debe interpretarse cada pieza. Como resultado, los usuarios retienen mejor el contenido.
A veces es mejor dividir una tarea compleja en subtareas más pequeñas. Los mismos principios se aplican a los formularios de entrada al dividir una forma larga en varios pasos más pequeños.
Chunking evita abrumar al cerebro con demasiada información a la vez. Facebook usa un proceso de fragmentación para mostrar un progreso a través de una secuencia de pasos lógicos y numerados.