Title: Dise
1Diseño de páginas web
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.
10Longitud 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.