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 Senado, 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 Senado é 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, exceto a inicial, que possui uma estrutura diferenciada.

Anatomia

• Menu principal: abre a barra de menu do portal do Senado. É constante em todo o portal.
• Identidade do portal: logomarca do Senado Federal. Também é um link para a página principal do Senado.
• Acesso rápido: ícones para acesso rápido a serviços como libras, informações sobre acessibilidade do portal, e a página “Fale com o Senado”, para quem necessitar entrar em contato com o Senado Federal.
• Nome do portal: o portal do Senado é dividido em subportais. Este é o título do subportal.
• Nome da seção: seção onde o usuário está.
• Barra de menu: itens de menu específicos para este subportal.
• Busca: permite a busca no portal do Senado como um todo.

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. Ele é constante dentro de um 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 contem o menu. Pode ser um texto agrupador (“arquivo”, por exemplo) ou um ícone (o menu “hambúrguer”).
• Contêiner: caixa que contem 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 sua localização atual dentro da arquitetura da informação do site, e permite que eles naveguem 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 Senado, todas as páginas devem possuir um breadcrumb com exceção da página inicial do Senado 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 se coloca formas de contato, informações de direitos autorais, e links para páginas externas.

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

Anatomia

• Redes sociais: acesso às páginas das redes sociais do Senado Federal. Abre em outra aba.
• Outros portais: acesso aos portais do Poder Legislativo: Câmara dos Deputados, Congresso Nacional e Tribunal de Contas da União. Abre em outra aba.
• Suporte a idiomas: link para páginas introdutórias ao Senado Federal em inglês, espanhol e francês.
• Acesso à intranet: acesso ao portal da Intranet do Senado Federal. Exige login.
• Páginas de servidores: acesso a páginas com serviços essenciais para cada categoria de servidor.
• Endereço e telefone: endereço e telefone do Senado Federal.
• Página de contatos: acesso à página “Fale com o Senado”, que contém todas as formas de contactar o Senado Federal.

VERSÃO MOBILE