Evite que UX falle con Smart Design
Una cosa en la que no se centran suficientes diseñadores cuando diseñan sitios web es reducir los errores de los usuarios. Es una lástima porque los errores de los usuarios tienen un impacto directo en la experiencia del usuario del sitio ... lo cual tiene un impacto directo en las conversiones de un sitio ... lo cual tiene un impacto directo en la cantidad de dinero que su cliente puede perder.
Dicho de otra manera: si hay una cosa que puede hacer inmediatamente para asegurarse de que su cliente se sienta feliz y siga lanzando el diseño hacia su trabajo, es para prevenir de manera preventiva los errores del usuario desde el primer momento. Diseñar con esta filosofía proactiva no solo mejorará drásticamente la experiencia del usuario, sino que también hará que se vea realmente bien con sus clientes.
La prevención de los errores del usuario se reduce a un principio que siempre debe ser el primero en el sistema de valores de cada diseñador: el diseño para el usuario final a toda costa.
Patrones de diseño
Los patrones de diseño son diseños e interfaces que tocarán un acorde familiar con los usuarios porque los han visto innumerables veces en todos sus años de navegación por la Web. Por lo tanto, tiene sentido presentar a los 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 cometirá errores relacionados con perderse en su sitio, no comprender cuál es el objetivo de la página o no entender cómo actuar una acción específica.
Las estadísticas dicen que aproximadamente 40% de la población de la Tierra actualmente disfruta 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 tapa, comprenden que las llamadas a la acción deben poder hacer clic, y mucho más. También están familiarizados con diversas tendencias de diseño, desde scroll paralaje y diseño plano hasta minimalismo y la página de desplazamiento largo. ¡Trabaje dentro de estos patrones bien entendidos para reducir drásticamente la posibilidad de errores de 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 fácil a diferentes departamentos;
- diseño de una sola columna;
- espacio en blanco para enfocar la atención en el contenido;
- barra de búsqueda para facilitar una buena experiencia de usuario que les permita a los compradores encontrar rápidamente lo que desean;
- grandes imágenes que muestran los productos de manera aguda y atractiva.
Con este diseño, las personas que naveguen por Dillard por primera vez se moverán inmediatamente a través del embudo de conversión de comercio electrónico debido a la interfaz familiar del sitio.
Confíe en las posibilidades
Affordances son aquellas indicaciones que le dicen a sus usuarios cómo pueden interactuar con el sitio de su cliente. Son absolutamente esenciales para una gran experiencia de usuario y, por lo tanto, reducen los errores del usuario.
Affordances 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 putrefacta en su sitio.
Tomemos, por ejemplo, las posibilidades de idioma, que son las formas más explícitas de comunicar a los usuarios cómo pueden interactuar con su sitio. Uno de los lugares más comunes donde puede encontrar estos se encuentra en formularios web para ayudar a los usuarios a guiarlos sobre lo que deberían incluir en los diversos campos.
Si bien algunos formularios pueden ser relativamente cortos, cada usuario se perderá sin posibilidades de idioma para decirles qué deben ingresar en cada campo.
En Dropbox página principal, puede ver el formulario de suscripción destacado 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 todos los campos, de modo que todos los usuarios sepan que deben escribir sus nombres y apellidos, direcciones de correo electrónico y contraseñas para suscribirse.
Ahora que los usuarios están 100% seguros de qué ingresar en estos campos, no cometerán ningún error, y como resultado, registrarse será extremadamente fácil ya que no habrá ninguna fricción en el proceso.
Utilice un failsafe de eliminación
Uno de los errores de usuario más comunes se basa en eliminaciones accidentales de trabajos creados, ya sea que esos trabajos requieran mucho tiempo, como informes escritos, o solo medios compartidos como fotografías que tardan más de un segundo en filmarse. Es lógico, entonces, que la creación de salvaguardas efectivas contra las eliminaciones accidentales sea una de las mejores maneras de reducir los errores del usuario.
La mayoría de las personas, en algún momento u otro, experimentaron una situación en la que borró accidentalmente un contenido valioso o necesario. El costo de dicho error de usuario a menudo puede ser más que la frustración de haber presionado el botón equivocado o no haber leído los mensajes de la ventana emergente con más cuidado. Las eliminaciones accidentales pueden borrar permanentemente valiosos recuerdos y documentos relacionados con el trabajo que cuestan dinero real.
El cuadro de diálogo de confirmación, preguntando a los usuarios si realmente querían eliminar un artículo, sigue siendo una falla vital que tiene que ser parte de cada diseño que funcione bien. La belleza de este sistema a prueba de fallas es que, de acuerdo con la regla sobre el uso de convenciones de diseño, todos los usuarios se familiarizarán instantáneamente con ella, mejorando así su efectividad como un sistema de prevención de pérdidas.
Google Drive La interfaz utiliza cuadros de diálogo de confirmación que captan inmediatamente la atención del usuario y garantizan que no puedan ignorarse.
Tenga en cuenta cómo la caja presenta la pregunta de confirmación en una fuente más grande que todos los demás textos de la caja, casi como si fuera su propio título. Además, las palabras orientadas a la acción como "eliminar" comienzan la pregunta, lo que hace que sea más probable que los usuarios lo noten. La línea que contiene la advertencia también está en negrita, lo que contribuye a la urgencia detrás de la pregunta. Finalmente, 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 tener a los usuarios por el lado de la precaución en caso de eliminaciones accidentales.
En total, dicho uso de los cuadros de diálogo de confirmación actúa como una prueba de seguridad contra usuarios de sarpullidos 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 la importancia de diseñar teniendo en cuenta al usuario en todo momento. La experiencia del usuario debe ponerse, ante todo, en todas las decisiones de diseño. Sin embargo, el aspecto interesante del diseño es cómo los diseñadores generalmente asocian la experiencia del usuario en el contexto de lo que pueden agregar a un diseño para mejorar la experiencia de los usuarios. Raramente se enfocan en el diseño teniendo en mente al usuario desde el punto de vista de eliminar posibles errores en los que el usuario puede involucrarse.
Es por eso que es esencial que los diseñadores siempre intenten ponerse en el lugar del usuario e intentar anticipar cómo se comportará mientras navega por su diseño. Solo entonces pueden minimizarse los errores del usuario.