A estrutura da página consiste de uma coleção de componentes que é compartilhado por todas as páginas, fornecendo assim um conjunto de interações consistente por todo o portal. No caso do portal do Congresso, a estrutura da página é composta de 4 partes: o topo, os menus, o breadcrumb e o rodapé.

O topo da página permite a identificação do site onde o usuário se encontra, além de apresentar de uma forma global os links e utilidades que devem estar disponíveis em todo o site.

O topo das páginas do Congresso é constante por todo o portal, permitindo assim que o usuário tenha acesso rápido a diversas áreas do portal a partir de qualquer página. Este topo é padrão e deve ser utilizado por todas as páginas do portal.

Anatomia

• Menu principal: abre a barra de menu do portal. É constante em todo o portal.
• Identidade do portal: logomarca do Congresso Nacional. Também é um link para a página principal do Congresso.
• LIBRAS: acesso ao serviço de Libras do Portal do Congresso.
• Links rapidos: links para as paginas mais acessadas do Portal do Congresso.
• Busca: permite a busca no portal como um todo.
• Outros portais: acesso aos portais do Poder Legislativo: Camara dos Deputados, Senado Federal e Tribunal de Contas da Uniao. Abre em outra aba
• Página de contatos: acesso a página de contatos, que contém todas as formas de contactar o Congresso Nacional.

VERSÃO MOBILE

O menu permite a navegação entre os elementos do site. Deve ser o mais simples possível, com textos curtos e objetivos, e sem muitos submenus. O menu é constante dentro do portal e permite que o usuário pule facilmente entre as diversas áreas sem precisar voltar para a página principal.

Anatomia

• Elemento pai: o componente que contém o menu. Pode ser um texto agrupador (“arquivo”, por exemplo) ou um ícone (o menu “hambúrguer”).
• Contêiner: caixa que contém os diversos itens do menu.
• Texto: descritor da ação ou do conteúdo disponível ao interagir com aquele item.
• Separador (opcional): permite a separação dos itens do menu, de forma a facilitar a visualização de itens distintos.
• Indicador de submenu (opcional): normalmente uma seta, indica um item de menu que possui subitens.

O breadcrumb (em português, trilha de migalhas) é um componente que mostra ao usuário a localização atual dentro da arquitetura da informação do site e permite navegar fácil e rapidamente pelos níveis anteriores à página atual. Devem ser usados em sites que têm uma quantidade grande de conteúdo organizado em uma hierarquia com mais de dois níveis. No caso do Congresso, todas as páginas devem possuir breadcrumbs, com exceção da página inicial e páginas de hotsites.

Anatomia

• Página atual: mostra o nome da página onde o usuário está. Não é um link.
• Link de páginas: mostra as outras camadas hierárquicas acima da página atual, e permite que o usuário navegue por elas rapidamente.
• Separador: claramente distingue uma página da outra.

O rodapé de uma página contém informações que podem ser de importância para o usuário, mas que não fazem parte da arquitetura do site. É aqui que normalmente são colocadas formas de contato, informações de direitos autorais e links para páginas externas.

O rodapé do portal é padrão e deve ser utilizado por todas as páginas.

Anatomia

• Identidade do portal: logomarca do Congresso Nacional. Tambem é link para a página principal do Congresso.

• Outros portais: acesso aos portais do Poder Legislativo: Câmara dos Deputados, Senado Federal e Tribunal de Contas da União. Abre em outra aba.

• Endereço e telefone: endereço e telefone do Congresso Nacional.
• Página de contatos: acesso à página “Fale conosco”, que contém todas as formas de contactar o Congresso.

VERSÃO MOBILE