Textos – Imágenes - Sonidos – Animaciones CONTENIDO WEB Textos – Imágenes - Sonidos – Animaciones

TEXTOS PARA WEB El texto es el elemento central de cualquier sitio Web. Público a quien se dirige – Tipo de público - Formatos de idioma (fechas – Moneda) Lenguaje claro, Sencillo y no muy técnico - No usar cursivas ni abusar de las mayúsculas Usar verbos - Evitar redundancias y usar tipografía legible No usar siglas ni regionalismos

La tipografía seleccionada para los textos debe ser clara y legible La tipografía seleccionada para los textos debe ser clara y legible. En este caso el tipo de fuente es muy pequeña, además al texto le aplicaron una especie de sombra que hace no sea muy legible. Además quisieron dar énfasis en los productos que ofrecen, colocando el texto más oscuro, con esto el usuario no leerá todo el párrafo sino que enfocara la lectura en este texto. Tomado de http://creatividaddigital.com.ar/portfolio/raffo/

Tipografías estándares en la Web Para visualizar correctamente una fuente de Internet esta debe estar instalada en el equipo del visitante. Hay una serie de tipografías instaladas por defecto en casi todos los sistemas operativos, estas son las tipografías estándares: Arial Arial Black Comic Sans Georgia Impact Lucida console Lucida Sans unicode Palatino Tahoma - Geneva Times New Roman - Times Helvatica Verdana La Helvatica es el tipo de fuente que más se utiliza y no viene instalada en el PC, se debe pagar por ella. Arial si viene en el sistema y es muy fácil de leer. Debe ser un tipo de letra común para todos los usuarios

IMÁGENES Las imágenes que se utilicen en la web, deben estar enfocadas a los usuarios y a lo que se pretende mostrar. Se deben utilizar formato eficientes para las imágenes, por ejemplo para las fotografías, se puede usar JPG o PNG.. Usar un formato inadecuado puede doblar o triplicar el tamaño del archivo y del tiempo de la transferencia desde el servidor. Las imágenes que se utilicen siempre deben tener relación con lo que pretende mostrar el sitio, por ejemplo si el sitio es de una Jardinería debe tener imágenes de un jardín ya completamente organizado y no flores de manera independiente. Se debe utilizar un formato eficiente como JPG, GIF y PNG. El más óptimo es JPG porque es el más comprimido es decir los pixeles estarán más juntos y mejor será la nitidez. El GIF se utiliza para las animaciones y el PNG es la evolución del JPG y trae transparencia en la parte de atrás es decir al momento de ubicarlo en un fondo negro no se verá las esquinas blancas. Debe ser óptimo.

IMÁGENES Ejemplo que permite visualizar como afecta a cada tipo de imagen el formato de exportación elegido, tanto en calidad de la imagen como en peso:

Tiene la opción de agregar al carrito de compra y de redes sociales. En este ejemplo se puede observar los zapatos desde diferentes ángulos, haciendo clic en las imágenes en miniatura de la parte inferior. Además muestra las tallas disponibles y colores. Tiene la opción de agregar al carrito de compra y de redes sociales. Visitar este sitio, por ejemplo ver todas las imágenes Tomado de: http://velez.dafiti.com.co/

SONIDO No es recomendable por las siguientes razones: Los archivos de música son bastante grandes, y tardan mucho tiempo en descargarse. La recepción inesperada de música o sonidos puede ser muy molesto y potencialmente causar problemas. Si se quiere tener música en el sitio web, se deben colocar los controles para permitir al usuario conectarla o desconectarla. Si se quiere dar a los usuarios la opción de escuchar algunas piezas de música, como la muestra de una canción, o el sonido de una entrevista, se debe crear un archivo MP3 de audio y crear un vínculo para él. Ejemplo: http://www.rainymood.com/

ANIMACIONES No es necesario realizar animaciones complejas, con vuelos de cámara, zooms hacia dentro o hacia afuera, no movimientos rápidos. Las animaciones para Web deben ser sencillas en su movimiento. Ver ejemplo: http://www.evoenergy.co.uk/uk-energy-guide/ Otros ejemplos: http://www.sensisoft.com/ http://www.tour-eiffel.fr http://www.ciudadcubica.com/