Webinsider

Design - Usabilidade e AI - Métricas

Novos dispositivos trazem de volta o design 800×600

30 de maio de 2008, 22:51

Subnotebooks, smartphones... e os sites voltam a ser acessados por usuários com resoluções de tela pequenas. Se for imprescindível trabalhar em 1024 pixels, procure oferecer a melhor experiência possível.

Por Simone Villas Boas

Quando as estatísticas começaram a mostrar que usuários estavam comprando placas de vídeo mais potentes e monitores maiores, vários clientes e designers começaram a comemorar.

Mais largura de tela significa mais espaço para conteúdo e criação. Ao longo do tempo, desenvolver soluções em 800 pixels de largura (o que de fato são 780 pixels em uma janela maximizada no Internet Explorer) se tornou um pesadelo para designers.

No entanto, os dispositivos móveis chegaram de vez ao país. O mercado começou a se preocupar com estes dispositivos com notícias sobre invasão dos iPhones anunciada pela imprensa em março.

Ao contrário de celulares e smartphones, o iPhone renderiza as páginas como elas são na resolução de 320 por 480 pixels. O usuário pode usar zoom para aumentar a tela, mas qualquer design de interfaces planejado para funcionar bem em 1024 pixels de largura com fontes pequenas irá tornar a vida do usuário um pouco mais difícil.

O cenário ganha novos players com os subnotebooks de 7 e 8,9 polegadas, como o Asus Eee PC e o Positivo Mobo. É possível redefinir a resolução de tela, mas nestes dois casos o usuário deve preferir manter a definição de fábrica que é 800×600. Ainda estamos verificando que o consumo destes subnotebooks está vindo da faixa de early adopters de tecnologia, mas o público final, principalmente no Brasil, deve ser a classe C.

Lembrando sempre que esta é faixa de consumo em tecnologia doméstica que mais cresce no país.

Seja qual for o público-alvo, fãs de tecnologia ou não, há chances de que sites sejam cada vez mais acessados novamente por usuários com resoluções de tela pequenas. Se for imprescindível trabalhar em 1024 pixels, é fundamental pensar nestes usuários e oferecer a melhor experiência possível.

Possíveis soluções:

  • Trabalhar com telas flexíveis, tomando cuidado sempre com a largura máxima e mínima da coluna principal de leitura.
  • Fazer versões diferentes da folha de estilo usando JavaScript para verificar resolução de tela. Tenha em mente que é mais provável que o usuário com resolução maior esteja com os scripts habilitados em seu navegador. Aqui você trabalha apenas a parte de grid do seu CSS.

O mais importante: não deixe de testar. Por mais anti-gadget que seja o desenvolvedor, ele precisa conhecer e testar seus aplicativos e websites nestas novas plataformas.

Referências:

[Webinsider]

.

Sobre o autor

Simone Villas Boas (pixeladas@gmail.com) é desenvolvedora web, sócia da Synapsis DI e mantém um blog.

Apoio:

  • LayerDev Serviços de Webhosting Profissional

Palavras-chave relacionadas a este texto: [ web standards ] [ programação ] [ celular ]

Comentários

7 pessoas comentaram o artigo "Novos dispositivos trazem de volta o design 800×600"

Manu Data: 31/05/2008 às 8:55 am

Atividade: Diumtudo

Cidade: São Paulo, SP

Demais o artigo! Fala um pouco de tudo que eu vinha conversando com os amigos durante a semana. Zeitgeist!

Gosto de usar no meu dia-a-dia 1024×768 e me acho um ET. É um costume mas vale a pena. Me dá a sensação mais próxima do usuário final. Até o ano passado trabalhava em um grande site de empregos, com acesso do Brasil todo e bem posicionado nas buscas do Google, e o Analytics nos dizia que, da grande maioria, 50% dos usuários era 800×600 e 50% era 1024×768. De tudo, apenas 20% usava resoluções mais altas.

E tava pensando também em comprar um Eee PC mas tou encanado com essa da tela pequena, mas acho que pra design e com o hardware fraco desse tipo de notebook, talvez não seja uma boa idéia enquanto não apareça uma solução mais robusta.

Tatiana Sandim Data: 02/06/2008 às 3:24 pm

Atividade: Designer

Cidade: Rio de Janeiro

Antigamente se ouvia falar que a maioria dos usuários utilizava 800×600, hoje isso mudou…apensar de não conseguir usar essa resolução em meu micro só faço meus layouts em 800×600, particularmente acho layout em 1024 “horrível”, mais isso é bem particular…

Mariana Stori Data: 03/06/2008 às 5:58 pm

Atividade:

Cidade:

Simone, li uma matéria no iG tecnologia especificamente sobre subnotebooks e reparei que a resolução mais citada é 1024×600, veja o link: http://tecnologia.ig.com.br/noticia/2008/06/03/a_invasao_dos_mini_notebooks_1338104.html
Acho que o grande desafio para os designer será criar layouts que se adaptem facilmente e bem à diversas resoluções: de PC, sub e notebook, smartphone, etc..

Mariana

Felipe Data: 03/06/2008 às 9:38 pm

Atividade: Criação

Cidade: São Paulo

Olá Simone.

Muito interessante o assunto levantado.Parabéns!

Vejo que no cenário atual das possibilidades citadas é muito ou praticamente impossível criar um conteúdo que seja possível atender todas as tecnologias existentes.

Até por questões de usabilidade.

Por exemplo, se for desenvolver um site que possua uma página “fale conosco”, vamos chamar a opção pelo “mailto”?

Não vejo bem assim.

Internet é internet e mobile é mobile.

Mesmo que o Iphone ofereça um recurso de ampliação da página web, este recurso não seria o melhor oferecido.

Além do desafio do tamanho de telas como 176px, 240px, temos que pensar qual é a melhor aplicação: WML, WAP, WEB APLICATION.

Cada caso, necessita ser bem observado.

Outro detalhe.
Temos diversos formatos de celular que podem carregar os mais diversos tipos de conteúdos, desde os mais básicos SMS até os aplicativos, além de considerar que no Brasil o acesso a internet pelo celular é muito caro e o usuário não é detentor de tempo, necessitando de um conteúdo mais objetivo e direto.

Voltando a questão da página de fale conosco, a melhor opção seria utilizar um recurso simples de Click to Call.

Abraços.

Felipe

Luiz Data: 04/06/2008 às 8:04 am

Atividade:

Cidade:

Olá!
Vejo alguns portais usando toda a tela de 1024px com conteúdo, geral// dividida e 4 colunas, o que particularmente acho uma loucura pela quantidade de informações passada de uma vez ao usuário. A resolução das páginas de 800px, ou melhor, 770px pra mim é a mais apropriada para esse tipo de site.

E resoluções fixas em 1024, torna a navegação muito ruim para os usuários com munitores menores, apesar dessa resolução de tela já ter ultrapassado em acessos e venda a de 800.

Tiago Celestino Data: 08/06/2008 às 6:42 pm

Atividade: Designer de Interface

Cidade: Salvador

O maior problema é atender à todas as resoluções. Desenhar um layout flexivel é fácil, mas o problema é quando o designer web desenha o layout para um padrão.

Geralmente, na agência que trabalho escuto muito os designers perguntando ao gerente de projeto se deve começar desenhar o layout para 1024 ou 800. A resposta é única: 1024. :)

Eu sinceramente, não penso muito nos usuários de 800, mas tento o máximo adaptar esses layouts para qualquer resolução. Acredito que com a popularização desses gadgets terei que acostumar a fazer algumas folhas de estilos a mais. :D

Ruben Zevallos Jr. Data: 07/07/2008 às 5:31 pm

Atividade:

Cidade:

Na minha empresa, a www.WeZ.com.br, começamos somente agora essa onda de designs maiores que os 800… pelo visto teremos que continuar e/ou desenvolver layouts adaptativos via CSS ou JS…

Avisos
Os ítens com asterisco ( * ) são campos de preenchimento obrigatório.
Todos os links inseridos nos comentários possuem o atributo rel="nofollow" para impedir com que user agents (como os mecanismos de busca) sigam os links inseridos para desestimular spammers.
Todos devem se identificar através de e-mail válido.
Os e-mails dos usuários não serão divulgados no site.
Comentários:

Preencha os dados abaixo e clique em enviar

Outrolado.com.br

Leia

Buscadores mudaram comportamento do usuárioJakob Nielsen aponta novamente o óbvio: as pessoas preferem objetividade e hoje vão aos sites mais cirurgicamente em busca de informação, em vez de entrar pela home e navegar. É bom aceitar essa realidade. Por Clecia Simões

O iPhone não vai chegar ao Brasil - ele já chegouO número de iPhones em uso no Brasil, mesmo antes de sua entrada oficial, já é grande o bastante para impactar métricas de acesso a sites e portais. E o seu, já está preparado para ele? Por Clecia Simões

Princípios de design para a internet (sem dogmas)Uma “salada de conceitos” com ingredientes produzidos nos últimos dez anos pelos nossos raros e jovens gurus. Vamos ficar com os princípios e deixar os dogmas no passado. Por Marcelo Gluz

Os números não mentem: conheça a sua audiênciaGosta de estatísticas? Não? Abra a mente e reveja os seus conceitos, pois uma análise do público de seu site vai revelar preferências que você não pode ignorar.
Por Fábio Sousa

Marcelo Sant'Iago

2007, o ano em que a internet saiu do computadorA consolidação da internet fora do computador - no celular, no painel eletrônico dos elevadores, no cinema e, claro, na TV. Por Marcelo Sant’Iago

Guilherme Coelho

Testamos o XO da OLPC. Bom demais.Tem cara de brinquedo mas é matador: uma fascinante ferramenta para alfabetização e inclusão digital. Por Guilherme Coelho

Marcos Nähr

Só vai restar a interfaceO computador vai desaparecer e nós, webdesigners, ou melhor, interface designers, devemos nos preparar. Por Marcos Nähr

Webinsider