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