Resolução de Ecrãs
Terça-feira, 18 de Outubro de 2005
Estive a ver as estatísticas dos visitantes aqui do site e reparei nas resoluções de ecrã utilizadas. Até há bem pouco tempo, os ecrãs com uma resolução de 800×600 eram os mais utilizados, no entanto, tem havido uma tendência para o aumento gradual da resolução de ecrã na maior parte dos utilizadores.
Cada vez mais, precisamos de mais e mais espaço para trabalhar no computador. Recentemente li sobre um estudo que media os ganhos de produtividade das pessoas que passaram a utilizar ecrãs maiores. Foram trocados os normais ecrãs de 15 polegadas por uns enormes ecrãs de 42 polegadas e os resultados foram surpreendentes: nos ecrãs maiores as pessoas realizaram as suas tarefas 10% mais rapidamente do que nos antigos ecrãs. Houve ainda algumas pessoas que conseguiram realizar tarefas 44% mais rapidamente do que anteriormente.
Sendo assim, quanto maior o ecrã, mais produtivo pode ser o trabalho. Eu por exemplo uso dois ecrãs porque não me chegam as 14 polegadas do meu iBook e como tal tenho um monitor de 17 polegadas ao lado… às vezes dá jeito…
Mas não foi por causa disto que a resolução dos ecrãs me chamou a atenção. Foi por causa do desenvolvimento de aplicações web. Recentemente começaram a aparecer websites concebidos para serem vistos com um mínimo de 1024×768 pixels e houve muita gente que os criticou por isso. No entanto, reparando nas estatísticas, esta resolução é utilizada por 54% dos utilizadores. A resolução base utilizada normalmente para o desenvolvimento de aplicações web é de 800×600 (22% dos utilizadores).

Nota: Estas estatísticas são relativas ao ivogomes.com e não reflectem o que se passa na Internet na sua globalidade.
Fazendo as contas, mais de 75% dos utilizadores usa uma resolução superior a 800×600. Sendo assim, daqui a muito pouco tempo, o padrão para concepção de aplicações web passará para os 1024×768. Só ainda não se usa este padrão porque 22% ainda é uma quota muito grande de utilizadores com 800×600 e de todos os que usam uma resolução superior a esta, muitas vezes não têm as janelas do browser maximizadas e como tal não aproveitarão na totalidade o espaço do ecrã para visualizar conteúdos web. Em vez disso, o espaço é aproveitado para realizar multiplas tarefas. Como tal, em vez de se desenvolverem websites baseados em 1024×768, porque não fazê-los em 900×768 ou 1000×768 deixando assim espaço para outras aplicações ao mesmo tempo que se aumenta o espaço disponível para a aplicação web? É apenas uma ideia…
Ivo Gomes tem 32 anos e é licenciado em
João Bordalo
18 de Outubro de 2005, 11:59
Em primeiro lugar, os meus parabéns pelo site, é excelente.
Quanto ao tema do post, acredito piamente não serem necessários tantos pixeis para uma aplicação web. Com o advento do AJAX, novas funcionalidades ou opções podem aparecer apenas quando fazem sentido, ou seja, apenas quando estão em contexto.
Por outro lado, uma aproximação aos mini wizards poderá ajudar também à redução do espaço necessário, um pouco como funcionam as opções em Mac que têm reticências.
d3x7r0
18 de Outubro de 2005, 13:51
Ou então porque não usar simples CSS e usar percentagens em vez de tamanhos fixos? É simples, é pratico, é equiparavel em varias resoluções e é possivel defenir o “overflow” de imagens para estas serem exibidas correctamente em varias resoluções…
E obviamente que em teoria o uso de percentagens permite sites praticamente identicos em ecrãs tão pequenos como telemoveis ou tão grandes como ecrãs de alta definição… Claro que é uma mera teoria especialmente no que toca aos telemoveis mas vale a pena insistir nos conteudos relativos na minha opinião…
Ivo Gomes
18 de Outubro de 2005, 14:01
Estás a falar de degradação para ecrãs pequenos, mas e se eu usar um ecrã com uma largura de 2000 pixels? Provavelmente o layout vai-se esticar tanto que irá ser difícil ler uma linha enorme de texto. Também temos que contar com a legibilidade em ecrãs de grandes dimensões.
Há estudos que comprovam que por linha não devem haver mais do que 65 caracteres para se poder ler um texto de forma rápida e eficiente.
Rui Moura
18 de Outubro de 2005, 15:40
Tem sempre que se ter em atenção ao desenvolver um site/blog/whatever estas estatísticas em relação ás resoluções mais utilizadas. É um facto que a maior parte dos utilizadores de computadores ainda usam a resolução 1024px*768px , que possivelmente vai evoluir quando os tft’s se estabelecerem mais (a rtesolução nativa de um tft de 17 polegadas, os mais acessíveis, é de 1280px*1024px).
.
No meu caso, projectei o blog para se apresentar “dignamente” tanto a 800px*600px como a 1024px*768px. Quem tiver resoluções mais altas vai ter que fazer um esforço e aumentar o tamanho da letra
Com o uso das percentagens, provavelmente se o blog fo-se visto num ecrã a 1600px*1200px o resultado ia ser catastrófico, porque ia dar cabo do layout … Mas essa é a minha ideia …
d3x7r0
18 de Outubro de 2005, 18:54
Esqueçem-se que o tamanho das letras também é uma percentagem que aumenta e diminui na mesmo proporção do resto do layout… HEHE
Ivo Gomes
18 de Outubro de 2005, 20:18
Não, as letras não aumentam de tamanho se eu aumentar a largura da janela… Experimenta e vais ver
O facto de serem definidas em percentagens permite que possas escolher no browser se queres ter o texto maior ou menor, no entanto, a maior parte dos utilizadores nem sequer sabe que isso é possível fazer… portanto o mais fácil é disponibilizares no próprio site um sistema que permita aumentar o tamanho do texto (vê o canto superior direito desta página).
Nunca o texto vai aumentar em função do tamanho da janela.
d3x7r0
18 de Outubro de 2005, 22:27
Sim mas o proprio browser já tem os seus tamanhos padrão ajustados á resolução (ou se não tem devia ter) portanto a questão de se tornar pequeno demais não se deveria colocar
E sim já vi esse sistema mas pessoalmente não gosto muito de javascript
Rui Moura
19 de Outubro de 2005, 15:07
Qual javascript ?
É puro CSS ….
d3x7r0
19 de Outubro de 2005, 22:45
onfocus=”setActiveStyleSheet(‘normal’); return false;”
Não me pareçe ser CSS isto…
Ivo Gomes
20 de Outubro de 2005, 08:58
O javascript é usado para activar o CSS correspondente. Mas se não queres usar JS podes fazê-lo com PHP ou ASP, etc… A única diferença é que com JS a página não precisa de ser carregada novamente para que as alterações façam efeito.
d3x7r0
20 de Outubro de 2005, 16:04
Sim eu sei mas prefiro deixar o tamanho do texto ao criterio do browser… [ctrl] + [+] costuma funcionar para aumentar o texto em quase todos os browsers salvo erro…