O espaço da página | |
Localização dos elementos |
|
A maioria dos usuários quando acessa um site desconhecido procura determinados 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 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 realizar, a priorização de um tipo de conteúdo sobre outro. 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-especializados. ■ Os usuários de interfaces web estão acostumados a encontrar: ◊ Diferentes tipos de informações disponíveis na página agrupadas, sendo as mais importantes mostradas em primeiro lugar. ◊ O logotipo ou assinatura corporativa no alto, à esquerda da página. ◊ A barra de navegação mais importante também no lado esquerdo da página. ◊ 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 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. ◊ O 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. ◊ Agrupamento 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. ◊ 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. ■ Para que referências como estas se apliquem, os usuários não devem precisar fazer rolagem horizontal para localizar os elementos que procura - 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 de 800 x 600. 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 serem seguidas 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. Assuntos relacionados Referências bibliográficas (Interface web) | |
| ▲ Alto |
Atualizado: 2.11.2008
Projetos web