Krypton Solid

UX sin fricciones: cómo crear flujos de usuario fluidos

UX sin fricciones: cómo crear flujos de usuario fluidos

Hace casi dos décadas, Steve Krug nos aconsejó por primera vez que no hiciéramos pensar a los usuarios. Hoy en día, los diseñadores se esfuerzan por crear experiencias que no requieran un esfuerzo adicional por parte del usuario.

La interacción sin fricciones se ha convertido en un calificativo popular para evaluar las experiencias de los usuarios. Como diseñadores y desarrolladores, es beneficioso familiarizarse con los métodos que le permiten crear interacciones sin fricciones.

En este artículo, analizaré los pasos en el flujo de usuarios que a menudo causan fricción y propondré soluciones sobre cómo optimizarlos. Pero antes de eso, es importante definir qué es exactamente la fricción:

La fricción es todo aquello que impide que los usuarios logren intuitivamente sus objetivos mientras interactúan con un producto. La fricción es todo de lo que se queja la gente cuando encuentra difícil la tecnología. No es de extrañar por qué las herramientas de alta fricción se abandonan rápidamente y se reemplazan por herramientas más fáciles de usar.

Creando una experiencia sin fricciones

En última instancia, los usuarios finales quieren simplicidad al interactuar con un producto. Los diseños sin fricciones son sinónimo de simplicidad porque facilitan las cosas a los usuarios. Cuando pensamos en la experiencia sin fricciones, generalmente imaginamos un producto que podemos usar sin tener que aprender nada. En este producto, las interacciones son intuitivas y cada operación es fluida y natural.

Crear una experiencia sin fricciones requiere que los diseñadores comprendan profundamente cómo un usuario interactúa con una interfaz de usuario. Para reducir la fricción de UX, los diseñadores deben comenzar con el recorrido del usuario. Deben decidir cuándo la fricción puede ser útil, dónde es dañina, y diseñar el producto en consecuencia.

Para visualizar el viaje completo de su producto, intente comprender qué objetivos quieren lograr los usuarios mientras interactúan con su producto. Este conocimiento le ayudará a determinar qué pasos puede seguir un usuario al interactuar con un sistema o servicio. Con base en ese conocimiento, comprenderá los problemas que podrían enfrentar durante cada uno de los pasos.

Para identificar los lugares exactos donde pueden producirse fricciones, el equipo puede realizar investigaciones y pruebas de usuarios, crear flujos de usuarios y centrarse en crear arquitecturas de información fáciles de usar antes de que comience el desarrollo real.

Cómo evitar la creación de fricción

Si bien la sección anterior describe lo que debe hacer para identificar una mala fricción, esta sección le brindará algunos consejos prácticos sobre cómo lidiar con la fricción.

Evite abrumar a los usuarios con contenido o funciones

El enfoque en el usuario es una de las características más importantes de la experiencia del usuario. Tener un enfoque fuerte ayuda a los usuarios a lograr sus objetivos sin demasiado esfuerzo. Pero cuando su interfaz de usuario abruma a los usuarios con contenido o funciones, los ayuda a perder el enfoque.

Esto es lo que debe hacer para minimizar el pensamiento tanto como sea posible:

Recorta toda la grasa

Intente evitar todo lo innecesario, desde información adicional hasta elementos adicionales de la interfaz de usuario. Recuerde el principio más poderoso del minimalismo: menos es más. Siga la estética del minimalismo y cree diseños que solo tengan elementos esenciales.

Priorice el contenido y las funciones

No intente colocar todo lo que tiene en una sola página. Prioriza tu contenido y colócalo de acuerdo con las expectativas del usuario. Por ejemplo, si diseña el sitio web de una empresa, puede ofrecer contenido en secciones separadas en lugar de todo en una sola pieza en una página de inicio.

Divide y conquistaras

Comprenda las limitaciones naturales del cerebro humano y opte por la fragmentación. Los formularios escalonados son quizás uno de los ejemplos más comunes de uso de fragmentación en las interfaces de usuario modernas. Dividir un formulario largo o complicado en unos pocos formularios simples facilita mucho el proceso de completar los detalles.

Diseño minimalista con un potente espacio en blanco.

No hagas adivinar a los usuarios

La falta de retroalimentación de un sistema es un problema típico de muchas UI. Cuando los usuarios activan alguna acción y no reciben un reconocimiento de que el sistema recibió una solicitud, piensan que su solicitud no se entregó. Como resultado, lo intentan una y otra vez. Esto conduce al comportamiento conocido como clics rápidos. Esas acciones adicionales innecesarias a menudo provocan errores del sistema.

A continuación, se incluyen algunas cosas que lo ayudarán a evitar los clics rápidos:

Comentarios visuales o de audio

La aplicación que responde a la interacción del usuario alivia los temores de los usuarios.

Tiempos de carga rápidos

Cuando los usuarios tienen que esperar a que se cargue el contenido, experimentan fricciones. Si la carga tarda demasiado, los usuarios comienzan a preocuparse de si la aplicación está haciendo algo o no. Como diseñador / desarrollador, haga todo lo posible para reducir el tiempo de carga de la página para que cumpla con expectativa de los usuarios sobre qué tan rápida debe ser la operación.

Hacer que la carga sea transparente

Para operaciones a largo plazo, es esencial proporcionar información sobre cuánto tiempo se requiere para completar la operación.

002

Comentarios visuales sobre las interacciones de los usuarios.

Claridad sobre inteligencia

La claridad tiene un impacto directo en las expectativas de los usuarios. Una buena interfaz de usuario siempre está en línea con las expectativas y los conocimientos previos del usuario. Cuando los usuarios saben qué esperar, están más felices de interactuar con un producto.

Aquí hay algunas cosas que debe recordar al hacer que su interfaz de usuario sea más clara para sus usuarios:

Elementos de etiqueta claramente

Todos los elementos interactivos, como los botones, deben estar claramente identificados con etiquetas que describan su función.

Haga que su diseño sea coherente

La inconsistencia crea confusión. Cuando los mismos elementos en la interfaz de usuario se ven diferentes en diferentes partes de la aplicación / sitio web, esto puede confundir a sus usuarios. Mantener un enfoque de diseño coherente permite a los usuarios utilizar sus conocimientos previos al interactuar con un producto.

Evite el uso de jerga

Piense en utilizar terminología que sus usuarios comprendan para ayudarlos a interactuar sin dificultades.

Navegación simplificada

La mala navegación es una gran fuente de frustración para los usuarios. Los usuarios deben poder moverse fácilmente a diferentes áreas del producto. También deben saber dónde se encuentran en la jerarquía de navegación de la aplicación en todo momento.

Utilice patrones de interfaz de usuario reconocibles

Cada vez que el usuario tiene que aprender cómo funciona algo nuevo, crea fricción. Mediante el uso de convenciones reconocibles, puede reducir la curva de aprendizaje. Los patrones de IU reconocibles eventualmente ayudan a los usuarios a lidiar con tareas complicadas fácilmente.

003

Las etiquetas claras y la ubicación familiar del menú facilitan la búsqueda de caminos para los usuarios.

Acortar el número de pasos

Demasiados pasos también pueden causar fricciones innecesarias. Cada paso del viaje, desde el registro inicial hasta las operaciones individuales, requiere una cierta cantidad de esfuerzo y puede generar fricciones. Es esencial deshacerse de todos los pasos adicionales en el flujo de usuarios. Mantenga las convenciones de la Principio de diseño de KISS en cuenta al diseñar flujos de usuario y eliminar u optimizar pasos que pueden causar fricción.

Aquí hay algunos consejos prácticos más:

Utilizar la configuración predeterminada

La mayoría de los usuarios rara vez cambian la configuración predeterminada (según Jared Spool y su artículo «¿Los usuarios cambian su configuración?» menos del 5% de los usuarios cambian la configuración predeterminada).

Ofrezca una experiencia personalizada

Utilice los datos que tiene sobre sus usuarios para ofrecerles una experiencia personalizada. Por ejemplo, tanto Amazon como Netflix ofrecen recomendaciones personalizadas basadas en compras anteriores y hábitos de visualización.

Ofrecer detalles de autocompletar

En algunos casos, los datos de su interfaz de usuario se pueden completar automáticamente sin esfuerzo adicional del usuario. Por ejemplo, si su aplicación móvil necesita tener detalles de la tarjeta de crédito, puede ofrecer la función de escaneo de tarjetas para agilizar el proceso de agregar toda la información requerida.

004

Configuración por defecto. El guardado automático está habilitado de forma predeterminada para Microsoft Word.

Prevenir errores; Manejar los errores con elegancia

Una aplicación ideal evita activamente que el usuario cometa errores. Pero incluso cuando se producen errores, una buena interfaz de usuario proporciona un texto de ayuda claro sobre cómo resolver el problema, además de señalar a los usuarios dónde ocurrió el error.

Anticípese a posibles errores

Cuando piensa en los posibles obstáculos, diseña mejores experiencias para cuando surjan esos problemas. Por ejemplo, puede ofrecer ayuda y orientación que sean necesarias para el contexto del usuario.

Usar validación en línea

Al validar la entrada del usuario y proporcionar comentarios lo antes posible, ayuda a los usuarios a detectar y solucionar problemas.

005

Un ejemplo de validación en línea.

Conclusión

Si hay una señal de fricción, la interacción del usuario no será fluida. Su objetivo como diseñador debe ser identificar las malas fricciones y combatirlas.

Al centrarse en reducir estratégicamente la fricción, puede crear una experiencia de usuario excepcional.

Deja un comentario