Retroalimentación visual: Ejemplos
Formularios online y logins son ejemplos frecuentes de donde más se requiere una buena retroalimentación visual en Internet. Veamos algunos buenos ejemplos:
Línea Directa
La diferencia entre la primera y segunda pantallas es aparente de forma inmediata por el uso de colores vivos y el efecto del sombreado. Además, el texto explicativo indica cuáles son los campos que hay que revisar.
Facebook
El usuario se ha equivocado al introducir la contraseña.
Han elegido un color distinto (rosa pálido) a la gama de colores utilizada en la web (blanco y azul) para llamar la atención al usuario. Además, dan algunas pistas para ayudar al usuario a solucionar el problema.
My Family
Otro ejemplo del uso clásico de color y sombreado. Además, el mensaje que se visualiza en la parte superior de la página hace que el formulario se desplace: este movimiento llama la atención del usuario y le dirige al problema.
Photo Bucket
No sólo se visualiza el icono estándar para indicar un error (una pista visual muy importante), sino también una flecha que indica la fuente del problema. Igual que los otros ejemplos, se puede apreciar un cambio en los colores y el sombreado.
Nextel
Y para terminar, no un mensaje de error, sino el contador de caracteres de Nextel que informa al usuario de cuántos caracteres lleva entrados (en vez de sólo el número total), lo cual resulta mucho más fácil de comprender que “tienes 120 caracteres” (por lo menos para la mayoría de nosotros humanos que pensamos en palabras y frases, y no en el número de caracteres individuales necesarios para formular una frase).
Ver la versión original del post en inglés, (donde también se pueden visualizar las imágenes más grandes).
