Seu rosto para o Público

O site é a face de uma empresa, que comunica sobre sua qualidade e serviços para os visitantes. As pessoas costumam visualizar seu site não apenas a partir do computador, já que a Internet está disponível em todos os lugares com dispositivos sofisticados. Agora usamos vários tipos de dispositivos de internet, como tablets habilitados para 3G e 4G, laptops equipados com dongle e smartphones móveis M2M. Cada um desses dispositivos também possui diferentes tipos de tamanhos de tela pequenos. Alguns também preferem visualizar a internet através de telas grandes, já que agora existem monitores LCD e LED acessíveis no mercado. Um relatório da Cisco diz que o tráfego de dados móveis ultrapassa 10 Exabytes em 2017 e o número de telefones será maior do que o número de humanos em 2013. Este relatório mostra quão importante é considerar o design também em dispositivos menores.

O Fator de Resolução

Você não pode dizer que o visitante usa a mesma resolução que a do seu sistema. A página da web que se ajusta bem à resolução padrão mais baixa, que é 544 pixels de largura, se ajusta a outras resoluções também. Há 10 anos, 1024 × 768 era a resolução de tela mais comum. Muitos sites foram redesenhados para esse formato a partir de formatos de 800 × 600. Mas usuários de CAD, artistas gráficos e jogadores de videogame usam seus computadores na resolução de 1600 × 1200. Essa resolução é chamada de UXGA. Sabemos que os computadores têm resoluções mais altas do que as televisões; confira as resoluções mais utilizadas abaixo.

O que o Designer Web Precisa Verificar

O web designer precisa garantir que todas as telas exibam seu site nos alinhamentos corretos. Após criar o site, ele deve verificar a aparência e a sensação do site em todas as telas. Portanto, é importante ter em mente que o site pode parecer diferente em diferentes computadores e dispositivos enquanto ele projeta o site. Uma vez que você finalize seu site e ele esteja hospedado, se a página da web não couber na tela do dispositivo, o navegador adiciona uma rolagem horizontal. Da mesma forma, a rolagem vertical também aparece se não couber na altura vertical. É muito difícil fazer com que todo o site se encaixe na altura vertical, mas você pode certamente projetar a largura horizontal.

 Dicas sobre Gráficos e Tabelas

Gráficos e Tabelas têm largura fixa.

Controle a largura de modo que o comprimento combinado fique abaixo de 750 pixels.

Evite especificar a largura mínima.

Deixe o navegador ajustar a largura da tabela para acomodar o texto e os gráficos que entram na célula.

Exibição completa

Especifique uma largura de tabela de 100%; se você precisar fazer a tabela completamente preenchida com a largura.

Ferramentas Online para Testar Seu Site

Essas ferramentas permitem que você veja como seu site aparece em diferentes telas. Você pode visualizar seu site em diferentes resoluções e fazer as alterações de design apropriadas.

Responsive Design Checker.com

Browser Shots.org

Wave. Webaim. org / report

Quirk Tools. com / screenfly /