OLA • Domínio Página Web

Organização do Domínio Página Web

Página operacional para definir como o domínio Página Web deve ser organizado, classificado, mantido e evoluído dentro do OLA, aplicando localmente os padrões gerais de interface, layout, navegação, páginas relacionadas e governança.

2. Problema resolvido

O domínio Página Web já possui vários eixos, páginas, conectores, camadas transversais e relações com a governança do OLA. Sem uma regra de organização, novas páginas podem ser criadas de forma dispersa, com nomes inconsistentes, sobreposição de escopo, menus sobrecarregados ou layouts inadequados à função da página.

Esta página resolve esse problema ao definir critérios para:

  • decidir quando criar uma nova página;
  • classificar a página por função, eixo, camada ou papel operacional;
  • escolher o layout conforme o tipo/função da página;
  • distinguir menu superior, índice lateral e páginas relacionadas;
  • manter coerência com os padrões gerais de interface do OLA;
  • orientar a manutenção e a evolução do domínio Página Web.
Resultado esperado: o domínio Página Web deixa de ser apenas uma coleção de arquivos e passa a funcionar como um território organizado de aprendizagem, construção, navegação, governança local e evolução controlada.

3. Finalidade × Análise

Finalidade

Definir a organização operacional do domínio Página Web, explicando como suas páginas devem ser criadas, nomeadas, classificadas, conectadas, revisadas, mantidas e alinhadas aos padrões de interface do OLA.

Análise

O domínio Página Web tem natureza transversal: envolve estrutura, linguagem, contexto, tecnologia, produção da informação, navegação, redes de conhecimento, UX/UI, arquitetura da informação e governança. Por isso, precisa de critérios próprios de organização e de aplicação local dos padrões gerais do OLA.

4. Papel desta página

Esta página é a página operacional de organização do domínio Página Web. Ela não substitui o mapa nem o index. Seu papel é orientar decisões sobre estrutura física, classificação semântica, layout, menus, páginas relacionadas, manutenção e evolução.

Não é mapa

O mapa mostra a visão analítica e integradora do domínio, com eixos, relações, conectores e percursos.

Não é index

O index funciona como porta de entrada e catálogo estruturado do domínio.

É organização

A organização define regras, critérios, papéis das páginas, menus, páginas relacionadas e lógica de manutenção.

5. Diferença entre mapa, index e organização

Arquivo Tipo de página Papel principal Pergunta que responde
mapa_pagina_web.html Mapa Representa a visão analítica, conceitual e relacional do domínio. Como o domínio Página Web está estruturado como rede de conceitos, eixos e relações?
index_pagina_web.html Index Funciona como porta de entrada, catálogo e orientação inicial do domínio. Por onde entro e quais páginas existem ou devem existir neste domínio?
organizacao_pagina_web.html Organização Define regras operacionais para criação, classificação, layout, menu, manutenção e evolução. Como organizar, manter e evoluir corretamente o domínio Página Web?
Mapa
→
Index
→
Organização
→
Evolução controlada

6. Estrutura física recomendada

A estrutura recomendada para o domínio é:

dominios/pagina_web/

Dentro dessa pasta, as páginas podem ser organizadas inicialmente em um único nível, usando nomes claros e padronizados. Caso o domínio cresça muito, poderá ser dividido em subpastas por eixos, função ou famílias de páginas.

Grupo Arquivos principais Papel
Entrada e orientação index_pagina_web.html
mapa_pagina_web.html
organizacao_pagina_web.html 		Formam a tríade de entrada, leitura e organização do domínio.
Eixo estrutural-funcional o_que_e_uma_pagina_web.html
elementos_componentes_pagina_web.html
layout_grid_pagina_web.html
tipos_de_pagina_web.html
funcionalidades_pagina_web.html 		Explica a página como forma, estrutura, composição, tipos e funções.
Eixo linguístico-comunicacional lexico_pagina_web.html
gramatica_pagina_web.html
sintaxe_pagina_web.html
semantica_pagina_web.html
pragmatica_pagina_web.html
microtexto_pagina_web.html 		Explica a página como linguagem, texto, significado, intenção e comunicação.
Eixo conceitual-contextual-sistêmico ontologia_pagina_web.html
conteudo_contexto_usuario.html
ambiente_da_pagina_web.html
sistemas_embutidos_em_uma_pagina.html
pagina_web_como_objeto_de_conhecimento.html 		Explica a página como objeto de conhecimento, sistema, ambiente e contexto de uso.
Eixo da ideia à página da_ideia_a_pagina_web.html
necessidade_ideia_pagina_web.html
briefing_pagina_web.html
microconceito_pagina_web.html
conceito_pagina_web.html
bloco_pagina_web.html 		Explica a transformação de necessidade, ideia e informação em página construída.
Eixo de navegação e rede navegacao_com_proposito_pagina_web.html
contexto_de_navegacao_pagina_web.html
trilha_pagina_web.html
rede_topicos_pagina_web.html
rede_conhecimento_pagina_web.html 		Explica a página como nó em trilhas, percursos, tópicos e redes de conhecimento.
Camadas transversais avaliacao_pagina_web.html
ciclo_de_vida_pagina_web.html
governanca_pagina_web.html
padroes_pagina_web.html 		Regulam qualidade, evolução, manutenção, padrões e coerência do domínio.

7. Quando criar uma nova página no domínio Página Web

Uma nova página deve ser criada quando o tema tiver autonomia suficiente para funcionar como objeto de explicação, aprendizagem, referência, aplicação, governança local ou conexão dentro do domínio.

Criar nova página quando

  • o tema exige explicação própria;
  • o conteúdo ficará grande demais dentro de outra página;
  • o assunto é reutilizável em várias trilhas;
  • o tema conecta diferentes partes do domínio;
  • há necessidade de exemplo, checklist ou modelo específico;
  • o tema tem papel didático importante para o aprendiz;
  • o tema exige layout próprio por causa da função da página.

Não criar nova página quando

  • o conteúdo é apenas uma observação curta;
  • o tema ainda não está amadurecido;
  • o assunto já está bem tratado em outra página;
  • a nova página geraria duplicidade;
  • o conteúdo pode ser melhor resolvido como seção interna;
  • não há clareza sobre o papel no domínio.
Regra prática: antes de criar uma nova página, perguntar: esta página resolve um problema próprio ou apenas repete parte de outra página?

8. Como classificar uma página dentro do domínio

Toda página do domínio Página Web deve ser classificada por seu papel principal. Uma página pode tocar mais de um eixo, mas deve ter um eixo dominante ou uma função dominante para evitar ambiguidade.

Eixo Pergunta orientadora Exemplo de página Critério de classificação
Eixo 1 Estrutural-funcional Esta página explica a forma, partes, layout, tipo ou funcionamento da página web? layout_grid_pagina_web.html Entram aqui páginas sobre estrutura, componentes, grid, função, tipos e organização visual.
Eixo 2 Linguístico-comunicacional Esta página explica linguagem, significado, texto, intenção ou comunicação? semantica_pagina_web.html Entram aqui páginas sobre léxico, sintaxe, semântica, pragmática, microtexto e comunicação.
Eixo 3 Conceitual-contextual-sistêmico Esta página explica conceitos, contexto, usuário, ambiente ou sistema? conteudo_contexto_usuario.html Entram aqui páginas que situam a página como objeto de conhecimento e sistema em uso.
Eixo 4 Da ideia à página Esta página explica o processo de transformar ideia, necessidade ou informação em página? da_ideia_a_pagina_web.html Entram aqui páginas sobre necessidade, briefing, conceito, bloco e produção da página.
Eixo 5 Navegação e rede Esta página explica percursos, trilhas, rede de tópicos ou rede de conhecimento? rede_conhecimento_pagina_web.html Entram aqui páginas que tratam a página web como nó em navegação, trilhas e redes.

9. Tipo de página × layout recomendado

A organização do domínio Página Web deve aplicar a regra geral dos padrões de interface do OLA: a função da página vem antes do layout. Portanto, ao criar uma página, primeiro define-se seu papel; depois escolhe-se o padrão de interface adequado.

Função da página Exemplo no domínio Página Web Layout recomendado Critério de uso
Página índice index_pagina_web.html Layout estrutural com cards e agrupamentos. Usar quando a página funcionar como porta de entrada do domínio.
Mapa / página âncora mapa_pagina_web.html Layout analítico com índice, grafo, eixos, relações e percursos. Usar quando a página representar visão de conjunto e relações conceituais.
Organização organizacao_pagina_web.html Layout de governança local com critérios, tabelas e regras. Usar quando a página definir como o domínio deve ser organizado e mantido.
Página conceitual o_que_e_uma_pagina_web.html Layout de leitura estruturada. Usar quando a página explicar um conceito central.
Página técnica layout_grid_pagina_web.html Layout explicativo com exemplos, código e demonstrações. Usar quando a página ensinar implementação ou técnica.
Página transversal avaliacao_pagina_web.html Layout analítico com critérios, checklist e tabela. Usar quando a página atravessar vários eixos do domínio.
Página conectora semantica_pagina_web.html Layout relacional com conexões entre eixos, conceitos e percursos. Usar quando a página articular conceitos, eixos ou caminhos de leitura.
Página de governança local governanca_pagina_web.html Layout robusto com regras, decisões, critérios e manutenção. Usar quando a página estabelecer regras locais para o domínio.
Regra: primeiro classificar a função da página; depois escolher o layout. Uma página simples não precisa do mesmo layout de uma página de mapa, organização ou governança.

10. Como tratar páginas transversais

Algumas páginas não pertencem a apenas um eixo. Elas atravessam todo o domínio e ajudam a regular qualidade, evolução, padrões e governança.

Avaliação

Páginas que verificam qualidade, clareza, usabilidade, coerência e aderência ao propósito.

avaliacao_pagina_web.html

Evolução

Páginas que tratam ciclo de vida, versionamento, manutenção e amadurecimento das páginas.

ciclo_de_vida_pagina_web.html

Governança

Páginas que definem regras, padrões, critérios e decisões sobre construção e manutenção.

governanca_pagina_web.html

Regra: páginas transversais devem ser referenciadas no index, no mapa e nesta página de organização, porque influenciam todos os eixos do domínio.

11. Conectores principais do domínio

Conectores são páginas que fazem a costura entre eixos, camadas, percursos e conceitos. Elas não são apenas páginas temáticas; funcionam como pontos de articulação do domínio.

Conector Arquivo O que conecta Como manter
Conector central mapa_pagina_web.html Eixos, camadas, percursos, visão conceitual e estrutura geral do domínio. Atualizar sempre que houver mudança relevante na arquitetura do domínio.
Conector de entrada index_pagina_web.html Entrada, catálogo, eixos, páginas existentes e páginas planejadas. Atualizar sempre que uma nova página for criada ou reposicionada.
Conector operacional organizacao_pagina_web.html Regras de criação, classificação, layout, menu, manutenção e evolução. Atualizar quando os critérios de organização mudarem.
Conector semântico semantica_pagina_web.html Estrutura, linguagem, significado, intenção e navegação. Manter alinhado com vocabulário, ontologia, microtexto e pragmática.
Conector de transformação da_ideia_a_pagina_web.html Necessidade, briefing, conceito, bloco e página final. Manter como referência para processo de produção de páginas no OLA.
Conector de navegação navegacao_com_proposito_pagina_web.html Origem, destino, intenção de leitura, trilhas e orientação do usuário. Manter alinhado com rede de tópicos e rede de conhecimento.

12. Regras de nomenclatura dos arquivos

Os nomes dos arquivos devem ser claros, descritivos e coerentes com o padrão já usado no OLA. A recomendação é usar letras minúsculas, sem acentos, separadas por sublinhado.

Padrão recomendado

  • mapa_pagina_web.html
  • index_pagina_web.html
  • organizacao_pagina_web.html
  • layout_grid_pagina_web.html
  • rede_conhecimento_pagina_web.html

Evitar

  • nomes genéricos, como pagina1.html;
  • nomes ambíguos, como conteudo.html;
  • mistura de maiúsculas e minúsculas;
  • acentos e espaços no nome do arquivo;
  • nomes que não indiquem o papel da página.
Atenção: se o arquivo representa uma página de domínio, incluir preferencialmente o sufixo _pagina_web. Se representa uma página estrutural do domínio, usar prefixos como mapa_, index_ ou organizacao_.

14. Regras de manutenção e evolução

A manutenção do domínio Página Web deve seguir um ciclo simples:

Nova necessidade
→
Classificar função
→
Escolher layout
→
Definir eixo
→
Criar ou revisar
→
Atualizar index/mapa

Ao criar uma nova página

  • definir o problema resolvido;
  • definir finalidade e análise;
  • classificar a função da página;
  • escolher o layout adequado;
  • classificar em eixo dominante ou camada transversal;
  • incluir link no index do domínio;
  • avaliar se precisa aparecer no mapa;
  • avaliar se entra em páginas relacionadas.

Ao revisar uma página existente

  • verificar se o título ainda está coerente;
  • avaliar se há duplicidade com outra página;
  • atualizar links internos;
  • corrigir breadcrumb físico e semântico;
  • verificar aderência ao padrão de interface;
  • verificar se o menu está curto e estrutural;
  • registrar necessidade de desdobramento, se houver.

15. Relação com a Governança do OLA

Esta página funciona como uma governança local do domínio Página Web. As regras gerais continuam pertencendo à área de Governança do OLA, mas aqui elas são aplicadas especificamente ao domínio Página Web.

Governança geral

Define princípios, padrões e regras estruturais válidas para o OLA como um todo.

Exemplo: estrutura de arquivos, navegação, padrão visual, critérios de criação de áreas, menus, páginas relacionadas e padrões de interface.

Organização local

Aplica esses princípios ao domínio Página Web, explicando como as regras se materializam nos arquivos, eixos, conectores, layouts e páginas deste domínio.

Regra de coerência: quando houver conflito entre uma decisão local do domínio e uma regra geral do OLA, a decisão deve ser revista à luz da Governança geral.

16. Relação com os Padrões de Interface do OLA

A organização do domínio Página Web deve seguir os padrões gerais de interface definidos na Governança do OLA, especialmente quando a página tiver função estrutural, analítica, classificatória, operacional ou de manutenção.

Isso significa que páginas como index_pagina_web.html, mapa_pagina_web.html e organizacao_pagina_web.html devem usar uma interface que ajude o leitor a se localizar, compreender o papel da página e continuar a navegação dentro do sistema.

Padrão geral definido em Governança

A página governanca/padroes_interface_ola.html define componentes como topbar, índice lateral, botão voltar, alternância de tema, breadcrumbs, seção de finalidade e análise, problema resolvido, cards analíticos, tabelas responsivas, páginas relacionadas e regras de menu.

Aplicação local no domínio Página Web

A página organizacao_pagina_web.html aplica esses padrões ao domínio Página Web, orientando como suas páginas devem ser construídas, classificadas, mantidas e evoluídas.

Elemento do padrão OLA Aplicação no domínio Página Web
Breadcrumb físico Mostra onde o arquivo está localizado em dominios/pagina_web/.
Breadcrumb semântico Mostra se a página é mapa, index, organização, conector, eixo ou camada transversal.
Finalidade × Análise Explica para que a página existe e como ela deve ser lida no domínio.
Problema resolvido Mostra qual lacuna de organização, aprendizagem ou construção a página resolve.
Tipo/função da página Orienta a escolha do layout adequado.
Menu superior Deve conter apenas navegação estrutural curta e estável.
Índice lateral Deve conter apenas seções internas da página.
Páginas relacionadas Devem aparecer em seção própria, agrupadas por relação.
Tabelas responsivas Permitem comparar eixos, páginas, papéis, conectores e critérios de manutenção.
Próximos passos Indicam como a página contribui para a evolução do domínio.
Regra: toda página estrutural, analítica ou de manutenção do domínio Página Web deve seguir os padrões gerais de interface do OLA, adaptando-os ao papel específico da página.

17. Orientação do leitor: onde estou, o que estou fazendo e para onde vou

Toda página estrutural do OLA deve ajudar o leitor a se orientar dentro do sistema. A página não deve apenas apresentar conteúdo; ela deve situar o leitor física, semântica e operacionalmente.

Regra curta: toda página estrutural do OLA deve ajudar o leitor a responder: onde estou, o que estou fazendo, para onde posso navegar agora, que páginas se relacionam com esta e para onde vou depois.
Pergunta do leitor Elemento da página que responde Função no OLA
Onde estou? Breadcrumb físico + breadcrumb semântico Localizar a página no diretório e no significado do OLA.
O que estou fazendo? Finalidade × Análise + Problema resolvido Explicar o papel da página e a necessidade que ela resolve.
Para onde posso navegar agora? Topbar estrutural + menu principal + índice lateral Permitir navegação horizontal e navegação interna imediata.
Que páginas complementam esta leitura? Seção “Páginas relacionadas” Apresentar relações semânticas, operacionais e complementares.
Para onde vou depois? Próximos passos Orientar evolução, manutenção e continuidade futura.

18. Páginas relacionadas

As páginas relacionadas não devem ser todas colocadas no menu superior nem no índice lateral. Elas devem aparecer nesta seção, agrupadas por tipo de relação.

Governança do OLA

Domínio Página Web

Páginas futuras ou planejadas

  • avaliacao_pagina_web.html
  • governanca_pagina_web.html
  • padroes_pagina_web.html
  • checklist_pagina_web.html
  • templates_pagina_web.html
Regra: o índice lateral deve ter apenas o item “Páginas relacionadas” apontando para esta seção. Ele não deve listar todas as páginas relacionadas, para não virar um segundo menu estrutural.

19. Próximos passos

  1. Atualizar index_pagina_web.html com link para organizacao_pagina_web.html.
  2. Atualizar mapa_pagina_web.html para incluir esta página como camada de organização e governança local.
  3. Verificar se as páginas estruturais do domínio seguem o padrão de interface registrado em governanca/padroes_interface_ola.html.
  4. Revisar a nomenclatura das páginas já existentes ou planejadas do domínio.
  5. Aplicar a regra de menus: menu superior enxuto, índice lateral interno e páginas relacionadas em seção própria.
  6. Registrar páginas impactadas sempre que uma regra de organização for alterada.
Decisão registrada: a localização recomendada desta página é dominios/pagina_web/organizacao_pagina_web.html.
↑