A resolução da tela nós sabemos. E a área do navegador?
Publicado em 23.08.2006 na categoria Design
Atualização: Novos detalhes da pesquisa foram publicados em 16.09.2006. Confira.
Sempre que se fala da eterna dúvida dos desenvolvedores em projetar para 800×600 ou 1024×768 pixels surge alguém para lembrar que o que importa não é a resolução do monitor, e sim a área visível do navegador.
De fato, não importa se o usuário está usando 1280×768 pixels ou mais, o que interessaria mais seria descobrir se a janela do navegador está maximizada, se está com barras de ferramentas como a do Google instalada no browser, etc.
Projetar layout líquido seria a melhor opção, mas como isso é um tanto quanto complicado, os desenvolvedores começam a pesquisar mais sobre qual a área útil do navegador de seus usuários.
O gerente de projetos dinamarquês Thomas Baekdal acaba de divulgar um artigo (em inglês) com os resultados preliminares de uma pesquisa que está fazendo sobre a área dos navegadores de seus visitantes.
O resultado final só será publicado em novembro, mas pelos dados preliminares Baekdal averiguou que - entre os visitantes dele - a área mais comum é 1008 pixels de largura por 600 pixels de altura.
Outro ponto interessante observado foi que a grande maioria dos usuários dele usam o navegador maximizado, ou muito perto disso. Não foi um dado surpreendente, visto que a maioria dos usuários do Windows (pelo que posso observar) realmente têm esse costume de manter as janelas maximizadas.
O Google Analytics não fornece esse dado, mas o próprio Thomas Baekdal deu a dica de como está coletando esses dados.
Pois é… Quem usa monitores grandes, como os de 20″ ou o pessoal das 30″ TV Display do MAC normalmente usam as janelas não maximizadas.
É sempre bom lembrar disso ao desenvolver….
Boa abordagem, Walmar… ;)
“[...] É claro que existem outras verificações que devem ser feitas como a da área útil da tela e contraste de cores, mas nesta postagem, vou focar apenas nos 6 itens acima e mostrar maneiras de testá-los.
O importante não é manter o super-ultra-moderno visual que você fez para seu site, mas sim manter o conteúdo, a navegação e a organização. Para não ter que ficar repetindo estes 3 termos toda hora, vou chamá-los de 3 básicos de um site. [...] “
Poxa… muito bacana isso aí viu….
se tiver mais informações compartilhe que vou ficar ligadão aqui…
Tenho aulas de IU (Interfaces com Usuário) e segundo minha professora, temos de fazer layout líquidos (aberto segundo ela) para não ter interferência com a resolução do cliente.
Mas existe um problema nisso, ainda mais da parte dela. Ela usa flash. Flash líquido? Fica HORRÍVEL!! Tamanho de fonte fica estranho, imagens distorcidas, e textos gigantecos.
Assim, que layout líquido seria legal apenas para site com muito conteúdo, exemplo de Americanas.com, Submarino, etc. Blogs e páginas pessoais, ou de pouco conteúdo, acho que dever ser com width fixo e centralizado.
Eugenio Grigolon, Flash líquido funciona tão bem quanto o Html líquido. É difirente colocar o layout para esticar 100% de um layout Flash líquido.
Se os sites que você viu ficaram horríveis, a culpa é do desenvolvedor e não da técnologia que foi mal usada.
Além do layout líquido, existe também o layout elástico, ou seja, é uma mistura de fixo com líquido. Define-se uma largura máxima da página em unidades “em” e quando se aumenta o tamanho do texto, aumenta também a largura da página.
Neste momento estou a aplicar esta metodologia em vários projectos e na nova versão do meu blog. Assim que estiver disponível para testarem eu aviso :)
Vocês devem ser flexiveis. Nao se deve querer inventar standards para a escolha deum layout liquido ou nao. A escolha dependerá do site que voce irá trabalhar.
As vezes, à procura de inovações, as pessoas de nossa area acabam ignorando que novas tecnicas sao apenas mais opcoes a serem abordadas em um projeto, e nao a nova forma de se fazer jogando de lado o resto.
Eugenio Grigolon, veja aqui um exemplo do que lhe disse.
O Layout fixo ou liquido pra mim deve ser definido antes de tudo, com uma pesquisa sobre o conteúdo e a flexibilidade que o projeto necessita, mas as vezes não tem problemas um layout fixo, desde que projetado sobre a largura de 777 px (777px porque no XP a barra aumenta um pouco, e em 800×600 mesmo o navegador maximizado ele gera uma barra de rolagem).
Abraços
Fostes indicados no Blog Day do micox: http://elmicox.blogspot.com/2006/08/blogday-2006.html
:) :) :)
Achei interessante a abordagem, acredito que para o desenvolvimento, não irá surgir muitas novidades uma vez que, seria maioria as telas maximizadas. Diferenças em alturas são abstante convencionais,.. a largura é que geralmente preocupa.
Eu particularmente trabalho com 770px e faço um site prospectando colocar o conteúdo mais relevante até uma altura de 500px.
Um ótimo final de semana para vocês.