Como diseñador de formularios, es importante centrarse en la apariencia de la plantilla de formulario y no sólo en su funcionamiento. Tanto si está agregando un toque de color o el logotipo de la compañía, Microsoft Office InfoPath proporciona varias formas de suscitar interés y organizar visualmente la información para que la plantilla de formulario sea atractiva y fácil de usar.
No es necesario ser un diseñador gráfico profesional para crear una plantilla de formulario con una apariencia agradable. Recuerde no sobrecargar la plantilla de formulario con demasiados elementos de diseño distintos, ya que puede parecer abigarrada. En cambio, elija unos cuantos elementos que cumplan sus objetivos de diseño y úselos de forma coherente para dar a la plantilla de formulario una apariencia elegante y profesional.
En este artículo se proporcionan listas que pueden ayudarle a que el diseño vaya por buen camino.
Lista para usar color, bordes y sombras
El uso del color es una de las formas más sencillas de agregar atractivo visual a una plantilla de formulario. InfoPath ofrece muchas combinaciones de colores prediseñadas que le ayudan a aplicar distintas variaciones de colores a los diversos elementos de la plantilla de formulario. También puede aplicar color al fondo de una plantilla de formulario.
Además, puede suscitar interés y organizar los elementos de una plantilla de formulario a través del uso de bordes y sombras. Los bordes rodean los límites de un control, tabla o celda de tabla. Resultan particularmente útiles cuando se desea diferenciar las secciones de una plantilla de formulario. Diferenciar las secciones ayuda a los usuarios a comprender la organización del formulario. En el ejemplo siguiente, el diseñador del formulario ha usado bordes para resaltar las celdas en una tabla extensible.
Al aplicar sombreado a un control o celda de tabla se cambia su color de fondo. En la ilustración siguiente se muestra el modo en que varias opciones de sombra pueden cambiar la apariencia de un cuadro de información adicional en una plantilla de formulario.
Cuando use color en un diseño, tenga en cuenta las instrucciones siguientes.
Instrucción
Detalles
No se base sólo en el color para comunicar información importante.
Por ejemplo, si la plantilla de formulario contiene una leyenda con códigos de colores, use entradas adicionales, como anotaciones de texto, para complementar el uso del color. Algunos usuarios podrían usar una combinación de colores limitada o un equipo de mano con una pantalla monocroma, o podrían utilizar
utilidades de revisión de pantalla (utilidades de revisión en pantalla: ayudas a la accesibilidad para personas con discapacidades visuales o de aprendizaje, como dislexia. Estas ayudas hacen disponible la información en pantalla como una voz sintetizada o una pantalla del Braille actualizable.), que raramente expresan información que sólo venga representada mediante colores. Además, hasta un 10% de los usuarios tiene dificultad para distinguir algunos colores o ver otros.
Considere los contrastes y fondos de color.
Asegúrese de que haya un gran contraste de color entre el fondo y el primer plano de la plantilla de formulario. Por ejemplo, use un fondo blanco o gris con los colores de control, o el blanco o gris para los colores de las celdas de las tablas con un color de fuente.
Si usa color en el fondo de la plantilla de formulario, compruebe que la opción Imprimir colores e imágenes de fondo está desactivada.
Los fondos pueden crear contraste o suscitar interés cuando los usuarios ven el formulario en su pantalla. Sin embargo, puede que los colores de fondo no sean óptimos para imprimirlos porque los usuarios no tengan impresora en color y la impresión de colores de fondo en escala de grises o en blanco y negro puede dificultar su lectura. Además, imprimir fondos puede hacer que un formulario se imprima más lentamente y puede desperdiciar la tinta o el tóner de la impresora. Por estos motivos, InfoPath no imprime colores o imágenes de fondo de forma predeterminada.
Use las sombras y bordes con precaución.
Aunque puede usar bordes para agrupar elementos similares, si hay demasiados cuadros, la plantilla de formulario puede parecer confusa y desvirtuar su apariencia general. Céntrese en lo que desea conseguir mediante el uso de bordes y sombras, y elija y use de forma coherente un efecto que cumpla dicho objetivo. Por ejemplo, puede limitar el uso de bordes para resaltar información clave o reforzar la organización de conjunto del formulario.
Compruebe que los colores tienen una apariencia apropiada cuando vea la plantilla de formulario en monitores diferentes.
Debe probar el modo en que los colores de la plantilla de formulario se muestran en monitores diferentes. Por ejemplo, podría pedir a algunos colegas que revisen la plantilla de formulario, comprueben los colores en diferentes condiciones de luminosidad o experimenten con distintas configuraciones de pantalla y de impresora.
Tenga en cuenta el hecho de que los colores tienen significados distintos en países y regiones distintas.
Por ejemplo, en algunos países y regiones, el rojo se asocia con la muerte.
Volver al principio
Lista para usar fuentes y formatos de fuente
Modificar la apariencia del texto puede resaltar la información clave o cambiar drásticamente la apariencia general de la plantilla del formulario. Por ejemplo, puede ajustar el color y el tamaño de ciertas palabras para crear encabezados que le ayuden a organizar la plantilla de formulario y dividirla en secciones lógicas.
En el ejemplo siguiente, el diseñador del formulario usa dos fuentes diferentes, una para los encabezados y otra para el texto que aparece dentro de los controles en la plantilla de formulario. Observe que, en general, debe evitar el uso de MAYÚS para resaltar el texto. Sin embargo, esta técnica puede funcionar si la utiliza con moderación, por ejemplo con los encabezados y otras frases cortas, como se muestra en el ejemplo siguiente.
Para el texto de los encabezados, la fuente es Arial de 9 puntos.
Para el texto de control, la fuente es Verdana de 10 puntos.
Cuando use fuentes y formato de fuente diferentes en un diseño, tenga en cuenta las instrucciones siguientes.
Instrucción
Detalles
Compruebe que el texto está visible con cualquier color de fondo o áreas sombreadas.
El texto es más fácil de leer cuando hay un contraste adecuado entre el texto y el fondo. El texto negro sobre un fondo blanco ofrece el mayor contraste. El texto claro sobre un fondo oscuro también ofrece un buen contraste.
Compruebe que el texto del formulario no es demasiado pequeño.
El texto pequeño puede ser necesario en ocasiones, como cuando se incluyen detalles adicionales en la plantilla de formulario o cuando se etiquetan controles. Sin embargo, en la mayor parte de los casos, el texto mayor es mucho más adecuado para que la mayoría de las personas lo lean.
Use las fuentes y los efectos de fuente con juicio.
Evite usar numerosas fuentes en la misma plantilla de formulario. Puede crear un efecto inconexo y discordante. Una buena instrucción es mantener la sencillez usando tres fuentes como máximo. Además, evite las fuentes demasiado gráficas porque tienden a parecer poco profesionales en un formulario profesional.
Compruebe que el texto es legible cuando se ve con combinaciones de colores de alto contraste.
Algunas personas con visión reducida optan por usar una combinación de colores de alto contraste para aumentar el contraste de colores de algunas imágenes y texto de la pantalla. Esto hace que esos elementos sean más claros y fáciles de identificar. Revise la plantilla de formulario con las distintas combinaciones de colores de alto contraste para asegurarse de que la plantilla de formulario se puede usar de este modo. Para aprender a activar o desactivar una combinación de colores de alto contraste, consulte el sistema de Ayuda del sistema operativo.
Considere si el texto es fácil de recorrer.
Si la plantilla de formulario contiene una gran cantidad de texto, puede ayudar a los usuarios asegurándose de que sea fácil de recorrer. Por ejemplo, si incluye instrucciones de Ayuda largas en una plantilla de formulario, use listas numeradas o con viñetas en lugar de bloques grandes de texto, porque las listas suelen ser más fáciles de recorrer y asimilar.
Compruebe que está usando los efectos de fuente de forma apropiada.
Use los efectos de negrita, cursiva y otros efectos de fuente con moderación, si tiene que hacerlo. Por ejemplo, el texto en cursiva suele ser bastante difícil de leer en la pantalla, en especial cuando se utiliza con ciertas fuentes. De igual modo, demasiado texto en negrita desvirtúa el mensaje global del mismo.
Volver al principio
Lista para usar logotipos y otras imágenes
Las imágenes son otro modo de personalizar y agregar estilo a la plantilla de formulario. Por ejemplo, incluir el logotipo de la compañía puede ayudar a marcar la plantilla de formulario.
Cuando use imágenes en un diseño, tenga en cuenta las instrucciones siguientes.
Instrucción
Detalles
Compruebe que las imágenes identifican de forma adecuada el fin de la plantilla de formulario o de la compañía.
Tanto si la imagen es simplemente una indicación visual (como el logotipo de una compañía) como si se usa para comunicar información importante (como un gráfico de datos), asegúrese de que su público pueda entender su finalidad.
Compruebe que las imágenes tienen un tamaño y posición apropiadas.
Asegúrese de que el tamaño de la imagen y su ubicación en la plantilla de formulario no estorba a los usuarios cuando rellenan la plantilla de formulario.
Compruebe que las imágenes tienen en cuenta su entorno cultural.
Por ejemplo, las fotografías que incluyen gestos de las manos pueden ser ofensivas. Los mapas y marcadores también pueden ser imágenes sensibles. Si la imagen incluye personas, considere mostrar diversos grupos étnicos y ambos géneros.
Use las imágenes con precaución.
Incluir imágenes excesivas o innecesarias puede hacer que la plantilla de formulario parezca desordenada y desorganizada, lo que a la larga desvirtúa la apariencia general de la plantilla de formulario y su efectividad.
Compruebe que las imágenes incluyen
texto alternativo (texto alternativo: utilizado por los exploradores Web para mostrar el texto durante la descarga de imágenes para usuarios que tengan desactivada la opción para gráficos y usuarios que se basen en software de lectura en pantalla para convertir gráficos de la pantalla en texto oral.) y que éste tiene sentido cuando se lee en voz alta.
El texto alternativo ayuda a quienes no pueden ver la imagen en la pantalla. Por ejemplo, es beneficioso para quienes cuentan con utilidades de revisión de pantalla para leer la información de la pantalla o para quienes usan exploradores de sólo texto para ver una
plantilla de formulario habilitada para el explorador (plantilla de formulario habilitada para el explorador: plantilla de formulario compatible con el explorador que se ha publicado en un servidor que ejecuta InfoPath Form Services y que se ha habilitado para el explorador de forma que los usuarios puedan mostrar y rellenar el formulario en un explorador Web.).
Compruebe que las imágenes se guardan en un formato de archivo apropiado.
Los archivos de imágenes grandes pueden aumentar el tiempo que tarda el formulario en abrirse. Ciertos formatos de archivo producen archivos que son mucho más grandes que otros. Por ejemplo, un archivo guardado como
mapa de bits (mapa de bits: imagen creada con una serie de puntos pequeños, como un trozo de papel milimetrado donde se han rellenado algunos cuadrados para crear formas y líneas. Cuando se almacenan como archivos, los mapas de bits suelen tener la extensión .bmp.) (.bmp) o Tagged Image File Format (TIFF) (Tagged Image File Format (TIFF): formato de gráficos de alta resolución basado en etiquetas. El formato TIFF se utiliza para el intercambio universal de gráficos digitales.) es significativamente mayor que el mismo archivo guardado en forma de archivo TPEG (JPEG: formato de archivo de gráficos (extensión .jpg en Microsoft Windows) compatible con numerosos exploradores de Web que se desarrolló para comprimir y almacenar imágenes fotográficas. Está especialmente indicado para gráficos con muchos colores, como fotografías digitalizadas.), AIF (GIF: formato de archivo de gráficos (extensión .gif en Windows) utilizado para mostrar gráficos con colores indizados en el World Wide Web. Admite hasta 256 colores y utiliza compresión sin pérdida, es decir, no se pierde ningún dato de la imagen cuando se comprime el archivo.) oPNG (PNG: formato de archivo de gráficos que es compatible con algunos exploradores Web. Abreviatura de Portable Network Graphics, PNG admite transparencia variable de imágenes y control del brillo de la imagen en diferentes equipos. Los archivos PNG son mapas de bits comprimidos.). El formato TPEG suele ser mejor para fotografías o imágenes complejas. Los formatos AIF o PNG suelen ser ideales para dibujos lineales, logotipos, ilustraciones, gráficos y diagramas.
Compruebe que las imágenes no están protegidas mediante copyright.
Puesto que muchas imágenes son fácilmente accesibles en Internet, podría estar tentado de usar cualquier imagen que vea. Por desgracia, muchas de estas imágenes están protegidas por copyright, y necesita permiso para poder usarlas en sus plantillas de formulario. Sin embargo, hay varios sitios, como el sitio Galería de imágenes prediseñadas y multimedia de Microsoft Office Online, que permiten el uso gratuito de sus clips e imágenes siempre que acepte sus condiciones de uso.
No se base solo en las imágenes para comunicar información importante.
Al igual que no debería basarse simplemente en el color para comunicar información esencial a los usuarios, no debería utilizar solamente las imágenes. Es posible que los usuarios no puedan ver las imágenes de la plantilla de formulario. Por ejemplo, podrían desactivar las imágenes del explorador para aumentar el rendimiento cuando vean el formulario en un explorador, o podrían tener visión limitada, lo que les impediría ver realmente la imagen en la pantalla

0 comentarios: