webcriarte.com webcriarte.com webcriarte.com
 

Localização dos Elementos - Interface WEB

BuscaA 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.

botaoverdeO logotipo ou assinatura visual no alto, à esquerda da página.

botaoverdeA barra de navegação mais importante no alto, com links dispostos horizontalmente, ou no lado esquerdo da página, com links dispostos verticalmente.

botaoverdeLinks para "Voltar à Principal" na área superior esquerda da página.

botaoverdeA ferramenta de busca interna no alto, na área central ou na parte direita da página.

botaoverdeAs informações para contato no alto da página, à direita.

botaoverdeBanners e anúncios no alto ou ao longo do lado direito.

botaoverdeMenus dropdown e atalhos para páginas localizadas em áreas mais profundas no alto da área de conteúdo ou ao longo do lado direito.

botaoverdeFormulários para entrar em área reservada do site (com campo de login e senha) no alto, à esquerda da página.

botaoverdeBreadcrumbs 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.

botaoverdeCarrinho 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 e-mail, chat, fórum, telefone.

botaoverdeAgrupamentos de links internos na área esquerda das páginas.

botaoverdeArtigos em promoção, nos sites de comércio, no alto da área de conteúdo.

botaoverdeÁrea de conteúdo, na área central da página, onde pode ser localizada com mais facilidade.

botaoverdeLinks internos para informação adicional na área à direita da página.

botaoverdeLinks para outros sites na parte inferior da página.

botaoverdeInformaçõ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.

botaoverdeLinks 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).

botaoverdeInformaçõ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 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 variadas. 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.

webcriarte.com webcriarte.com webcriarte.com