Errar es humano. Todos cometemos errores de vez en cuando, y sus usuarios no son una excepción. ¿Cómo se pueden diseñar productos que permitan errores?

Lo que pasa con los seres humanos es que no puedes confiar en ellos. De acuerdo, tal vez eso es un poco cruel. Sin embargo, es una simple verdad que incluso los más cuidadosos, cuidadosos y diligentes de nosotros vamos a cometer errores. El resto de nosotros cometerá muchos más errores.

Esos errores, en relación con el diseño web, podrían ser tan simples como escribir mal una URL, colocar la información incorrecta en el campo incorrecto en un formulario de registro, o tan malo como enviar accidentalmente cientos de dólares a la persona incorrecta a través de PayPal. Luego hay una situación como Hawaii; no tenemos capturas de pantalla reales de la interfaz de usuario que se utilizó para asustar a millones con una advertencia de misiles falsos, pero se ha recreado por varios diseñadores -Sospecho que algunos de ellos estaban siendo un poco sarcásticos.

Así que aquí hay varias formas básicas de dar cuenta de los errores humanos al diseñar sus sitios web. Los presento con una advertencia: no se puede evitar que todo vaya mal. Si haces algo a prueba de idiotas, el Universo será un idiota más grande y mejor. Buena suerte.

1. Instrucciones claras

La gente a menudo ve las instrucciones básicas como un poco condescendientes. Quiero decir, ellos ya saben que el café está caliente, ¿verdad? ¿Por qué lo necesitan impreso en el costado de una taza? Porque es posible que no tengan toda la información: el café en el famoso caso McDonald's se sirvió en 180 a 190 grados Fahrenheit, o alrededor de 82 a 87 grados Celsius. Esa podría haber sido información útil para los clientes, ¿no crees?

Es humano suponer que sabes todo lo que necesitas saber

Es humano suponer que sabes todo lo que necesitas saber para una tarea aparentemente simple. Esto causa errores. Me encuentro pensando que podríamos necesitar instrucciones en cualquier tarea más compleja que un formulario de contacto. E incluso entonces, ayuda tener pistas.

2. Borrar advertencias

A veces las personas necesitan que se les expliquen las consecuencias de las posibles acciones. En detalle. Esto no detendrá el tipo de personas que constantemente ignoran las advertencias claras, pero en todo caso no hay mucho que pueda hacer por ellos.

Por otro lado, hay personas que, cuando se enfrentan a cualquier advertencia o cuadro de diálogo que no entienden completamente, simplemente abandonan su sitio o llaman a un pariente más conocedor de la tecnología en busca de ayuda. Deberá decidir si prefiere tratar con la posible inacción de algunos clientes o más errores. Ambos enfoques tienen sus pros y sus contras.

3. Espacio en blanco

Mis-clicks son una cosa. Mis-taps son quizás más de una cosa, dependiendo de la destreza manual del usuario y de la precisión de la pantalla táctil. Según los informes, la debacle mencionada de Hawaii fue causada por un error de clic en un menú desplegable.

Incluso en mi gran teclado mecánico, de vez en cuando "con el dedo gordo" las teclas equivocadas, lo que lleva a vergonzosos errores tipográficos, y las granadas virtuales van donde no deberían en los videojuegos. Como dije, no puedes evitar todos los errores, pero puedes hacerlos mucho menos probables.

4. Diálogos de confirmación

un mensaje rápido "¿Estás seguro de que quieres hacer eso?" puede ser invaluable.

Para alguien que tiene que repetir el mismo proceso una y otra vez (ejemplo: alguien en la entrada de datos), un diálogo de confirmación parece un paso adicional irritante e inútil. Y para ellos tal vez esos diálogos pueden, y deberían, estar deshabilitados.

Pero para cualquier persona que complete una nueva tarea por primera vez, o incluso para la décima, tener un mensaje rápido "¿Estás seguro de que quieres hacer eso?" Puede ser invaluable.

5. Validación del formulario

Ahora esta es una de las cosas que la mayoría de la gente está haciendo bien en estos días. La validación de formularios, aunque imperfecta, es algo poderoso y una excelente manera de guiar suavemente al usuario en la dirección correcta. Si bien el diseño del formulario adecuado puede evitar que los usuarios simplemente pongan el texto incorrecto en el formato incorrecto, la validación de formularios es excelente para verificar la información y detectar errores y campos olvidados.

Solo señalaría que la validación del lado del cliente (aunque útil) no es suficiente. JavaScript se rompe Si vas a implementar la validación del lado del cliente, sería bueno tener algunos en el lado del servidor también, solo para estar seguro.

6. Etiquetas

Ah etiquetas. Ahora bien, esto puede sonar muy obvio, pero he visto tantos formularios vagamente etiquetados en Internet que tuve que incluirlo. Peor aún son los formularios que usan la jerga de la industria en un sitio web orientado al cliente. Y ni siquiera me inicie en los formularios donde las etiquetas y las entradas estaban desalineadas. Eso está mal.

7. Usa tanto el color como el contraste

La gente a menudo usa el color de manera simplista: verde = bueno, rojo = malo. Es un comienzo, y ciertamente ayuda a mucha gente. No necesariamente ayuda a los daltónicos ni a las personas con otras discapacidades visuales. Encuentre otra forma de agregar contraste a sus elementos, para que se distingan clara y fácilmente entre sí. Preste especial atención a esto si dos opciones usan texto similar, pero hacen cosas radicalmente diferentes.

8. Hacer cambios con cuidado

Las personas tienden a operar en piloto automático cuando realizan tareas familiares. Eso es lo suficientemente útil, ya que los hace más eficientes. Lamentablemente, esa propensión a la rutina conduce a errores cuando las cosas cambian. Hay memes enteros sobre recordar escribir la fecha correctamente después del año nuevo, y aparecen todos los años en el punto.

Las personas tienden a operar con piloto automático cuando realizan tareas familiares

Ahora, a veces su UI necesita un rediseño completo. Si es así, está bien. De lo contrario, no realice cambios demasiado rápido. Deje las entradas del menú de personas en lugares familiares. Y siempre, siempre resalte pequeños cambios en la IU, para que la gente los vea y comience a formar nuevas rutinas.

9. Deshace los botones donde sea posible

Bueno, "CTRL-Z" funciona bien en formas regulares, por lo que generalmente no necesita implementarlo usted mismo. Pero si está construyendo una aplicación web, podría considerar seriamente la implementación de algún tipo de función "Deshacer" para casi todas las acciones con consecuencias permanentes.

Gmail en realidad le da unos segundos (si habilita la función) para deshacer el envío de un correo electrónico, y para pensar que hemos estado viviendo en un mundo en el que puede deshacer correos electrónicos enviados durante unos años, ahora, me hace volar la cabeza.

Ahora si solo tuviéramos un botón de deshacer para alertas de misiles involuntarios ...