Dise

1
Diseño de páginas web

• Francisco Camacho Z.

2

• DISEÑO Y OPTIMIZACIÓN DE PÁGINAS WEB
• Para que usted pueda obtener resultados en el
  Web, es imprescindible que tome en cuenta las
  siguientes consideraciones
• Contenido su sitio web deberá contener
  información relevante y ésta estará organizada
  convenientemente.
• Redacción la redacción y presentación del
  contenido deberá ser adaptada a Internet, ya que
  es diferente a otros medios como prensa o TV.
• Rapidez las páginas se deberán cargar
  rápidamente.
• Independencia de plataforma las páginas se
  podrán ver bien en cualquier monitor, resolución,
  sistema operativo o browser utilizado

3

• Facilidad de uso (usability) las páginas serán
  fáciles de usar y navegar, permitiendo encontrar
  la información rápidamente.
• Presentación visual la presentación visual será
  agradable y profesional.
• Facilidad para ser encontrado la página será
  fácil de encontrar por los visitantes en los
  diferentes buscadores como Altavista e Infoseek.
• Interacción y Marketing los visitantes podrán
  interactuar con la información proporcionada y la
  página será una herramienta de promoción y
  marketing.

4

• LAS PÁGINAS SE DEBERÁN CARGAR RÁPIDAMENTE
• Sus páginas deben ser diseñadas para que se
  carguen rápidamente y proyecten su mensaje lo más
  rápido posible. Muchos sitios hacen depender sus
  páginas principales de gráficas y frames y lo
  único que logran es que los visitantes se
  desesperan y regresan por donde llegaron.

5

• FACILIDAD DE USO (usability)
• Un sitio es usable en la medida que contiene
  información valiosa, es rápido, y permite que el
  usuario encuentre fácilmente la información que
  busca y pueda navegar a través del sitio en forma
  intuitiva, entre otras cosas.
• La usabilidad es una de las herramientas que
  MENOS se usa en el diseño de sitios en internet,
  cuando debería de ser, quizá, la más importante.
  Cuando hacemos una página de Internet estamos
  haciendo una interface de usuario para miles o
  millones de visitantes potenciales. Lo menos que
  debemos hacer por ellos -y por nosotros- es hacer
  que nuestro sitio sea fácil de usar.

6

• REDACCIÓN ADECUADA
• La gente NO lee cuando navega en el web. Tampoco
  le gusta hacer scroll a través de la página, a
  menos que tenga mucho interés.
• El contenido principal y las conclusiones deben
  ser presentadas desde el principio, en el modelo
  de redacción llamado pirámide invertida, -muy
  usado en escritos periodísticos-, se debe
  organizar el texto usando títulos y subtítulos, y
  se deben proporcionar ayudas visuales como texto
  remarcado, negritas y cursivas para ayudarle al
  visitante a rastrear la página con comodidad.
• Los links son por sí solos una ayuda visual.
  Muchas veces los usuarios lo único que leen en
  las páginas son los links, así que deben ser
  planeados con cuidado.

7

• CONTENIDO
• Lo más importante de sus páginas en Internet es
  el contenido y la información que usted incluye y
  que le es útil a sus visitantes
• Es muy común que se haga un diseño que agradará a
  los directores de la empresa, cuando a quien
  debemos de agradar es a nuestros visitantes. Otro
  error común es presentar información vital en
  gráficas y no proporcionar texto alterno.

8

• Tenemos que cuidar que nuestras páginas no tengan
  un tamaño demasiado grande, para facilitar su
  carga rápida por la red. Suele considerarse como
  el máximo tolerable un tamaño de unos 40 o 50 Kb
  (fichero imágenes).
• En un documento web lo que ocupa más espacio son
  los gráficos, por lo que deberemos valorar
  cuidadosamente la necesidad, cantidad y calidad
  de los gráficos que ponemos. Para detalles más
  técnicos, lee las recomendaciones sobre inclusión
  de gráficos en paginas web.

9

• La actualización de la información
• En una publicación en papel, tenemos que esperar
  a la aparición de una nueva edición de la misma
  para poder actualizar sus contenidos. Una de las
  principales ventajas del soporte web es la
  posibilidad de mantener actualizada la
  información en un instante. Así, la tarea
  realizar unas páginas web no finaliza con su
  publicación en un servidor es necesario
  mantenerla actualizada, trabajo que en realidad
  no "termina" nunca.

10
Longitud de las páginas Las páginas deberán
hacerse lo más cortas y concisas posible. Está
demostrado que a la gente no le gusta leer en la
pantalla de un ordenador la vista se cansa y la
gente se "aburre". Cuanto más importante sea una
página y más atención requiera por parte de los
lectores, más corta debe ser. Si el contenido es
especialmente interesante, esto se debe demostrar
dentro de lo que se ve en el primer pantallazo.
Suele recomendarse un máximo de 4 pantallazos
como longitud aceptable para una página. Si
necesitamos incluir más información deberemos
considerar la posibilidad de dividir el contenido
en varias páginas o bien hacer un índice de
contenidos al principio del documento con enlaces
a las diversas partes. La longitud de la página
es además una de las muchas razones que
desaconsejan el uso de tipos de letra muy
grandes.

11

• Páginas con frames o marcos
• Las páginas con frames o marcos permiten dividir
  la pantalla en diferentes ventanas, con un
  documento html diferente en cada una de ellas. Se
  suelen utilizar bastante ya que nos permiten
  ejercer un gran control sobre la disposición
  general y la apariencia de la página. Sin
  embargo, deben utilizarse con cautela, ya que
  tienen algunos inconvenientes
• No se podrán hacer bookmarks o marcadores a las
  partes.
• Habrá dificultades para imprimir las páginas
  individuales.
• No se pueden "copiar" las URLs.
• El botón de anterior o back de los navegadores
  puede no funcionar correctamente.
• Reducen el espacio útil donde visualizar la
  información.
• No todos los navegadores soportan marcos.
• Podemos tener dificultades si alguien quiere
  hacer un enlace a una de nuestras páginas al
  aislar una parte del resto de los marcos, esta
  puede perder el sentido.

12

• Algunas recomendaciones para páginas con frames
• Eludir la fragmentación excesiva. Si se van a
  utilizar más de dos frames, hay que evitar la
  impresión de parcelación en múltiples ventanitas.
  Por lo menos una de ellas debe ser mayor que las
  demás y actuar como página principal.
• Evitar la rigidez de las frames (uso de las
  etiquetas html noresize o scrolling"no"). No
  debemos impedir que los usuarios puedan "mover"
  las frames, ya que lo pueden necesitar por tener
  una resolución de pantalla diferente de la
  nuestra.
• Enlaces exteriores a nuestro web. No es
  conveniente que queden prisioneros dentro de
  nuestra estructura de frames, ya que suele ser
  muy molesto debido a que la nueva página quedará
  en un espacio reducidoTodavía puede ser peor si
  la pagina a la que enlacemos tiene a su vez
  frames. Para evitar esto podemos utilizar la
  etiqueta html  target"_top con lo que la nueva
  página se cargará en una pantalla completa.

13

• Tipografía
• Al escoger la tipografía que vamos a emplear en
  nuestra página, debemos tener en cuenta que
  estamos diseñando un documento para ser leído en
  la pantalla de un ordenador. Por lo tanto,
  debemos escoger tipos de letras no muy grandes,
  para no hacer demasiado larga la página, pero
  tampoco excesivamente pequeños, que puedan causar
  dificultades de lectura a las personas que no
  tengan una buena visión.
• En general es muy importante una buena
  estructuración del texto a lo largo de la página,
  empleando párrafos cortos que faciliten la
  lectura y poniendo títulos destacados en las
  distintas secciones del texto. Además, es mejor
  no apurar mucho los bordes de la pantalla del
  ordenador las líneas cortas se leen con mayor
  facilidad que las largas. Podemos forzar esto
  situando el texto en una tabla de una sola
  columna y sin bordes, definiendo que ocupe solo
  el 85-90 de la pantalla.