O espaço da página
Localização dos elementos (interface web)
Quando acessa um site desconhecido, a maioria dos usuários procura alguns elementos em lugares consagrados pelo uso. A aderência a estas convenções depende de cada projeto, mas acelera o uso e a curva de aprendizagem das interfaces web, bem como garante que elementos em local de difícil acesso possam ser mais facilmente localizados.
A composição de uma página web, com a distribuição dos diversos elementos na sua área, atende a critérios como os objetivos principais do site, as tarefas mais importantes que os usuários devem fazer, a priorização de um tipo de conteúdo ou funcionalidade.
De qualquer forma, se num site os visitantes encontram facilmente o que procuram, podem se concentrar mais facilmente nas tarefas e nas informações que os levaram até ali.
Neste aspecto, o posicionamento dos elementos de acordo com convenções já aceitas pelo senso comum é uma prática a considerar, especialmente em portais dirigidos a públicos heterogêneos e não-especializado.
■ Os usuários de interfaces web estão acostumados a encontrar:
◊ Informações relacionadas agrupadas por proximidade ou aparência, sendo as mais importantes mostradas em primeiro lugar.
◊ O logotipo ou assinatura visual no alto, à esquerda da página.
◊ A barra de navegação mais importante no alto, com links dispostos horizontalmente, ou no lado esquerdo da página, com links dispostos verticalmente.
◊ Links para "Voltar à Principal" na área superior esquerda da página.
◊ A ferramenta de busca interna no alto, na área central ou na parte direita da página.
◊ As informações para contato no alto da página, à direita.
◊ Banners e anúncios no alto ou ao longo do lado direito.
◊ Menus drop down e atalhos para páginas localizadas em áreas mais profundas no alto da área de conteúdo ou ao longo do lado direito.
◊ Formulários para entrar em área reservada do site (com campo de login e senha) no alto, à esquerda da página.
◊ Breadcrumbs ou "migalhas de pão" no alto da área de conteúdo ou embaixo do logotipo, de forma que fiquem facilmente associados à localização da página em relação à Principal.
◊ Carrinho de compras no alto da página - em sites de comércio. Nestes sites, também ficam normalmente no alto as informações sobre as compras, o acesso às informações sobre o consumidor e o acesso ao suporte, que pode ser feito via email, chat, forum, telefone.
◊ Agrupamentos de links internos na área esquerda das páginas.
◊ Artigos em promoção, nos sites de comércio, no alto da área de conteúdo.
◊ Área de conteúdo, na área central da página, onde pode ser localizada com mais facilidade.
◊ Links internos para informação adicional na área à direita da página.
◊ Links para outros sites na parte inferior da página.
◊ Informações institucionais no alto da página em sites institucionais ou na barra localizada na parte de baixo, como nos sites de comércio, em que as informações institucionais não são prioritárias.
◊ Links para "Voltar ao alto" na base de páginas muito altas.
Estes também podem ficar localizados ao longo da altura em páginas com diversos itens em que é necessário ir e voltar à parte de baixo (como no caso de perguntas frequentes, que podem exigir a navegação alternada entre a as perguntas do alto e as respostas na parte de baixo).
◊ Informações sobre o site e mapa do site na base da página, este último eventualmente também no alto da página.
■ Para que referências como estas se apliquem, os usuários não devem precisar fazer rolagem horizontal para localizar os elementos que procuram – a rolagem horizontal, quando associada à rolagem vertical, é dispersiva e especialmente difícil para pessoas que têm problemas motores ou dislexias.
O preparo da página deve permitir que usuários de computadores pessoais visualizem todos os seus elementos em resoluções de tela a partir de1024x768px. E os usuários de dispositivos móveis devem ver todos os elementos através de rolagem vertical.
■ As observações acima não são, de maneira nenhuma, regras a seguir de maneira incondicional. Um site que precise evidenciar uma postura inovadora ou um posicionamento diferenciado em relação aos seus pares precisa problematizar estas referências e propor soluções que abram caminhos para novos usos, novas percepções.
Alan Cooper, especialista em experiência do usuário, afirma que se deve seguir os padrões até que se encontre uma alternativa realmente melhor. Caso isto não aconteça, é melhor seguir a regra.
Assuntos relacionados
► Consistência funcional e de produtividade
► Aspectos específicos da interface
► O espaço do browser na página
► Tamanho da página e resolução
► A Página Principal
► Páginas internas
► Links
► Ferramenta de busca
Referências (Interface web)
► The truth about Google's so-called "simplicity", de Don Norman (jnd.org, acesso em 2.7.2009)
► Heurísticas para avaliação de usabilidade de portais corporativos (Documento elaborado por Cláudia Dias, extraído de sua dissertação de Mestrado, acesso em 2.11.2008)
► Criteria for optimal web design (designing for usability) (Usability News, acesso em 2.11.2007)
