controles para la web
Los formularios son usados para comprar, registrarse, buscar, suscribirse, asociarse, etc. todos ellos procesos basicos para la supervivencia de un sitio web y su eslabon mas fragil. Cuando un usuario se determina a completar un formulario ya ha tomado una decision (compra, suscripcion, registro, etc.) y esta dispuesto a llevarla a cabo, el sitio web ha tenido exito y solo falta "rematar la faena". Entre la intencion del usuario y una cumplimentacion exitosa el agente mas significativo es la usabilidad. De ella dependera su ratio de cumplimentacion, es decir, el cociente entre el numero de usuarios que finalizan el formulario y numero total de usuarios que lo comienzan. Radio buttons: Se emplean para restringir la respuesta a una pregunta a unas algunas alternativas de respuesta, de las cuales solo es probable elegir una. En algunos casos esto se hace porque realmente solo es probable una respuesta, por ejemplo, "sexo: hombre o mujer". Pero en otros tambien se usa para realizar al usuario decantarse por la alternativa preferida o mas cercana, en estos caso las alternativas han de ser mas cuidadas para no abandonar afuera ninguna probable respuesta. En el pronunciado de la pregunta es significativo que quede diafano que se trata de optar entre las respuestas. Las alternativas han de ser redactadas de tal forma que forzosamente cierta de ellas satisfaga al usuario. Han de ser claramente excluyentes entre ellas y no ha de tener sentido responder dos al mismo tiempo. En caso de que haya duda y que sea probable que ninguna de las respuestas sea adecuada, se ha de incluir una alternativa tipo "No aplicable", "Otros" o "No sabe/no contesta". En cualquier caso, si se llega a esta situacion es recomendable revisar la pregunta y las alternativas, ya que que esta duda suele ser indicador de una inadecuada redaccion. La redaccion de las respuestas es primordial porque muchos usuarios no leen el pronunciado de la pregunta y solo lo infieren del conjunto de respuestas posibles. La comprension de que hay que optar entre las respuestas se logra mediante la cercania espacial de los radio buttons como se puede ver en el próximo ejemplo: Generalmente si las probables respuestas son largas y mas de dos, es mejor la alineacion vertical. Aunque si la respuesta tiene solo dos posibilidades, tipo "sexo", se puede optar tambien por presentarlas en horizontal, para ocupar menos espacio. Lo que jamas se debe realizar es insertar algunas lineas de texto o lugares entre los radio buttons porque las probables alternativas quedan demasiado lejos unas de otras, no queda diafano en un vistazo veloz que se ha de elegir solo una y obliga a leer atentamente los textos. Vease el ejemplo de uso inadecuado: Ademas si se selecciona una alternativa por defecto, esta debe ser la primera en el orden y la mas comun. El numero maximo de alternativas fluctua dependiendo de su extension y complejidad. Si las alternativas son cortas y sencillas, hasta un maximo de cinco seria aceptable. Sin embargo, si las alternativas son largas y de ideas complejas un numero gran de 3 disminuiria mucho su usabilidad. En estos casos es recomendable partir la pregunta compleja en dos mas simples. Combos: Los combos se emplean para restringir la respuesta de una pregunta a unas algunas alternativas de respuesta, de las cuales solo es probable elegir una. En verdad son muy parecidos a los radios buttons, pero su uso es algo distinto. La mayor diferencia es que las respuestas de los combos estan ocultas para ocupar menos lugar en el formulario. Sin embargo para que los combos sean usables deben contener alternativas mas simples que en los radio-buttons. Estas alternativas han de ser completamente predecibles, sencillas e inequivocas tras leer el pronunciado de la pregunta. Un ejemplo correcto seria "nivel de estudios: EGB, FP, Universidad". Si se ha de desplegar el combo para entender las alternativas contenidas en un combo, no se cumple el comienzo de la visibilidad. En este ejemplo hasta que no se despliega este combo: no se pueden entender las alternativas contenidas en el: Como hemos comentado anteriormente, muchos usuarios ni siquiera leen el pronunciado de las preguntas, sino que se limitan a elegir una respuesta de entre las probables. Si las alternativas de los combos no son predecibles o sencillas, este proceso de eleccion y comparacion entre probables respuestas se dificulta mucho. Los combos se emplean para eludir errores en la introduccion de informacion, pero en ese sentido solo se deben utilizar cuando la relevancia de la correccion de los datos sea tan apreciacion que obligue a ello. No es razonable utilizar combos indiscriminadamente y para alternativas innecesarias u otras demasiado largas. Por ejemplo, si en el combo "pais" se incluyen todos los paises del mundo se hace muy dificil de utilizar. El usuario escribe antes el nombre del pais manualmente que seleccionandolo en un combo de mas de 100 alternativas. Asimismo "pais" en la mayoria de los casos no es un tema critico y su ratio de errores muy bajo. Check-boxes: Los check-boxes se emplean en dos casos: 1) Para restringir la respuesta de una pregunta a unas algunas alternativas de las cuales es probable elegir varias. En este caso se suelen utilizar para recoger información de los usuarios acerca de preferencias, gustos o cualquier otro tipo de pregunta que requiera una respuesta múltiple y variada. 2) Para mostrar una unica alternativa que no es obligatoria. Por ejemplo, confirmar la lectura de condiciones de contratos, optar por recibir correos electronicos con publicidad, etc. Para que se produzca una confirmacion real y consciente del usuario, la check-box debera surgir por defecto sin marcar, en caso opuesto el usuario puede perder confianza en el sitio e interpretar su politica como engañosa. En este ejemplo del registro para el correo de Yahoo podemos ver ambos usos, aunque en el primero optan por marcar por defecto la alternativa de recibir publicidad. Campos de texto: Se emplean cuando se desea permitir cualquier tipo de respuesta a una pregunta del formulario. Son los preferidos por los usuarios que saben que pueden escribir casi cualquier cosa. La extension del tema es significativo porque da a los usuarios la clave sobre la extension de la respuesta esperada, ello les hace ajustarla y entender mejor la pregunta. Por ejemplo, pueden deducir que si su respuesta ocupa mas lugar del disponible seguramente no sea la adecuada. En la direccion postal (tipo de via, nombre de la via, numero, piso, escalera, puerta, etc.) es adecuado un solo tema de texto. Un usuario requiere menos tiempo para completar un unico tema, porque lo hace muy frecuentemente y no es sencillo que cometa errores. En algunos casos la excesiva separacion de los datos en distintos temas provoca errores porque no es probable incluir plenamente todos los probables fundamentos de la direccion (piso, escalera, puerta, bloque, escalera, patio, etc.), lo que puede confundir al usuario y originarle una falta de confianza en el adecuado fruto del proceso. Siendo la direccion postal un tema que no se explora en la fundamento de datos y simplemente se imprime en las etiquetas de los sobres, no tiene sentido utilizar 4 o 5 temas distintos para su recogida (en caso de necesidad se puede usar el codigo postal que se recoge en un tema distinto). La fecha es uno de los campos de texto que más errores genera en la mayoría de los formularios. Casi siempre incluye un ejemplo de formato o necesita de usar combos muy incómodos no justificados para un dato tan sencillo. El formato más correcto para la mayoría de los casos es este: Una validación de errores paciente con la falta de ceros a la izquierda y que también acepte solo dos dígitos en el año permitirá un funcionamiento adecuado. Un yerro tipico es introducir el salto automatico entre temas de texto consecutivos y realizar inindispensable el uso del tabulador. Aunque este comportamiento puede parecer que facilita la tarea de introduccion de datos, no es correcto porque quita control a los usuarios, no es un funcionamiento estandar y es indispensable contemplar la pantalla para saber en que tema se esta. Todo ello puede provocar facilmente yerroes, como por ejemplo, introducir datos pertenecientes a un tema en el próximo cuando no se introduce el formato esperado por el salto automatico. En la validación de campos de texto, se recomienda aceptar algunos "errores" comunes como lugares en los números de teléfono, los puntos de millares o el uso indistinto de mayúsculas o minúsculas. Recomendaciones generales: Para eludir la incomodidad del cambio entre teclado y raton, es recomendable, cuando tenga sentido, agrupar por un lado los controles que se manejan con el raton (radio-buttons, check-boxes, combos) y por otro los que se manejan con el teclado (campos de texto), en espacio de alternarlos. Respecto a la situación, tanto los "radio button" como los "check-box" siempre se han situar a la izquierda de la etiqueta del campo, así se favorece la alineación vertical de todos los controles. Por el opuesto los combos y los campos de texto deben situarse a la derecha de la etiqueta del campo.