Atualizado em 11.11.2006
 
Projetos web:
Interface

Características gerais

Páginas internas

A rigor em um web site todas as páginas são internas, inclusive a Principal, pois todas fazem parte do canal e a navegação não segue uma ordem linear, como num livro ou um filme. De qualquer forma, "páginas internas" são aqui apontadas como as que não incluem a Principal, localizadas na segunda camada de navegaçã.

Cada vez mais as páginas internas são acessadas diretamente, sem que o usuário sinta necessidade de passar pela Principal. Veículos como blogs, ferramentas de busca, emails informativos, wikis e tecnologias como RSS se consolidam como suportes à navegação dos leitores online e os direcionam para as informações que procuram.

Cerca de 60% dos visitantes chegam a um site pelas páginas internas e suas visitas são mais longas - 70 a 80% do tempo - do que quando chegam pela Principal. (1)


Características a considerar nas páginas internas para facilitar o deslocamento e a realização de tarefas:

Apresentar em destaque o nome da página Principal, de preferência no canto superior esquerdo. O termo de referência pode ser também Home, e pode ser substituído pelo logotipo da empresa/ departamento/ projeto.

Mostrar o logotipo da empresa ou organização em local bem visível, ligado à página Principal. Exemplos

Manter o mesmo estilo das outras páginas, pelo menos das páginas da mesma camada, para contextualizar a navegação e orientar o usuário que chegue por elas. Exemplos

Manter o foco em aspectos mais específicos do que na página Principal.

Prover o sentido de localização do usuário em relação ao resto do site e à página Principal. Para isto, é importante apresentar os níveis anteriores da estrutura de informações (com links) até chegar à página atual (esta, em formato textual, sem link).Exemplos

Manter as informações estruturais de navegação, sobre o site (como breadcrumb, ferramenta de busca, data de atualização, links relacionados, mapa do site) e de auxílio ao usuário sempre em locais de fácil acesso e visualização.

Na maioria dos sites, estas informações costumam ficar localizadas em lugares fixos em todas as páginas.

Se o conteúdo for muito extenso, dividir o assunto em um resumo geral numa página e detalhar o assunto em outra, de forma que o usuário possa decidir se quer se aprofundar no assunto. Exemplo

Prover mais informações sobre o assunto da página, como por exemplo imagens ou fotos ilustrativos, links para páginas do site ou de outros sites, podcasts e vídeos relacionados. Exemplo

O fortalecimento de uma estrutura menos centrada na página Principal e nas relações hierárquicas entre as informações, apóia os percursos tranversais dos usuários através de uma estrutura matricial. Deste modo, o canal fica mais estruturado em torno dos interesses dos usuários do que na sua taxonomia interna.

Programar as páginas (com CSS) de modo que a versão impressa contenha apenas os elementos de conteúdo principais e menos elementos de navegação (quem imprime a página geralmente está interessado no conteúdo e não na estrutura de informações em torno da página, na tela). Exemplo


Assuntos relacionados
Navegação : questões importantes
Projeto de layout
Componentes da interface
Usabilidade : Consistência funcional
Páginas de apoio ao usuário : Mapa do site
Arquitetura da informação : Mapas conceituais e taxonomias

Referências bibliográficas (Interface web)
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)
1) Livro: Prioritizing web usability, de Jakob Nielsen e Hoa Loranger. New York: New Riders, 2006