A volta do design 800×600

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 no Internet Explorer) se tornou um pesadelo para designers.

http://flickr.com/photos/salimfadhley/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ão 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 pequenos. 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:

This work, unless otherwise expressly stated, is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 2.5 Brazil License.

Este artigo foi publicado por Simone Villas Boas no pixeladas aleatórias [http://s1mone.net] em 11/05/2008 às 12:15 na categoria Design, com as tags, , , . Você pode acompanhar os comentários neste feed. Você pode deixar um comentário, ou enviar um trackback do seu site.

6 comentários para o artigo “A volta do design 800×600”

  1. Cesar Cardoso:
    11/05/2008 às 20:37

    Sem contar os Internet Tablet da Nokia (Nokia 770, Nokia N800, Nokia N810), que usam 800×480. Sem contar os diversos telefones que estão saindo com 640×480. Sem contar o XPERIA X1 da Sony Ericsson, que está vindo com 800×480.
     

  2. Tiago Celestino:
    11/05/2008 às 21:07

    A melhor solução, pelo menos que já testei, é utilizando o JS para exibir uma folha de estilo para cada resolução. Mais uma dor de cabeça para os desenvolvedores. :D

  3. rascunho » Blog Archive » links for 2008-05-12:
    12/05/2008 às 17:31

    [...] pixeladas aleatórias ???? A volta do design 800×600 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 no Internet Explorer) se tornou um pesadelo para designer (tags: s1mone.net 2008 mes4 dia12 at_home design 800×600 resolução blog_post) [...]

  4. Marcus Silva:
    12/05/2008 às 17:43

    Òtimo post, clareza nas palavras e linguagem simples e direta.
    Ainda nao passei por problemas relativos às resoluções, ainda bem, mais com certeza muitos desenvolvedores tem esse tipo de ocorrencia.
    A definição do público de um site hoje atende um nicho, o resto, depedendo do tipo do site fica totalmente excluído. Seja em funcionalidades e ou ergonomia e usabilidade.
     

  5. SpamKids:
    21/05/2008 às 21:54

    Olá Simone! É verdade isso que você disse. Acabo de comprar um Asus EEE PC com a resolução 800×480 e estou sofrendo muito com os webdesigners espaçosos. Alguns sites funcionam perfeitamente bem, e os melhores são os que se adaptam naturalmente ao tamanho da tela. Mas alguns outros é realmente sofrível ter que ficar rolando a barra na horizontal. Já sofri antes também com o mini Opera no meu celular. Alguns sites ficavam ótimos, outros, uma m*.

    Parabéns ao blog e… ah, ela disse que não quer um bichinho de estimação branco bem grande :(
     
     

    PS: a última frase é código, espero que entenda
     

  6. Mr. B.:
    02/06/2008 às 13:51

    Mas que coisa, acabo de colocar em 800×600 pra ver como ficaria o meu blog. E não é que ficou torto :-(
    Lá vai mais um sábado arrumando essa coisa.

Faça um comentário