Aspectos La página Web . El sitio Web. Contenidos Web Ideas Básicas

Aspectos

La página Web .

El sitio Web.

Contenidos Web

Ideas Básicas

Espacio de la Pantalla La página Web El contenido debe despertar la atención del lector. El contenido debe ocupar el 80% de la pantalla , dejando el 20% restante para lo demás, El criterio básico es la sencillez

El contenido debe despertar la atención del lector.

El contenido debe ocupar el 80% de la pantalla , dejando el 20% restante para lo demás,

El criterio básico es la sencillez

Tiempo de Respuesta La página Web Cuando una página tarda en visualizarse el usuario, tiende a cerrarla. El tiempo recomendado es de 10 segundos Es recomendable indicar en la página el tiempo de descarga El tamaño aconsejable de una página web es de 34 KB Los usuarios deben ir viendo información útil mientras se produce la descarga Usar el atributo ALT en las imágenes Se debe reducir la complejidad de las tablas y las de la parte superior aparecer de manera rápida y sencilla.

Cuando una página tarda en visualizarse el usuario, tiende a cerrarla.

El tiempo recomendado es de 10 segundos

Es recomendable indicar en la página el tiempo de descarga

El tamaño aconsejable de una página web es de 34 KB

Los usuarios deben ir viendo información útil mientras se produce la descarga

Usar el atributo ALT en las imágenes

Se debe reducir la complejidad de las tablas y las de la parte superior aparecer de manera rápida y sencilla.

La página Web Enlaces Evitar el pulse aquí , Todo lo que se muestre debe transmitir información Usar el titulo del vinculo, si es formato texto, con la etiqueta TITLE Generalmente se usa el color azu l para los enlaces Cuando se visitan se tornan en morados o rojos

Evitar el pulse aquí , Todo lo que se muestre debe transmitir información

Usar el titulo del vinculo, si es formato texto, con la etiqueta TITLE

Generalmente se usa el color azu l para los enlaces

Cuando se visitan se tornan en morados o rojos

Impresión de la página La página Web Mucha gente imprime las páginas por serles más cómoda la lectura Los Navegadores ofrecen una vista preliminar para conocer como se imprimiría la página Es bueno proporcionar versiones en otros formatos para imprimir, de carácter lineal

Mucha gente imprime las páginas por serles más cómoda la lectura

Los Navegadores ofrecen una vista preliminar para conocer como se imprimiría la página

Es bueno proporcionar versiones en otros formatos para imprimir, de carácter lineal

La página de inicio El sitio Web Es la carta de presentación del sitio Es la estructura del sitio y de sus contenidos Qué ofrece, qué puedo obtener, dónde estoy Cuál es el esquema de navegación Debe existir la opción de acceder desde el inicio a un contenido concreto, en webs con muchas páginas es aconsejable tener un buscador interno. Debe existir un vinculo en todas las páginas a esta de inicio

Es la carta de presentación del sitio

Es la estructura del sitio y de sus contenidos

Qué ofrece, qué puedo obtener, dónde estoy

Cuál es el esquema de navegación

Debe existir la opción de acceder desde el inicio a un contenido concreto, en webs con muchas páginas es aconsejable tener un buscador interno.

Debe existir un vinculo en todas las páginas a esta de inicio

Navegación El sitio Web Dónde Me encuentro Dónde he estado Dónde puedo ir Tener en cuenta la desorientación cognitiva en la web Tener en cuenta los siguientes aspectos

Dónde Me encuentro

Dónde he estado

Dónde puedo ir

Tener en cuenta la desorientación cognitiva en la web

Tener en cuenta los siguientes aspectos

Estructura del sitio El sitio Web Tener un mapa del sitio , siempre accesible Hay que planificar la estructura al diseñar el sitio Que la estructura refleje el punto de vista del usuario

Tener un mapa del sitio , siempre accesible

Hay que planificar la estructura al diseñar el sitio

Que la estructura refleje el punto de vista del usuario

Escrito para la Web Contenidos Web Ser breves. Escribir para conta r las cosas Utilizar Hipertexto para dividir la información extensa

Ser breves.

Escribir para conta r las cosas

Utilizar Hipertexto para dividir la información extensa

Textos claros y breves Contenidos Web En la pantalla se lee un 25% más lento que en papel Generalmente no es cómodo leer en pantalla, no estamos acostumbrados Es bueno presentar un resumen al principio, una forma didáctica es con una mapa de conceptos Los usuarios que hojean textos en web, sólo leen la primera frase de cada párrafo Poner una idea por párrafo

En la pantalla se lee un 25% más lento que en papel

Generalmente no es cómodo leer en pantalla, no estamos acostumbrados

Es bueno presentar un resumen al principio, una forma didáctica es con una mapa de conceptos

Los usuarios que hojean textos en web, sólo leen la primera frase de cada párrafo

Poner una idea por párrafo

Facultad de Hojear Contenidos Web Al leer las webs, por impaciencia, tendemos a ‘hojear’ Estructurar los textos con dos o tres niveles de titular Utilizar encabezados significativos en vez de atractivos Usar listas con viñetas y similares en los bloques de texto Resaltar y enfatizar palabras claves, que retengan la atención

Al leer las webs, por impaciencia, tendemos a ‘hojear’

Estructurar los textos con dos o tres niveles de titular

Utilizar encabezados significativos en vez de atractivos

Usar listas con viñetas y similares en los bloques de texto

Resaltar y enfatizar palabras claves, que retengan la atención

Fragmentación e Hipertexto Contenidos Web Con el hipertexto podemos tener páginas breves , y disponer de mucha información con vínculos internos y externos Se trata de fragmentos coherentes , no divisiones en trozos Pirámide Invertida , conclusión breve para captar la idea, y después se van añadiendo los detalles La idea es que el lector pueda detenerse en cualquier momento y poder seguir leyendo las partes de información que le interesen Un articulo largo es mejor reescribirlo o abreviarlo y fragmentarlo

Con el hipertexto podemos tener páginas breves , y disponer de mucha información con vínculos internos y externos

Se trata de fragmentos coherentes , no divisiones en trozos

Pirámide Invertida , conclusión breve para captar la idea, y después se van añadiendo los detalles

La idea es que el lector pueda detenerse en cualquier momento y poder seguir leyendo las partes de información que le interesen

Un articulo largo es mejor reescribirlo o abreviarlo y fragmentarlo

Contenidos Web Los colores deben tener mucho contraste entre el texto y el fondo , ojo a las discapacidades visuales, lo que nunca falla es texto negro sobre fondo blanco. Fondos con colores claros , los gráficos de fondo pueden dificultar la lectura al hacer el texto borroso e irreconocible Cuidar el tamaño de las fuentes, que se puedan leer pese a una discapacidad visual, es recomendable el tipo Serif con 9 o más puntos . No usar animaciones, ni marquesinas en el texto Alinear a la izquierda , el texto. Escribir todo en mayúsculas hace que se lea un 10% más lento Legibilidad

Los colores deben tener mucho contraste entre el texto y el fondo , ojo a las discapacidades visuales, lo que nunca falla es texto negro sobre fondo blanco.

Fondos con colores claros , los gráficos de fondo pueden dificultar la lectura al hacer el texto borroso e irreconocible

Cuidar el tamaño de las fuentes, que se puedan leer pese a una discapacidad visual, es recomendable el tipo Serif con 9 o más puntos .

No usar animaciones, ni marquesinas en el texto

Alinear a la izquierda , el texto.

Escribir todo en mayúsculas hace que se lea un 10% más lento

Componentes Multimedia Contenidos Web Usar ALT en las imágenes Ficheros de gran tamaño que dificultan la descarga, indicar el tiempo de descarga si es más de 10 segundos. Tener en cuenta la diferencia de anchos de banda. Escribir un resumen de lo que se puede ver y oir, Usar un vinculo para acceder a estos con la etiqueta _Blank ,para usar una pagina completa e independiente. Informar de los complementos o plugins necesarios y de cómo obtenerlos.

Usar ALT en las imágenes

Ficheros de gran tamaño que dificultan la descarga, indicar el tiempo de descarga si es más de 10 segundos.

Tener en cuenta la diferencia de anchos de banda.

Escribir un resumen de lo que se puede ver y oir,

Usar un vinculo para acceder a estos con la etiqueta _Blank ,para usar una pagina completa e independiente.

Informar de los complementos o plugins necesarios y de cómo obtenerlos.

4 ideas básicas Contenidos de gran calidad Actualización a menudo Rapidez en el tiempo de descarga Facilidad de uso

Contenidos de gran calidad

Actualización a menudo

Rapidez en el tiempo de descarga

Facilidad de uso