CONTENIDO WEBTextos - Imágenes

TEXTOS PARA WEB

El texto es el elemento central de cualquier sitio Web.

No es lo mismo escribir para la Web que para un escrito impreso.

Público a quien se dirige

Tipo de público

Formato de hora, fecha y número de acuerdo al idioma

Lenguaje claro y Sencillo

No usar lenguaje muy técnico

No usar siglas ni regionalismos

Usar verbos

Evitar redundancias

Usar tipografía legible

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 prácticamente todos los sistemas operativos, estas son las tipografías estándares.

Las tipografías estándares son:

Arial

Arial Black

Comic Sans

Georgia

Impact

Lucida console

Lucida Sans unicode

Palatino

Tahoma - Geneva

Times New Roman - Times

Helvatica

Verdana

Tipografías estándares en la Web

No usar imágenes de fondo

No usar cursivas ni abusar de las mayúsculas

Usar títulos y subtítulos

IMAGENES

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.

IMAGENES

El caso de una fotografía digital.

JPG GIF PNG

Jpg con 20% de compresión. 11Kb

Gif con 256 colores. 22 Kb

Png 24 bits. 68 Kb

Vemos que para obtener una calidad similar los tamaños de las imágenes son muy diferentes, en este caso, lo más adecuado será optar por el formato JPG.

A continuación aparece un ejemplo para ver como afecta a cada tipo de imagen el formato de exportación elegido tanto en calidad de la imagen como en peso:

EJEMPLOS:

Cuando se redacta la información de la empresa, como “quienes somos”, es muy importante ser claros en la razón de ser de la empresa. Indicar en palabras claras y sencillas qué se realiza la empresa, cómo lo hace, quiénes lo hacen y a quién va dirigido. Observe que la imagen complementa el texto.

Tomado de http://www.dechicos.net/

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/

Cuando un sitio web ofrece productos o servicios, las imágenes a utilizar deben ser reales, donde se observen las particularidades del mismo. En este caso la imagen no es muy óptima, ni describe muy bien el producto. Esta imagen esta acompañada de un texto explicando las características de la cuna. Los párrafos están divididos por títulos, el principal tiene una tipografía más grande que las demás, y los subtítulos tienen un color diferente o tienen negrita.

Tomado de http://www.dechicos.net/

Una buena galería Web debe mostrar al posible comprador el producto desde diferentes perspectivas. En este caso el sitio ofrece imágenes desde diferentes ángulos del morral. Además muestra una imagen de cómo se debe llevar puesto el morral. Como novedad esta pagina permite al usuario hacer un zoom sobre la imagen para observar mas de cerca los acabados del morral. Contiene las características de éste y su precio. También contiene opciones para agregar al carrito de compras, o a una lista de deseos y la opción para comentar sobre el producto.

Tomado de: http://www.totto.com/co/totto

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. Pero no tiene las características del producto, como materiales o colores disponibles. Tiene la opción de agregar al carrito de compra y de redes sociales.

Tomado de: http://velez.dafiti.com.co/