Cuán diferente sería mi reacción si hubiera, en vez de “el convenio no está registrado” un mensaje que rece más o menos así:
“La entidad de pago seleccionada no es capaz de aceptar su transferencia en este momento. Por favor intente más tarde, o bien seleccione una de las siguientes opciones: 1) Elija otra cuenta (combo box), 2) o bien seleccione otro tipo de transacción.”
Un mensaje mucho más útil y claro, ¿no? De esta manera, no solamente se orienta al usuario a tomar decisiones en momentos críticos, sino que por añadidura se salvaguarda la fidelidad del mismo y la reputación de la empresa oferente del servicio. Hay mucho que ganar en explicar las cosas de forma simple, clara y sencilla... y mucho que perder si no se hace.
6. Indicar el límite de caracteres en los campos que así lo ameriten.
Muchas veces, es preciso limitar los caracteres que el usuario puede aportar en ciertos campos de un formulario, como la clásica sección de “comentarios”, dirección, etc. Cuando esto sucede, es frustrante ver cómo, después de redactar un texto en un campo de éstos, la validación nos rebote el formulario diciendo simplemente que “es muy largo”, cuando no se nos ha indicado cuán largo es posible que sea nuestra redacción. 400 caracteres? 500? 10.000?
Esto se soluciona de dos maneras: 1) Ya sea indicándole al usuario la extensión máxima (Ej: “Límite máximo: 500 caracteres, incluyendo espacios”) o 2) utilizando un contador de caracteres en Javascript, el cual va restando caracteres a medida que el usuario va escribiendo en el campo e indicándole al usuario cuántos caracteres tiene disponibles.
7. Sugerir alternativas siempre que sea posible.
Google puede “mapear” unos términos a otros, lo cual le permite crear este sistema de “inteligencia artificial.”
En caso de que la información suministrada por el usuario (por ejemplo, una palabra enviada a un motor de búsqueda) no ofrezca los resultados deseados, es aconsejable además del mensaje de error sugerir alternativas a elegir para el usuario. El buscador Google ofrece una de las mejores puestas en práctica de este sistema:
A través de un análisis exhaustivo de sus server logs (bitácoras de datos de servidor), Google ha compilado un sistema que agrupa las variantes más comunes de términos de búsqueda populares (en este caso, experiencia de usuario), incluyendo errores. De esta forma, Google puede “mapear” unos términos a otros, lo cual le permite crear este sistema de “inteligencia artificial” que hace posible que al escribir “esperiencia usario” Google me pregunte si lo que realmente estoy buscando es “experiencia usuario”.
Es cierto que este nivel de sofisticación no siempre esta al alcance de todos los desarrollos web, pero en su lugar es posible compensar con alternativas tales como sugerencias de productos alternativos, caso de un sitio de e-commerce (“El producto X no fue encontrado. Sin embargo, le sugerimos los siguientes productos...”) o mostrar alternativas de enlaces a otras secciones del sitio que puedan ayudar al usuario.
8. Deshabilitar los botones de envío de formularios una vez enviado el mismo.
Muchos sitios web —especialmente los de comercio electrónico— utilizan advertencias intimidantes tales como “Por favor no oprima el botón Enviar más de una vez, de lo contrario se le cobrará doble” o algo parecido. Es mucho más recomendable deshabilitar el botón de envío (Submit) mediante una función sencilla de Javascript, o que el formulario vaya directamente a una página intermedia que indique que el proceso de envío está ejecutándose.
9. Manejar un diseño claro y amistoso.
Un ejemplo de formulario donde los elementos están bien equilibrados, hay suficiente separación entre los mismos y forman un conjunto tanto usable como agradable a la vista.
A la hora de confeccionar un diseño de formulario mediante HTML y CSS, hay varios puntos a tomar en cuenta:
Que haya “aire” (espacio) entre los campos. Un formulario con campos demasiado seguidos uno del otro sólo se presta a confusiones.
Si se manipula el aspecto de los elementos <INPUT>, <SELECT> o <TEXTAREA> mediante CSS, evitar en lo posible caer en la tentación de utilizar tipos de letra demasiado pequeños y/o exóticos, o colores y bordes que confundan a los campos del formulario con otros elementos. No se puede sacrificar la usabilidad en pos de la “estética”, y además siempre hay maneras de encontrar un balance entre ambos aspectos. Cabe mencionar que en navegadores como Safari (en Mac OS X) los atributos de CSS sobre los elementos HTML de formularios carecen de efecto, pues siempre son mostrados con valores de color y forma del OS X por default.
No olvidar marcar en forma visible y distinguible los campos que sean requeridos por el sistema.
Autor: Manfred Pérez Porras
http://www.metodus.com/articulos/formularios/index.jsp
Usuarios que han visto este tema también han visto...
- AJAX y Usabilidad
- Moderación en el uso de Flash para el Diseño Web
- Introducción al desarrollo web para principiantes
- Formularios web, recomendaciones generales de diseño
- ¿Cómo escribir una oferta de trabajo?
- Versión imprimible de este documento
- Enviar por e-mail este documento
