6. 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
7. No usar imágenes de
fondo
No usar cursivas ni
abusar de las mayúsculas
Usar títulos y subtítulos
8. 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.
9. 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.
10. 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/
11. 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/
12. 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/
13. 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
14. 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/