www.deciencias.net
Web docente departamental
 
> web docente > diseño web dpto > orientaciones página
 
Orientaciones metodológicas - Estructura de página
Página principal. Sobre todo las páginas principales (index) deben aprovechar el espacio y la información utilizando el modelo de/ dos o tres columnas en vez de un modelo lineal de todo a una columna. A propósito de la página principal se debe tener en cuenta que:
Será la página más visitada y debe resultar atractiva.
Debe compartir ciertos elementos con el resto de las páginas para dar imagen de centro (ej.: logotipo del Instituto)
Debe contener un resumen o esquema de lo que se puede visitar en el sitio.
Tendrá enlaces a los principales apartados del sitio.
Debe identificar a los responsables del sitio e indicar cómo contactar con ellos.

 

Páginas en construcción. No dejar páginas en blanco con el tema "en construcción". Es mejor dejar sin efecto el enlace correspondiente hasta que la página alguna información.

Páginas fluidas o estáticas.

Dentro del esquema general de una pagina web existen varias opciones: Que la pagina este centrada o justificada a la izquierda o que la pagina tenga un tamaño fijo o se adapte a la resolución del monitor.
Cuando el tamaño de la pagina se adapta a las dimensiones del navegador tenemos una pagina fluida. Esta adaptación se consigue haciendo las tablas que componen nuestra pagina con tamaños relativos (%). Amazon.com es una pagina fluida que se puede seguir como ejemplo.

Para paginas con texto y noticias es mejor el crear nuestras paginas "fluidas" ya que no perjudicamos la navegación en resoluciones de monitor bajas (800x600 sigue siendo el estándar) y si aprovechamos el uso de monitores con mayor resolución al ofrecer mas información en la parte superior (menos scroll).

En el caso de aplicaciones "web" tipo "web mail", "carrito de la compra" y formularios, es mejor usar paginas con tamaño fijo ya que en monitores con resolución de pantalla superior a 1024 la distancia entre la información y los botones es muy grande y se pierda el contexto (botones situados en el margen derecho y el campo de texto en el margen izquierdo).

Esto no evita que podamos tener la pagina construida con zonas "fluidas" y zonas rígidas. Dentro de una misma pagina, zonas de botones y navegación es bueno conservar el tamaño fijo y zonas de información es mejor ofrecer una solución"fluida".

Hacer las páginas de una pantalla y media.
El tamaño de las páginas no debe sobrepasar ciertos límites en cuanto a memoria utilizada para tener un tiempo de descarga razonable. Pero además las páginas largas obligan a manejar mucho las barras de desplazamiento o el scroll haciendo tediosa la lectura o búsqueda de información.

En general es una buena costumbre no hacer páginas de tamaño mayor a una pantalla y media. De esta manera evitará muchos problemas y facilitará la lectura de las páginas. Las páginas de tamaño una pantalla y media son cómodas de leer y no saturan al lector con demasiada información.

Páginas largas para grandes documentos.
El modo texto consume poca memoria pero resulta pesado cuando es demasiado largo (dos pantallas o más). Ciertamente es mas fácil hacer scroll que avanzar a otra pagina, pero cuando los textos son muy largos son también desalentadores y mi parecer es que siendo solo texto podemos incluir varias pantallas y luego un avance de pagina que aportara un descanso a la vista y al lector y no acabara por hartarlo como lo haría el tener que leer de corrido un texto que ocupe 50 pantallas.
Algunas ideas para presentar contenidos con texto:

Claridad expositiva con un lenguaje claro, sencillo y directo.
Comenzar los apartados con introducciones motivadoras que resalten la importancia del mismo.
Reforzar las explicaciones con resúmenes, esquemas, listas ordenadas.
En textos muy extensos dividir la documentación en varias páginas o hacer un resumen del contenido y ofrecer la descarga del documento completo en un formato conocido (.doc, .pdf).

Si por motivos de usabilidad se desea que las paginas no sean muy largas entonces se debería crear un vinculo donde el cliente baje el documento completo sin tener que esperar a ver todas las paginas, personalmente agradezco al webmaster cuando un documento tiene un vinculo donde bajarlo completo y poder verlo offline (formato zip, pdf, etc), sin necesidad de tener que cargar todas las paginas, muchas de ellas con contenido que francamente no me interesa.

Firmar y fechar los documentos
Todos los documentos deberían firmarse. De esta manera se identifica al autor del documento, además de hacerse responsable de su contenido. Si el documento contiene información importante o de valor, firme el documento digitalmente con algún método seguro como puede ser PGP.

También es importante fechar los documentos, al fechar los documentos situamos el contenido de los mismos en un contexto en el tiempo. Si el documento está fechado, el lector es capaz de saber si la información es actual o por el contrario está obsoleta.

Nombrar la página.
Poner nombre a la páginas sobre todo a la principal. El nombre es el principal elemento que utilizan los grandes buscadores para localizar páginas web (también la descripción y las palabras-clave). Además si la página se guarda en el HD o se agrega a Favoritos tomará, por defecto, ese nombre. Puede incluir de 3 a 8 palabras que debemos seleccionar adecuadamente para que la página sea visitada.

Facilitar el contacto con el autor
Así mismo sería bastante conveniente que se proporcionase información de cómo contactar con el autor. Una manera sencilla es crear una página con las señas del autor e introducir un enlace a dicha página al final de cada documento.

Tener cuidado con el formato de las fechas
Hay que ser cuidadoso con el formato de las fechas y usar formatos como 3-4-98 que pueden llevar a confusión al ser leído por personas de otros países. Ya que la anterior fecha se puede interpretar como el 4 de Marzo en vez del 3 de Abril.

Poner sus páginas en contexto
Recuerde que el lector puede llegar a su página desde cualquier sitio, por lo tanto es muy recomendable que se le dé un contexto definido. Recuerde las preguntas básicas. ¿Qué? ¿Quién? ¿Cómo? ¿Cuándo?

Visualizar las páginas en diferentes navegadores
Aunque sus páginas cumplan el estándar es recomendable que compruebe que sus páginas se visualizan correctamente en los navegadores más usados. Aquí puede comprobar la correcta compatibilidad con los navegadores más importantes.

Escriba páginas para cualquier navegador. No realice páginas que solo se vean bien en un navegador o en una resolución concreta, incluyendo etiquetas exclusivas de algún navegador. Si usa los estándares propuestos por el W3C sus páginas se visualizarán correctamente en todos los navegadores.

Ceñirse a un estándar de calidad
La organización Word Wide Web Consortion (W3C) es el organismo que establece los estándares en la red. Asegúrese de que sus páginas cumplen alguno de estos estándares. Valide sus páginas con algún programa de validación automática o use los servicios de validación disponibles en la red, le facilitaran un documento con los errores encontrados.

El World Wide Web Consortium nos las validaciones con los certificados correspondientes: validación html: http://validator.w3.org/ y validación ccs: http://jigsaw.w3.org/css-validator/.
Ejemplo: http://www.deciencias.net/

 

Actividad: Analizar web docentes

Una herramienta interesante para analizar web docentes es la plantilla creada por Pere Marquès que puedes descargarte en: ( http://www.deciencias.net/disenoweb/disenyo/analizarweb.doc )
Con ella analizar alguna de las web vistas hasta ahora.



Anterior
 
Siguiente

© All rights reserved
Webmaster: Miguel Vaquero
| Web docente | Integración TIC | Diseño Web | Edición Web | Tutoriales diseño-web |    Envía tus comentarios
  El uso de esta Web significa que está de acuerdo con las condiciones de uso | 2010