Lidar com gráficos em seu Web Site
O aspecto mais difícil de incluindo gráficos em suas páginas da Web é resolver todos os problemas de design que acompanham o uso de gráficos. Criação de gráficos eficazes e colocá-los adequadamente em relação ao seu texto não é tão fácil como água fervente. Algumas preocupações adicionais surgem quando você usa gráficos na Web.
Acelerar páginas lentas
Um dos problemas contínuos da Web é velocidade de download - a quantidade de tempo que uma página da Web leva para aparecer na tela do usuário. Os tempos de download são especialmente lento para páginas com gráficos ricos, que, embora mais interessante para ver, pode ser mais frustrante porque eles aparecem mais lentamente. E o trade-off não é simples muitas variáveis intervir. Por exemplo:
- velocidades de acesso: Diferentes usuários acessam a Web por meio de conexões que rodam a velocidades diferentes. E o mesmo servidor pode servir-se uma página Web a velocidades diferentes, dependendo de quão ocupado o servidor está. Quando você testar sua página totalmente nova, gráficos ricos em sua máquina local, tudo pode correr rápido. Mas quando você carregar essa mesma página para um servidor e acessar a página de mais de 56 Kbps (kilobits por segundo) modem, a página carrega muito mais lentamente.
- Bons e maus gráficos: Se você pretende gastar o tempo dos seus usuários sobre o download de grandes gráficos, investir algum do seu próprio tempo e dinheiro adiantado para se certificar de que os gráficos são tão alta qualidade possível. As pessoas não me importo de esperar por um bom gráfico quase tanto como eles se importaria de esperar por um mau. Um bom gráfico pode ser um tiro produto. Um mau gráfico pode ser uma bandeira que diz "OLÁ!" em seis cores fluorescentes.
- níveis de frustração: Os mesmos usuários que gostam de assistir sua página aparecer na parte da manhã enquanto bebe uma xícara de café pode ser tentado a gritar com o seu navegador quando tentam verificar rapidamente a sua página pouco antes de ir para casa do trabalho.
O que você pode fazer para lidar com todos esses fatores, especialmente quando eles se combinam para fazer a sua página lenta e seus usuários mal-humorado? Seja esperto:
- Limitar o número de cores em seus gráficos para tornar os arquivos menores para que eles baixar mais rapidamente.
- Obter aconselhamento especializado - de alguém que você conhece ou um livro - ou olhar para sites legais on-line para ajudar a fazer os gráficos que você faz usar mais interessante para olhar.
- Polvilhe levemente sua página com gráficos pequenos, em vez de sobrecarregar-lo com vários outros grandes.
Evitando três grandes erros
Não faça essas três grandes erros relacionados com gráficos na Web:
- Não há gráficos: Não ter gráficos em suas páginas da Web significa ter páginas chatas.
- Muitos gráficos: Usando muitas grandes, gráficos lento para fazer o download pode ser o maior erro autor novato Web.
- No texto alternativo: Alguns usuários não têm capacidade gráfica em tudo, e um número crescente de pessoas com deficiência visual usar a Web. Você precisa para acomodar esses usuários através da criação de sua página de uma forma que suporta o acesso só de texto, bem como acesso gráfico.
Alguns sites oferecem um conjunto paralelo de páginas da Web que são puramente textual ao invés de gráfica. Fornecendo paralelas, páginas de texto permite ao usuário escolher se quer ir para as páginas de gráficos atraentes, sugadores de largura de banda ou para as páginas de texto muito rápido, e permite que as pessoas com deficiências visuais para desfrutar de todos os benefícios da Web.
Porque a percentagem de utilizadores com acesso sem banda larga continua a cair, fornecendo um conjunto completo de páginas de texto pode ser um exagero. Considere fornecer um text-maioritariamente versão, com uso limitado de imagens, o layout simples e texto alternativo para imagens. Esta opção pode ser apenas o bilhete para os usuários com deficiência visual.
Aqui estão as regras mais importantes para apoiar o texto e acesso gráfico:
- Como você projetar e criar sua página, pense em como a sua página vai ficar com todo o acesso gráfico desligado, bem como sobre.
- Teste a sua página com gráficos desligado.
- Teste a sua página em diferentes navegadores.
- Incluir tags ALT - na verdade, o atributo ALT dentro da tag IMG - em todas as imagens para que um texto explicativo aparece sempre que um gráfico não é exibido.
- Fornecer menus somente de texto, além seleções baseado em ícones para e mapas de imagem.
- Se você quer fazer todo mundo muito feliz, considere criar um, só de texto versão separada do seu site.