Orientar o deslocamento
Definir como o usuário entende onde está, para onde pode ir e por que seguir para outra página.
Padrões de Navegação do OLA
Esta página transforma regras de governança em padrões arquiteturais para orientar a navegação do OLA. Seu objetivo é garantir que páginas, domínios, mapas, índices, trilhas e artefatos estejam conectados de modo coerente, compreensível e reutilizável.
Navegação como conhecimento
Cada link expressa uma relação semântica, estrutural, operacional ou de aprendizagem dentro do sistema.
Padrão aplicável
Serve como referência para menus, breadcrumbs, índices, páginas relacionadas, hubs e fluxos de continuidade.
Que problema esta página resolve?
Navegação dispersa
Sem padrão, uma página pode ter links soltos, menus redundantes, breadcrumbs puramente físicos e páginas relacionadas sem função clara.
Padrões explícitos
Estabelecer critérios para decidir quando usar menu, breadcrumb, índice, hub, páginas relacionadas, botão voltar e fluxo de próximos passos.
Navegação significativa
O usuário entende a posição da página, seu papel no OLA, suas conexões principais e seu caminho de continuidade.
Onde este padrão atua no OLA
Os padrões de navegação pertencem à Arquitetura, porque traduzem regras de governança em forma estrutural e experiência de uso. Eles também se relacionam com Governança, Fundamentos, Domínios, Aprendizagem e Visualização.
Governança define regras
→
Arquitetura transforma em padrões
→
Templates aplicam
→
Páginas materializam
→
Uso valida
Princípios de navegação do OLA
1. Todo link deve ter função
Um link não deve existir apenas por proximidade. Ele deve apoiar retorno, aprofundamento, continuidade, comparação, contexto, uso ou governança.
2. Navegação física e semântica são diferentes
A navegação física mostra onde o arquivo está. A navegação semântica mostra o papel da página no conhecimento, no sistema ou na jornada do usuário.
3. Hubs organizam acesso
Índices, mapas e portais devem funcionar como pontos de orientação, e não apenas como listas de links.
4. Próximos passos fecham o ciclo
Uma página deve orientar continuidade: revisar, aprofundar, aplicar, gerar artefato, navegar para o mapa ou retornar ao índice.
Padrões de navegação
Os padrões abaixo podem ser aplicados em páginas de domínio, mapas, índices, páginas de organização, fundamentos, arquitetura e governança.
| ID | Padrão | Função | Quando usar | Critério de aceite |
|---|---|---|---|---|
| NAV-P01 | Breadcrumb físico | Mostrar a localização da página na árvore do site. | Em páginas estruturais, domínios, mapas, índices e páginas de governança. | O usuário consegue voltar ao nível pai sem depender de links relacionados. |
| NAV-P02 | Breadcrumb semântico | Mostrar o papel conceitual, funcional ou cognitivo da página. | Em páginas que exigem contexto de sentido, como mapas, fundamentos e domínios. | O breadcrumb semântico não repete apenas a pasta física. |
| NAV-P03 | Menu superior | Oferecer ações globais e retorno aos hubs principais. | Em páginas institucionais, estruturais e de longa permanência. | Inclui retorno ao Home, Portal e área principal da página. |
| NAV-P04 | Índice lateral ou índice recolhível | Permitir navegação interna em páginas longas. | Em páginas com muitas seções ou leitura não linear. | O usuário consegue saltar para as partes principais sem rolagem excessiva. |
| NAV-P05 | Páginas relacionadas | Indicar caminhos de continuidade, contexto ou aprofundamento. | Ao final da página ou perto de seções que exigem continuidade. | Cada página relacionada explica por que está relacionada. |
| NAV-P06 | Botão voltar ao topo | Reduzir esforço de navegação em páginas longas. | Em páginas extensas, com tabelas, mapas, checklists ou blocos longos. | O botão não cobre conteúdo crítico, QR Code ou botões importantes. |
| NAV-P07 | Próximos passos | Transformar leitura em ação orientada. | Em páginas de domínio, aprendizagem, projeto e governança. | A página termina indicando continuidade prática e coerente. |
| NAV-P08 | Hub de área ou domínio | Organizar acesso a páginas, mapas, objetos, trilhas e regras de uma área. | Em index_*.html, portais internos e índices de domínio. |
O hub não é apenas lista; ele orienta uso e relações. |
Regra de uso dos breadcrumbs físico e semântico
Localização estrutural
Mostra onde a página está armazenada e publicada. Responde: onde estou na estrutura física do OLA?
Exemplo:
Home → Portal → Arquitetura → Padrões de Navegação
Localização conceitual
Mostra o sentido da página dentro do conhecimento. Responde: qual é o papel desta página no OLA?
Exemplo:
OLA → arquitetura → navegação → orientação do usuário
✓
Regra: o breadcrumb semântico não deve ser cópia do breadcrumb físico.
Ele deve acrescentar sentido conceitual, funcional ou cognitivo.
Critérios para páginas relacionadas
O bloco de páginas relacionadas deve ser usado quando o link acrescenta valor de navegação, contexto, aprendizagem, governança ou continuidade. Não deve repetir automaticamente todos os links do menu ou do breadcrumb.
| Tipo de relação | Pergunta que justifica o link | Exemplo de destino |
|---|---|---|
| Retorno ao hub | Para onde o usuário volta para ver o conjunto? | index_arquitetura.html, index_governanca.html |
| Mapa conceitual | Onde o usuário vê as relações do tema? | mapa_arquitetura.html, mapa_governanca.html |
| Regra canônica | Que regra governa esta página? | quadro_regras_ola.html, estrutura_fisica_arquivos_pastas.html |
| Padrão complementar | Que outro padrão completa este? | padroes_interface_ola.html, padroes_visualizacao_ola.html |
| Aplicação prática | Onde este padrão aparece aplicado? | Mapas, índices, páginas de domínio e objetos de aprendizagem. |
Do mapa ao uso prático
A navegação do OLA deve ser pensada como parte do Ciclo de Governança Estrutural: primeiro se entende o conjunto, depois se organiza, cria-se a porta de entrada, formaliza-se a regra e se consolida o quadro de consulta.
Mapa
→
Organização
→
Índice
→
Regra Canônica
→
Quadro de Regras
→
Padrão de Navegação
✓
Regra operacional: quando uma página nova for criada, verificar se ela precisa
de mapa, organização, índice, regra, páginas relacionadas e próximos passos.
Checklist de navegação antes de publicar
Localização
✓
Há breadcrumb físico?
✓
Há breadcrumb semântico?
✓
O usuário entende onde está e qual é o papel da página?
Fluxo
✓
Há retorno ao hub da área ou domínio?
✓
Há próximos passos quando a página exige continuidade?
✓
Os links não são redundantes?
Relacionamento
✓
Cada página relacionada tem função clara?
✓
Os links indicam retorno, aprofundamento, regra, mapa ou aplicação?
✓
O bloco não repete automaticamente o breadcrumb?
Usabilidade
✓
Em página longa, existe índice interno?
✓
O botão voltar ao topo não cobre conteúdo?
✓
A navegação funciona em celular e impressão?
Modelo para bloco de páginas relacionadas
O modelo abaixo pode ser reutilizado em páginas do OLA. A descrição deve explicar o motivo do vínculo, e não apenas repetir o nome da página.
Exemplo HTML
<section id="paginas-relacionadas" class="panel">
<span class="kicker">Conexões</span>
<h2>Páginas relacionadas</h2>
<div class="grid">
<article class="card">
<span class="tag">Hub</span>
<h3>Index da área</h3>
<p>Porta de entrada para localizar o conjunto de páginas da área.</p>
<p style="margin-top:10px">
<a class="btn" href="./index_area.html">Abrir index</a>
</p>
</article>
</div>
</section>Páginas relacionadas
Quadro de regras do OLA
Registra as regras que este padrão transforma em orientação arquitetural.
Estrutura física de arquivos e pastas
Define a regra canônica que separa estrutura física, abstração e organização do sistema.
Padrões de interface do OLA
Complementa a navegação com padrões de layout, modais, cards, botões e estrutura visual.
Regra síntese
Navegação como estrutura de sentido
No OLA, navegar não é apenas trocar de página. Navegar é compreender posição, relação, contexto, continuidade e evolução. Por isso, cada menu, breadcrumb, hub, índice e página relacionada deve ter função clara no sistema de conhecimento.