|
Internet es un medio interactivo, y los usuarios tienden a navegar más que a leer, por lo que hay que tener especial cuidado en ofrecerles contenidos de calidad, perfectamente estructurados e interesantes, que consigan atraer su atención y mantenerla durante la lectura.
Antes de empezar a agregar información dentro de una página hay que tener en cuenta:
- ¿Cuál es la imagen que quiero dar?
- ¿A qué público está dirigida?
- ¿Qué deseo comunicar o resaltar en mi sitio?
- ¿Cómo es la conexión de mi público, soporta todo tipo de recursos (descargas pesada, flash)?
- ¿Que tipo de letra y colores voy a utilizar, están ajustados a mi público?
- ¿Todos los gráficos y los textos son útiles de alguna manera?
Una vez tengas clara la idea de tu página, te recomendamos algunos ítems claves para la creación de un espacio web:
- No es necesario cargar la página con muchas cosas, utiliza las necesarias e indispensables para comunicarte con los usuarios.
- Deja espacios entre los textos e imágenes, entre las imágenes mismas.
- Utiliza GIF para imágenes con colores planos y JPEG para imágenes tipo fotografía.
- Puedes utilizar el texto alrededor de las imágenes, es más estético que si abajo y arriba de la imagen.
- El uso de las imágenes puede ser una opción para que las páginas sean auto-explicativas.
- Es importante la presencia de un logotipo
- Hacer intuitiva la navegación y hacerle saber al usuario siempre donde está.
- Cuida el tamaño de las páginas, recursos e imágenes, hay que pensar que él usuario no siempre cuenta con una buena conexión.
Una buena disposición de textos en una página web es la siguiente:
- Un título que describa de forma clara el tema tratado.
- Un pequeño resumen de la información ofrecida.
- Una serie de palabras clave destacadas (en forma de vínculos, utilizando variables tipográficas o cambios de color).
- Segmentación de los contenidos en unidades más pequeñas, reforzadas con índices y listas con items.
- Subtítulos significativos, útiles.
- Una idea por párrafo.
- La mitad o menos de palabras que las que normalmente se utilizan en textos impresos.
- Procurar que los textos no ocupen más de 1 página.
Ten cuidado con el manejo de las imágenes, aquí te presentamos algunos puntos a tener en cuenta cuando utilices imágenes dentro de tu sitio:
- Usar imágenes de fondo transparente.
- Situar las imágenes fuera de celdas de tabla o capas que deban tener color de fondo.
- Buenos contrastes se obtienen: con fondos claros y textos oscuros, o al revés.
- Con fondos fríos (azul, violeta o verde) y textos cálidos (rojo, amarillo o naranja) , o al revés, siempre que no sean análogos.
|
Formato
|
Descripción
|
Utilización
|
| .GIF |
Graphic Interchange Format (GIF),
Actualmente es uno de los formatos más utilizados en Internet. Ofrece un máximo de 256 colores. Tiene la capacidad de almacenar más de una imagen por archivo lo que permite que pueda ser utilizado para hacer animaciones combinando una serie de imágenes. |
- Títulos gráficos por su buena definición y calidad.
- Botones de navegación.
- Animaciones, anuncios animados.
|
| .JPEG |
Joint Photographic Experts Group (JPEG).
Estándar de Internet para imágenes que necesitan máxima compresión.
Su sistema de compresión permite que se pierda calidad de imagen.
Tiene la capacidad de desplegar 16 millones de colores. |
- Es el formato ideal para fotografías.
|
|
Recuerda...
- Las personas comienzan a leer de izquierda a derecha y desde arriba, así que ponga lo más importante dentro de estos parámetros, no al final donde es posible que no llegue ningún usuario.
- Leer en la pantalla de un computador cansa los ojos y es un 25% más lenta la lectura que en papel. Como consecuencia, los usuarios tienden a minimizar el número de palabras que leen, por lo que la comprensión y retención se reduce aproximadamente a un 50%.
- Principios de navegación:
A la gente no le gusta esperar
A la gente no le gusta hacer scroll
A la gente no le gusta leer
La gente prefiere hacer scroll antes que esperar
La gente prefiere esperar a leer.
|
Consulta la siguiente bibliografia para reforzar tus conocimientos en Diseño Web y lánzate a crear tu página en Internet.
Diseño web |
