Diseño de páginas web Francisco Camacho Z.. DISEÑO Y OPTIMIZACIÓN DE PÁGINAS WEB Para que usted pueda obtener resultados en el Web, es imprescindible.

Presentación del tema: "Diseño de páginas web Francisco Camacho Z.. DISEÑO Y OPTIMIZACIÓN DE PÁGINAS WEB Para que usted pueda obtener resultados en el Web, es imprescindible."— Transcripción de la presentación:

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.