Krypton Solid

Evite fallas en la experiencia de usuario con un diseño inteligente

Evite fallas en la experiencia de usuario con un diseño inteligente

Una cosa en la que no se concentran suficientes diseñadores al diseñar sitios web es reducir los errores de los usuarios. Es una lástima porque los errores del usuario tienen un impacto directo en la experiencia del usuario de un sitio … lo que tiene un impacto directo en las conversiones de un sitio … lo que tiene un impacto directo en la cantidad de dinero que su cliente puede perder.

Dicho de otra manera: si hay algo que puede hacer de inmediato para asegurarse de que su cliente esté contento y siga lanzando el trabajo de diseño a su manera, es prevenir de manera preventiva los errores del usuario desde el principio. Diseñar con esta filosofía proactiva no solo mejorará drásticamente la experiencia del usuario, sino que también hará que sus clientes se vean realmente bien.

La prevención de errores del usuario se reduce a un principio que siempre debe ser el primero en el sistema de valores de cada diseñador: diseñar para el usuario final a toda costa.

Patrones de diseño

Los patrones de diseño son diseños e interfaces que les resultarán familiares a los usuarios porque los han visto innumerables veces en todos sus años de navegación por la Web. Por lo tanto, solo tiene sentido presentar a sus usuarios diseños que ya hayan visto antes para reducir los errores de los usuarios. Después de todo, cuando un usuario ha tenido experiencia navegando a través de un determinado diseño, entonces es una buena apuesta que no cometa errores relacionados con perderse en su sitio, no entender cuál es el objetivo de la página o no entender cómo funcionar. una acción específica.

Las estadísticas dicen que aproximadamente 40% de la población de la Tierra disfruta actualmente de acceso a Internet. Estos usuarios han visto su menú de navegación básico (horizontal, vertical, etc.), saben cómo desplazarse por debajo de la página, comprenden que se debe poder hacer clic en las llamadas a la acción, y mucho más. También están familiarizados con varias tendencias de diseño, desde el desplazamiento de paralaje y el diseño plano hasta el minimalismo y la página de desplazamiento largo. Trabaje dentro de estos patrones bien entendidos para reducir drásticamente la posibilidad de errores del usuario.

Dillard’s Los grandes almacenes ejemplifican este enfoque básico pero familiar del diseño web. En su página de inicio, puede ver claramente cuántos elementos hace bien:

  • menú de navegación horizontal que ofrece un acceso claro y sencillo a los diferentes departamentos;
  • diseño de una sola columna;
  • espacio en blanco para centrar la atención en el contenido;
  • barra de búsqueda para facilitar una buena experiencia de usuario que permita a los compradores encontrar rápidamente lo que buscan;
  • grandes imágenes que muestran los productos de forma nítida y atractiva.

Con este diseño, las personas que naveguen por Dillard’s por primera vez pasarán inmediatamente por el embudo de conversión de comercio electrónico debido a la interfaz familiar del sitio.

Confíe en las posibilidades

Las ofertas son aquellas indicaciones que les dicen a sus usuarios cómo pueden interactuar con el sitio de su cliente. Son absolutamente esenciales para una excelente experiencia de usuario y, por lo tanto, reducen los errores del usuario.

Los asequibles vienen en todas las formas y tamaños:

  • físico;
  • idioma;
  • patrón;
  • simbólico o icónico.

Sin posibilidades claras o ninguna, incluso el usuario más experimentado tendrá una experiencia de usuario pútrida en su sitio.

Tomemos, por ejemplo, las posibilidades de idioma, que son las formas más explícitas de comunicar a sus usuarios cómo pueden interactuar con su sitio. Uno de los lugares más comunes donde puede encontrarlos es en formularios web para ayudar a guiar a los usuarios sobre lo que deben ingresar en los distintos campos.

Si bien algunos formularios pueden ser relativamente cortos, todos los usuarios se perderán sin las posibilidades de idioma que les indiquen lo que deben ingresar en cada campo.

Dropbox-Captura de pantalla

En Dropbox página de inicio, puede ver el formulario de registro en un lugar destacado justo en el medio de la pantalla. El formulario solo tiene cuatro campos, pero para ayudar a la experiencia del usuario, Dropbox ha incluido posibilidades de idioma en cada campo, de modo que todos los usuarios sepan que se espera que escriban su nombre y apellido, direcciones de correo electrónico y contraseñas para registrarse.

Ahora que los usuarios están 100% seguros de qué ingresar en estos campos, no cometerán ningún error y, como resultado, el registro será extremadamente sencillo porque no habrá fricciones en el proceso.

Utilice una eliminación a prueba de fallos

Uno de los errores más comunes del usuario se basa en eliminaciones accidentales de trabajos creados, ya sea que esos trabajos consuman mucho tiempo, como informes escritos, o simplemente medios compartidos como fotografías que tardan un segundo en dispararse. Es lógico, entonces, que la creación de salvaguardias efectivas contra eliminaciones accidentales es una de las mejores formas de reducir los errores de los usuarios.

Casi todo el mundo, en un momento u otro, ha experimentado una situación en la que borró accidentalmente un contenido valioso o necesario. El costo de tal error de usuario a menudo puede ser más que la frustración de haber presionado el botón incorrecto o no haber leído los mensajes de la ventana emergente con más atención. Las eliminaciones accidentales pueden borrar de forma permanente recuerdos valiosos y documentos relacionados con el trabajo que cuestan dinero real.

El cuadro de diálogo de confirmación, que pregunta a los usuarios si realmente querían eliminar un elemento, sigue siendo un mecanismo de seguridad vital que debe formar parte de todo diseño que funcione correctamente. La belleza de este seguro es que, de acuerdo con la regla sobre el uso de convenciones de diseño, todos los usuarios se familiarizarán instantáneamente con él, aumentando así su eficacia como sistema de prevención de pérdidas.

Captura de pantalla de Google Drive

Google DriveLa interfaz de utiliza cuadros de diálogo de confirmación que captan la atención del usuario de inmediato, lo que garantiza que no se puedan ignorar.

Observe cómo el cuadro presenta la pregunta de confirmación en una fuente más grande que el resto del texto del cuadro, casi como si fuera su propio título. Además, las palabras orientadas a la acción como «eliminar» comienzan la pregunta, lo que aumenta la probabilidad de que los usuarios se den cuenta. La línea que contiene la advertencia también está en negrita, lo que contribuye a la urgencia detrás de la pregunta. Por último, observe cómo el botón de llamada a la acción de «cancelar» es el que está resaltado en azul, lo que indica el deseo de los diseñadores de que los usuarios se equivoquen por el lado de la precaución en casos de eliminaciones accidentales.

En total, tal uso de los cuadros de diálogo de confirmación actúa como un mecanismo de seguridad contra usuarios temerarios que pueden no haber tenido la intención de presionar un botón determinado.

Conclusión

Una cosa que decimos constantemente en el diseño web es lo importante que es diseñar pensando en el usuario en todo momento. La experiencia del usuario debe ser lo primero y más importante en todas las decisiones de diseño. Sin embargo, el aspecto interesante del diseño es cómo los diseñadores suelen asociar la experiencia del usuario en el contexto de lo que pueden agregar a un diseño para mejorar la experiencia de los usuarios. Rara vez abordan el diseño pensando en el usuario primero, desde el punto de vista de eliminar posibles errores en los que el usuario puede verse envuelto.

Por eso es esencial que los diseñadores siempre intenten ponerse en el lugar del usuario y prever cómo se comportará él mientras navega por su diseño. Solo entonces se pueden minimizar realmente los errores de los usuarios.

Foto principal, confirmar imagen a través de Shutterstock.

Deja un comentario