formularios en la web
Las etiquetas son los textos que detallan cada objeto o grupo de objetos que forman fracción de un formulario. Por lo tanto siempre van asociadas a otros elementos, los cuales reciben el nombre de controles. Las etiquetas ayudan al usuario a comprender la funcion cada control del formulario. Entre otras cosas detallan el contenido de los campos y dan nombre a los valores de las casillas de verificacion (checkboxes) y de los botones de alternativa (radiobuttons). Tipografía Se recomienda usar tipos de letra sin serifa, es decir sin remates, como son los tipos Verdana, Arial y Tahoma. Esta recomendación sirve también para cualquier texto que aparezca en una pantalla. El tipo Tahoma es el recomendado por Microsoft en el diseño de aplicaciones GUI en Windows. En el ambito web esta muy desarrollado el tipo Verdana. Redacción Utilizar el lenguaje del usuario. Eludir el lenguaje tecnico o especializado. Debemos investigar cuales son los terminos usados por los usuarios para mencionarse a los conceptos que contiene el formulario y utilizarlos. Por ejemplo, en un ámbito de banca online, términos como "Reintegro", "Imposición" y "Transferencia" podrían ser sustituidos por "Sacar dinero", "Poner dinero" y "Enviar dinero". Ser breve. No usar palabras innecesarias y ubicar el texto en una única línea. Por ejemplo, en un directorio el término "Teléfono móvil", "Dirección de correo electrónico" y "Número de fax" pueden ser sustituidos por "Móvil", "Correo electrónico" y "Fax". Capitalizar la primera palabra. Deberá ir en mayúscula la primera letra de la primera palabra. Esto ayuda a identificar el origen de una etiqueta. En español, a diferencia del ingles, el resto de palabras llevaran la primera letra en minuscula, excepto si son nombre propios. Lo oya que confunde mas que ayuda ya que que no es un uso habitual de vuestro idioma. Palabras clave al inicio. Ubicar al origen de la etiqueta la palabra más significativa. Esto ayuda a la exploración y localización rápida de la etiqueta. Eludir abreviaciones. Seguir las proximos normas cuando sea ineludible usar abreviaciones: Ser consistente: usar la misma abreviación siempre para la misma palabra. Seguir los estándares del usuario, su argot profesional o el de su organización. Por ejemplo: "Cial." por "Comercial" en un ámbito financiero. Cuando no exista ningún estándar para una palabra, se preferirán las abreviaciones por truncamiento: Por ejemplo, "Dir." por "Directorio". En textos largos, puede ser que el truncamiento no sea efectivo, en este caso se podrá usar un acrónimo o crear abreviaciones por compresión. Por ejemplo: "AMEX" por "American Express". Colocar dos puntos al final de la etiqueta. Aunque determinadas guias de estilo indican la opcionalidad de los dos puntos al final de las etiquetas, en mi opinion es preferible usarlos ya que que de esta forma se indica claramente el final del texto de la etiqueta, evitando confusiones con otros textos proximos. Son excepciones a esta norma los textos de los botones de alternativa y de las casillas de verificacion asi como los titulos de los recuadros de grupo. Ubicación Posición A la izquierda del tema o área de texto. Deben situarse preferiblemente a la izquierda del tema, jamas a la derecha ni debajo. Eludir colocar las etiquetas arriba del tema ya que que dificulta su exploracion visual. Cuando sea inevitable, se situaran arriba del tema alineados a la izquierda. Esto es habitual cuando el tema o area de texto ocupa mucho espacio. A la derecha de los botones de alternativa y de las casillas de verificacion. Es significativo seguir esta regla, de lo opuesto el usuario puede confundirse y asociar la etiqueta a otro boton de alternativa o casilla de verificacion. Alineación vertical. Sobre si las etiquetas deben alinearse a la derecha o a la izquierda no hay ningún acuerdo establecido. Tanto un caso como el otro tiene sus ventajas e inconvenientes. Alineación izquierda: Ayuda al escaneo del ojo ya que el origen de todas las etiquetas queda encolumnado y facilita su localizacion rapida, sin embargo tiene como inconveniente que determinadas etiquetas pueden quedar excesivamente separadas de su tema o control. Alineación derecha: Lo que para la alineación izquierda es una ventaja, aquí se convierte en un inconveniente y viceversa. Mi táctica preferida: Consiste en alinear las etiquetas a la izquierda excepto cuando, en un grupo, cierta de ellas tenga un texto muy largo. En este caso alineo las etiquetas a la derecha. Alineación horizontal Los textos de las etiquetas y de los campos deben estar alineados horizontalmente bebiendo como referencia la linea fundamento del cuerpo del texto. Separación con el tema o control: Si se adopta la alineación derecha, todas las etiquetas tendrán la misma separación de su tema o control. La distancia de separación no debe ser jamás excesiva. Una separación aproximada de 12 píxeles será suficiente. Si se adopta la alineación izquierda, se tomará como referencia una separación aproximada de 12 píxeles desde la etiqueta más larga hasta su tema o control. El resto de etiquetas se alinearán en referencia a esta. Estados La etiqueta debe reflejar el estado del tema o control al que esta asociado. Por ejemplo, si un tema, casilla de verificacion o boton de alternativa no esta no disponible, su etiqueta tambien lo mostrara. Interacciones En las etiquetas de las casillas de verificación y de los botones de opción, el texto debe ser clicable y activar la misma acción de su control asociado.