English|Português|Español
UsuárioSenhaLogin

INÍCIO
PALESTRAS
INFO
Imagen6588P

Usabilidade: Imagens

Alguns conselhos para o bom uso de imagens dentro dos sites Web. Pela Eng. Maria José Serres, da equipe de marketing da ARTech.

Uma imagem vale mais que mil palavras e, na web, uma imagem vale muito mais que mil e também pesa mais que essa quantidade na velocidade de descarga de cada página. Volto a insistir na velocidade de descarga (http://www.gxtechnical.com/main/Hgxnews.aspx?2,6,69,6569), já que considero que é o ponto numero 1 na usabilidade. Se a velocidade de descarga das páginas é má, os usuários não se incomodarão em esperar a que seja descarregada e irão -> outro site, possivelmente o da concorrência.

Por tanto, as imagens devem ser usadas com muito cuidado, de modo a aportar conte
údo e evita o peso desnecessário que afeta os tempos de descarga da página e a percepção do usuário da qualidade da informaçã
o oferecida.

Os passo que aconselho para realizar este balan
ço equilíbrio sã
o os seguintes:

1- Descartar as imagens que n
ão aportam conteúdo e estão só porque são bonitas, engraç
adas, etc.

2- Se falamos de sites corporativos ou de neg
ócios, descartar o uso de flash, vídeos ou imagens animadas, a menos que seja estritamente necessário. Este tipo de imagens são mais pesadas que as estáticas e, no caso de usar flash, deve-se acrescentar o tempo que leva em descarregar o componente e/ou o software para vê-lo e o tempo de instalaçã
o deste software.
Al
ém disso, as animações distraem o usuário do conteúdo do site e, em sites corporativos isto é exatamente o contrário do que se quer conseguir. O que vale mais no meu site? Meu conteúdo ou a criatividade do meu desenhista gráfico? Deixemos que meu desenhista volte toda sua criatividade no seu site, que é ai onde essa criatividade se converte em conteú
do.
Um artigo interessante sobre o uso de imagens no e-learning pode ser extrapolado a outros sites:
http://www.learningcircuits.org/2003/aug2003/toth.htm

3- Reutilizar imagens para os mesmos conceitos. Desta forma se reduz o tempo de aprendizagem do usu
ário ao associar conceitos e, se a imagem tiver o mesmo nome e estiver armazenada no mesmo lugar, esta será guardada no caché da máquina do usuário final e será reutilizada em aparições sucessivas, diminuindo o tempo de descarga para novas páginas dentro do site.

4- Reduzir o tamanho das imagens.
É preferível mostrar imagens um pouco menores e oferecer ao usuário a possibilidade de ver as imagens em tamanho real seguindo um link que demora a descarga da pá
gina por uma imagem grande e pesada.

5- Reduzir o peso das imagens. Existem muitas ferramentas que permitem manter uma boa qualidade de imagens com baixo peso.

Ej:
http://download.com.com/3000-2186-10218352.html

http://www.spinwave.com/jc/

(
http://www.sitepoint.com/article/fast-tips-fast-downloads)

6- Montar um quebra-cabe
ças de imagens quando for possível, isto incide na percepçã
o do tempo de descarga.
Mais informa
ções: http://www.devx.com/projectcool/article/19929



Relacionado
Usabilidade: A página de início
Usabilidade: Fale Conosco
Usabilidade: velocidade de descarga
Usabilidade: Tipos de links.
Usabilidade: Com ou sem frames?
Novos parceiros acadêmicos no Brasil!