9 formas de diseñar para el error humano

Lo que pasa con los seres humanos es que no puedes confiarles cualquier cosa. De acuerdo, tal vez eso sea un poco desagradable. Sin embargo, es una simple verdad que incluso los más cariñosos, cuidadosos y diligentes de nosotros cometemos errores. El resto de nosotros vamos a 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, poner la información incorrecta en el campo incorrecto en un formulario de registro, o tan malos como enviar accidentalmente cientos de dólares a la persona equivocada 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 usó para asustar a millones con una advertencia falsa de misiles, 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 tener en cuenta los errores humanos al diseñar sus sitios web. Se los presento con una advertencia: no es posible evitar que todo salga mal. Si haces algo a prueba de idiotas, el Universo hará un idiota más grande y mejor. Buena suerte.

1. Instrucciones claras

La gente suele ver 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 lateral de una taza? Porque es posible que no tengan toda la información: el café del famoso caso de 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 asumir que sabes todo lo que necesitas saber para una tarea aparentemente simple. Esto provoca errores. Me encuentro pensando que podríamos necesitar poner instrucciones en cualquier tarea más compleja que un formulario de contacto. E incluso entonces, ayuda tener pistas.

2. Advertencias claras

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

Por otro lado, hay personas que, cuando se enfrentan a una advertencia o cuadro de diálogo que no comprenden del todo, simplemente abandonan su sitio o llaman a un familiar más conocedor de la tecnología para pedir ayuda. Tendrá que decidir si prefiere lidiar con la posible inacción de algunos clientes o con más errores. Ambos enfoques tienen sus pros y sus contras.

3. Espacio en blanco

Los clics erróneos son una cosa. Los errores de toque son quizás incluso más importantes, dependiendo de la destreza manual del usuario y la precisión de la pantalla táctil. Según los informes, la mencionada debacle de Hawái fue causada por un error al hacer clic en un menú desplegable.

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

4. Diálogos de confirmación

Para alguien que tiene que repetir el mismo proceso una y otra vez (ejemplo: cualquiera 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 puedan, y deberían, deshabilitarse.

Pero para cualquiera que complete una nueva tarea por primera vez, o incluso por décima, tener un rápido «¿Está seguro de que quiere hacer eso?» El mensaje puede ser invaluable.

5. Validación de formularios

Ahora bien, este es uno 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 un diseño de formulario adecuado puede ayudar a que los usuarios no pongan simplemente el texto incorrecto en el formulario incorrecto, la validación de formulario es excelente para verificar la información y detectar errores tipográficos y campos olvidados.

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

6. Etiquetas

Ah etiquetas. Ahora este puede sonar De Verdad obvio, pero he visto tantos formularios vagamente etiquetados en Internet, que tuve que incluirlos. Peores son los formularios que utilizan la jerga de la industria en un sitio web orientado al cliente. Y ni siquiera me hable de los formularios en los que las etiquetas y las entradas estaban desalineadas. Eso está mal.

7. Utilice tanto color como contraste

La gente a menudo usa el color de manera tan simple: verde = bueno, rojo = malo. Eso es un comienzo y ciertamente ayuda a mucha gente. No necesariamente ayuda a los daltónicos o 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.Haga 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. Desafortunadamente, 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.

Ahora, a veces su interfaz de usuario 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 las personas en lugares familiares. Y siempre, siempre resaltar pequeños cambios en la interfaz de usuario, para que las personas los vean y comiencen a formar nuevas rutinas.

9. Deshacer botones donde sea posible

Bueno, «CTRL-Z» funciona bien en formas regulares, por lo que normalmente no es necesario que lo implementes tú mismo. Pero si está creando una aplicación web, podría considerar seriamente implementar 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ónicoy pensar que hemos estado viviendo en un mundo en el que puedes deshacer los correos electrónicos enviados durante algunos años, ahora te deja boquiabierto.

Ahora bien, si tan solo tuviéramos un botón de deshacer para alertas de misiles involuntarios …