Arquitetos de informação, designers, desenvolvedores e projetistas de sites ainda se preocupam bastante em colocar informações apertadas para que não gere aquela longa barra de rolagem vertical. Alguns de nossos amigos designers têm ainda mais restrição em relação a isso, apostando sempre em uma solução para que o layout não seja prejudicado devido ao tamanho do conteúdo. Acho que o layout precisa se adaptar ao conteúdo, e não o contrário.
Temos que educar nossos clientes que nem tudo em uma página web precisa estar em uma resolução 800 x 600. Pesquisas apontam que todas as resoluções maiores que 800 x 600 já dominam. Dessa forma temos muito mais espaço para mostrar os conteúdos mais relevantes. O conteúdo é fundamental, pois se o usuário ficar interessado no que está na primeira parte do site, eles irão rolar a página sem o menor problema.
Um estudo feito pela ClickTale com 120 mil páginas da web entre novembro e dezembro de 2006 apontam algumas justificativas e respostas para que os sites não fiquem limitados a uma determinada resolução. Veja alguns números da pesquisa:
96% das páginas na web possuem rolagem;
76% dos usuários que encontram páginas com rolagem fazem uso da mesma, pelo menos pelas 2 ou 3 páginas abaixo da resolução;
22% dos usuários costumam fazer a rolagem até o final, independente do tamanho da página.
O estudo recomenda ainda que apertar uma página para deixá-la mais compacta é um benefício mínimo para os usuários. O interessante é pensar e analisar quais são os conteúdos mais importantes para que fiquem acima da rolagem. A rodinha do mouse também é um fator que contribui para a queda desse mito, facilitando a rolagem. Lembra como era chato rolar uma página sem essas rodinhas?
Pedro Borges, Coordenador de usabilidade e interação da Talk Interactive, chamou o Marcelo Ottoni e eu para mostrar uma solução muito interessante no site da MSNBC.COM, que apresenta o seu conteúdo em uma única página com uma navegação muito inteligente entre textos, fotos, imagens e vídeos.
Na mesma página o usuário consegue visualizar todo o conteúdo. Você consegue navegar facilmente entre as possibilidades com um move menu, que identifica em qual conteúdo você está no momento. Pena que o site não utiliza esse formato diferenciado para todas as notícias, empregando somente em editorias que merece um espaço com mais evidência.
Outra coisa que vale a pena ser comentada é sobre o menu do site, no qual o usuário consegue ver as principais notícias dentro da categoria ao ser clicada.
Temos mais dois exemplos de soluções interessantes no Brasil. O portal da Fiat possui uma única página que apresenta todas as informações do carro como ficha técnica, acessórios, cores, itens de série, entre outros. O menu possui o comportamento de acompanhar o usuário durante a rolagem.
Trabalhei em uma agência que criava um hotsite a cada novo empreendimento que era lançado. O hotsite seguia sempre a mesma arquitetura de informação, mudando apenas a linha visual que normalmente acompanhava a campanha off-line. A Tecnisa criou uma solução bacana pra isso. Cada empreendimento novo tem uma página onde o usuário consegue visualizar fotos, mapas, características, localização, data de lançamento, vídeos, valores e etc.
Não sou nenhum guru da arquitetura de informação e usabilidade e não cabe a mim fazer previsões, mas é preciso repensar a concepção de grandes portais e aproveitar melhor as resoluções, não criando empecilhos desnecessários na navegação. Por isso na hora de projetar uma interface, pense se realmente vale a pena criar uma nova página. Será que á mais chato abrir várias páginas ou se satisfazer com aquilo que você deseja em um único lugar?
Tags: 800 x 600, arquitetura de informação, barra de rolagem vertical, pesquisas, resoluções, usabilidade
É um caso a pensar Rogério, esses tipos de mitos que devemos banir, eu penso da mesma forma que você cita acima, satisfazer o usuário com com informações em um unico lugar quando possivel, por que cada profejeto tem suas particularidades.
No meu blog, 800×600 ainda está em quarto lugar, mas com irrelevantes 6%. E No primeiro mundo essa resolução é ainda mais ultrapassada.
Não é à toa o sucesso de blogs, todos com muita rolagem e layouts quase inexistentes, com foco total no conteúdo.
Cada projeto tem suas características próprias com relação a barra de rolagem e acredito que não devamos determinar regras ou crer em mitos, mas sim pensar nas possibilidades de interação que o usuário terá com o conteúdo e com a informação que irá reter.
Aqui na A2, já estamos trabalhando com resoluções maiores em projetos de nossos clientes, mas alguns relatórios de análise de acessos e métricas podemos sempre perceber a presença ainda que constante de resoluções 800×600.
O que fazemos então? Tentamos agregar o objetivo do cliente, o objetivo do website (conteúdo) e medir qual o padrão de perfil das resoluções que mais acessam chegando assim a uma média. Só assim conseguimos determinar a melhor estratégia, ainda na fase de conceituação.
Quanto às barras de rolagem, na minha opinião, não é mais questão de agride os conceitos da usabilidade ou determina limites para o projeto gráfico. Hoje já existem estudos e tendências em torno do aproveitamento do rodapé para implementar links relacionados ou mapa do site; há também a presença do “cross content” que pode substituir a criação de outras páginas, entre outras situações.
Sou partidário de colocar mais conteúdos em única página. O que importa é que eles estejam sempre organizados e que sejam relevantes ao usuário.
[...] Rogério Pereira [...]
[...] mat̩ria completa no Blog do Rog̩rio Pereira РArquiteto da [...]
Antes de mais nada, excelente post!
Não sou designer, nem developer tampouco web’something’. Apenas um internet heavy user qualquer.
O que posso dizer é que com certeza evoluímos muito eliminando as barras de rolagem horizontais, consideradas uma aberração. E isso já faz tempo. (thank’s god)
Concordo com vários colegas que comentaram que é uma questão de adaptação à estratégia do cliente e à pesquisa a respeito da resolução que os users mais utilizam.
Mas na minha opinião, os sites que não possuem barra de rolagem vertical são mais objetivos, com pouco texto e são super leves, tornando a navegação muito agradável, principalmente se for um site o qual tenha que acessar mais de uma vez.
De qualquer forma acho extremamente valiosa a discussão. Parabéns a todos os web”everything” =)
[...] na Talk, rendeu um podcast bem informal sobre navegação cruzada. Assim como já falei aqui sobre o mito da barra de rolagem, também resolvi levantar a bola a respeito de outra questão que incomoda muitos designers e [...]
[...] Talk, rendeu um podcast bem informal sobre navegação cruzada. Assim como já falei aqui sobre o mito da barra de rolagem, também resolvi levantar a bola a respeito de outra questão que incomoda muitos designers e [...]
[...] precisa desenhar uma página se preocupando em colocar tudo antes da primeira rolagem. Tem um post aqui onde falo melhor sobre esse [...]