Contenido
- 1. No marques campos obligatorios
- 2. No uses hilanderos
- 3. Tener solo un tipo de botón o, mejor aún, solo un botón por formulario.
- 4. Campos de fragmentos
- 5. Piensa por qué preguntas algo y cómo se siente el usuario.
- 6. Las citas son pequeños amigos inquietos
- 7. Formas como artesanía de desarrollador
- 8. No utilice columnas en los formularios.
- 9. No use dos campos cuando uno es suficiente
- 10. Sea amable
Formas, no hay nada que muchos diseñadores odien más que las formas. No necesariamente sacan a relucir la creatividad, ¿o no? Quizás es hora de que volvamos a mirar los formularios y entendamos que un formulario, en su forma más básica, es una conversación entre el usuario y el software.
Olvídese de apuntar y hacer clic, los formularios representan la interacción más rica que enfrentaremos los diseñadores digitales. La próxima vez que se le presente un formulario, no crea que es solo cuestión de aplicar algunos efectos CSS agradables o agregar un toque de jQuery agradable. Hay mucha más profundidad en el diseño de formularios.
He probado cientos de formularios y diseñado algunos formularios complejos para compañías de seguros, interacciones de reserva de vacaciones y muchos más. Es probable que haya utilizado uno de mis formularios en los últimos meses.
Estas son las lecciones que desearía haber aprendido antes de comenzar a diseñar formularios.
1. No marques campos obligatorios
¿Conoce el pequeño asterisco que denota un campo obligatorio? Lo he visto fallar muchas veces en las pruebas de usuario. Como concepto, los campos obligatorios no tienen mucho sentido, no tienen equivalente sin conexión. Son excelentes para los desarrolladores porque ofrecen un buen enfoque en blanco y negro para completar. El asterisco y el campo obligatorio fallan porque es un comportamiento aprendido. El comportamiento típico que he visto en las pruebas de usuario es que el usuario completa el formulario en la parte superior y termina cuando hay algo que lo detiene o presiona un botón.
La solución es simple, marque campos opcionales, marque el lugar donde nuestro simpático usuario debe detenerse y pensar si necesita completar ese campo.
2. No uses hilanderos
HTML5 es brillante, ¿no? Ofrece un montón de nuevas y emocionantes herramientas brillantes para jugar. Necesitamos pensar en la idoneidad de nuestros nuevos juguetes. El campo numérico ahora incluye pequeñas flechas hacia arriba y hacia abajo para permitir al usuario recorrer los números.
Hay dos problemas aquí. En primer lugar, la visualización predeterminada de las flechas en el navegador las hace realmente pequeñas. Es muy complicado hacer clic y los gordos dedos entre nosotros van a tener problemas en un iPhone. Se llama Ley de Fitt, cuanto más pequeño es algo, más difícil es hacer clic en él.
Pero te escucho gritar, puedes escribir el número directamente en el campo de números. Sí, puedes, pero veamos la pantalla del navegador, las flechas giratorias arriba / abajo se parecen a nuestro amigo de confianza, el cuadro de selección. Un usuario al que se le presente una ruleta por primera vez asumirá, ya que se parece a un cuadro de selección, que no puede escribir en él.
Mi consejo es mantenerse alejado hasta que se conviertan en un lugar más común o los desarrolladores del navegador resuelvan el diseño predeterminado.
3. Tener solo un tipo de botón o, mejor aún, solo un botón por formulario.
Hay un principio de psicología poco conocido llamado Ley de Hick. La Ley de Hick establece que cuantas más opciones se nos ofrecen, más difícil es tomar una decisión. No es ciencia espacial, lo sé, pero es una regla que vale la pena tener en cuenta.
Puede ayudar a su buen usuario ayudándole a tomar una decisión. Al hacer que todos los botones primarios sean de un color y tener solo uno de ellos por página, facilita la elección. ¿Cuál es el botón que debería presionar? Oh, es fácil, es el grande de color.
4. Campos de fragmentos
Estudié neurociencia en una vida anterior y, por lo tanto, estudié la psicología de la memoria, específicamente la memoria de trabajo o de corto plazo. Ahora, antes de que lo digas; no, la capacidad de memoria a corto plazo no es 7 +/- 2, 4 +/- 1 o en el habla humana de tres a cinco partes. Nosotros, como humanos, somos excelentes para evaluar los estímulos visuales, la restricción es que somos mejores cuando el número es menor. La división de un formulario en grupos más pequeños facilita la evaluación, ya que a menudo lo que el usuario debe ingresar en el formulario proviene de su memoria.
Asegúrese de que sus grupos de campos tengan una longitud aproximada de cuatro.
5. Piensa por qué preguntas algo y cómo se siente el usuario.
Este es probablemente el consejo más sencillo que doy, pero a menudo es el menos utilizado.
Tomemos lo siguiente:
Cuestione cada pregunta que haga. ¿Es necesario? ¿Cómo se siente que le pregunten esto?
La mayoría de las veces existe una necesidad empresarial de hacer una pregunta y nosotros, como diseñadores, podemos discutir sobre la necesidad hasta que nos pongamos tristes. Hay que formular la pregunta. Al comprender la necesidad empresarial de estos datos, a menudo podemos comprometernos.
Podemos ayudar diciéndole a nuestro amable usuario por qué necesitamos hacer esa pregunta. Tranquilícese sobre el uso y el intercambio de esos datos y, en general, sea amable.
Tomando nuestro ejemplo nuevamente:
Todavía es una pregunta difícil, pero con suerte hayamos endulzado la píldora.
6. Las citas son pequeños amigos inquietos
Ingresar fechas puede ser un verdadero desafío y existen algunas trampas que puede evitar. El mayor problema es lidiar con los errores.
El método más sencillo es lanzar un calendario. Vale la pena señalar que las semanas comienzan un lunes en el Reino Unido y un domingo en los EE. UU. Si su usuario no se está concentrando, es posible que seleccione un domingo cuando se refiere a un lunes.
También vale la pena mencionar los formatos de fechas internacionales. Estados Unidos ocupa el primer lugar en el mes, en Japón es el primero en el año. Por tanto, una fecha como el 5/4/12 podría interpretarse de tres formas.
Por eso es mejor utilizar cuadros de selección.
7. Formas como artesanía de desarrollador
Los formularios son artesanales tanto para desarrolladores como para diseñadores. Comprender los posibles errores que se pueden cometer al ingresar datos y diseñar su código de back-end para hacer frente es un desafío.
Aquí tienes uno simple. Ingresando un valor de moneda. Los posibles errores que podría cometer el usuario son enormes. Forzar los formatos de datos que los usuarios deben cumplir es frustrante para el usuario y, seamos sinceros, un poco vago por parte de los desarrolladores.
Qué mejor desafío para un desarrollador que construir un formulario a prueba de balas.
8. No utilice columnas en los formularios.
El gran problema al usar columnas en formularios es el flujo. Comenzamos un formulario en la parte superior y terminamos en la parte inferior. Al introducir columnas, se puede interrumpir el flujo del formulario.
No asuma que los usuarios tabulan los formularios y, por lo tanto, el enfoque es una forma de navegar por los formularios en columnas. Es raro que haya visto eso en las pruebas de usuarios. La mayoría de las veces vemos ingresar detalles, hacer clic en el siguiente campo con el mouse / trackpad / dedo, luego ingresar detalles y así sucesivamente.
9. No use dos campos cuando uno es suficiente
La mayoría de las personas no son mecanógrafos táctiles. En las pruebas de usuario, vemos que las personas miran el teclado mientras escriben.
Al ingresar un número de teléfono dividiendo el campo del formulario, digamos que agregue el código de área y el número, causa problemas reales. Los usuarios no ven o no recuerdan que hay dos campos, así que ingrese el número completo en el primer campo, peor si el campo está limitado a una cierta cantidad de caracteres.
Use solo un campo para el número de teléfono, lo mismo ocurre con el número de casa / calle: use solo un cuadro de entrada de texto.
10. Sea amable
Se sorprenderá de la cantidad de mensajes de error bastante groseros que existen.
A continuación, se muestra un ejemplo de uno con el que me encontré recientemente.
El mero hecho de que estén sugiriendo que entrarías voluntariamente en una cita en el futuro y luego una respuesta bastante graciosa, bueno, no es muy agradable.
Vuelva a ponerse en el lugar del usuario, ¿cómo se sentiría al ver este error? ¿Molesto? Quizás incluso peor. Ser amable es fácil.
Creé una cuna / hoja de trucos descargable para ayudarlo a diseñar mejores formularios. Incluye muchas más formas de mejores prácticas para diseñar mejores formularios.
