Normas para la creación de sitios web de calidad.
Política de calidad abril 2003

Estas recomendaciones no son normas estrictas, más bien indican lo qué el usuario debe de poder hacer, que tipo de información debe estar disponible. El diseño debe ser igualmente utilizable por cualquier tipo de usuario, debe tener la suficiente flexibilidad para acomodar el mayor rango de preferencias o capacidades individuales, debe ser simple e intuitivo, fácil de comprender independientemente de la experiencia, conocimientos, etc.

DISEÑO (Continuación)

7. Etiquetas para títulos
Dado que los títulos de documentos definidos por la etiqueta para títulos tienen múltiples propósitos, éstos deben definirse con precaución. El título del documento aparece en la barra de título del navegador del visitante del sitio, como la etiqueta en los marcadores de página, y en las lista de resultados de búsqueda e informes estadísticos. El título de un documento debe ser conciso, pero también debe poder tener valor por sí mismo.

1. Evite utilizar un título de documento para identificar la ubicación del mismo en la jerarquía del sitio.
2. Al elegir un título, evite las palabras que puedan resultar inapropiadas u ofensivas. Si un título es corto y significativo, pero puede interpretarse de varias maneras, elija otro título.

8. Tablas
Las tablas son útiles en las páginas Web para presentar la información de manera concisa y crear listas con diversas columnas utilizando mucho menos espacio que lo que podría requerir un texto de una sola columna.

1. Las tablas deben utilizarse dentro del contenido para mostrar datos y listas de manera organizada.
2. Se han de definir las tablas con encabezamientos y con etiquetas para las columnas y filas, según corresponda, para facilitar la navegación de personas con discapacidades.
3. No se han de utilizar bordes en las tablas, ya que los bordes pueden verse de manera diferente en los distintos navegadores y plataformas.
4. Cuando sea posible, utilice los colores de fondo aprobados, por fila o columna, para permitir una mejor lectura.
5. No utilice tablas para aislar o destacar el texto en una página

9. Fotos y gráficos
No se extralimite en el uso de fotos y gráficos. Hay que mantener el mínimo "peso" en cada página, para que las personas que utilizan módems lentos puedan tener acceso al sitio Web.

1. Como regla, limite el número de gráficos a no más de 60 Kb por página a no ser que por necesidades del administrador se disponga de otra forma.
2. Asegúrese de que las fotos y los gráficos agreguen valor al contenido. Cada imagen y gráfico debe tener un motivo para estar en la página.
3. Utilice gráficos simples.

10. Longitud de las páginas
Una página Web no debe exceder las dos páginas al imprimirse.

11. Elementos de referencia (anchor tags)
En algunos casos, los elementos de referencia - que permiten que el usuario "salte" hacia adelante en la página - pueden ser una buena práctica de diseño. Sin embargo si se selecciona "imprimir", se imprimirá toda la página, no sólo la sección a la cual se trasladó. Una mejor opción es crear una serie de páginas Web relacionadas. Esto puede resultar más fácil de manejar para el usuario y le permitirá imprimir partes específicas del contenido, en lugar de un gran volumen de información que no necesita.

12. Texto
Se ha de dividir el texto en pequeños segmentos y utilizar encabezamientos o divisores de sección para que la gente pueda acceder rápidamente a las secciones que necesita. Se han de dejar espacios en blanco en sus páginas. Los espacios en blanco proporcionan alivio para la vista, facilitan la búsqueda y hacen una página más atractiva. Se ha de situar la información más importante en la parte superior de la página.

13. Portada
La portada de una sección debe ser relativamente corta y concisa. En la mayoría de los casos, debe utilizarse para destacar desarrollos importantes o actuales y para ayudar a las personas a llegar a otras partes de la sección. La portada no debe exceder las 2 pantallas de longitud total, ya que a la gente no le agrada desplazarse por la pantalla.

14. Cuadros de contenido
Se han de utilizar los cuadros de contenido y/o menús para guiar a los usuarios a los enlaces relacionados, para destacar información importante o para proporcionar información adicional. A continuación ofrecemos una guía general para utilizar los cuadros de contenido:

· Novedades - para destacar nuevas reglas, informes, instrucciones, etc. Normalmente, los temas permanecen en este cuadro por un período de tiempo limitado (probablemente no más de 1 mes).
· De interés - para mostrar información de interés particular del momento. Puede no ser información reciente, sino información oportuna.
· ¿Lo sabía? - para dar respuesta a preguntas que los navegantes pueden no haber pensado.
· Más información o Para saber más para ofrecer enlaces a información adicional sobre un tema en particular o para proporcionar un contacto
· Información relacionada: para conectar a los usuarios con temas similares - pero no exactamente iguales - al tema en cuestión.
· Herramientas útiles - Utilizar acceso a herramientas que sean útiles para visualizar documentos o elementos de la página web. Flash, Adobe, Real Player...

15. Presentaciones
Las "Presentaciones" son párrafos cortos, normalmente utilizados en la portada de una sección. Brindan información breve sobre nuevas iniciativas, nuevos desarrollos o actualizaciones de gran interés. Deben cambiar con frecuencia. Las características no deben exceder las 3-5 líneas de longitud y normalmente no deben utilizarse más de 5 características en la portada. En general, la presentación tiene un enlace a una sección con más información al respecto.

16. Puntos destacados
Los puntos destacados son enlaces de una línea, normalmente utilizados para enfocar la atención del visitante sobre información nueva o actualizada o sobre un tema destacado. Los puntos destacados no deben exceder una línea de longitud. Deben actualizarse con regularidad. Normalmente, no deben repetir los temas de la portada de la página web.

17. Fondos de página.

No usar imágenes de fondo y buscar máximo contraste entre los colores de fondo y primer plano.

Anterior | Siguiente