Navegando pela interface

Entendendo a interface da P8W

A plataforma foi projetada com foco em produtividade e facilidade de navegação. Conheça os principais elementos da interface.

Estrutura da interface

Sidebar (Menu lateral)

O menu lateral é seu principal ponto de navegação. Ele organiza todos os módulos em categorias:

• Dashboard: Acesso rápido ao painel principal com métricas consolidadas.
• Módulos: Cada plugin ativo aparece como item do menu, agrupado por categoria.
• Configurações: Acesso às configurações da plataforma, perfil e administração.
• Ajuda: Link direto para a Central de Ajuda e tours guiados.

A sidebar pode ser recolhida clicando no ícone de hambúrguer (≡) para ganhar mais espaço na tela.

Header (Barra superior)

• Busca global: Pesquise qualquer recurso, módulo ou configuração da plataforma.
• Notificações: Sino com contagem de notificações não lidas.
• Modo escuro/claro: Alternância rápida entre temas.
• Perfil: Menu do usuário com acesso a configurações, conta e logout.

Área de conteúdo

A área central exibe o conteúdo do módulo ou página selecionada. Características:

• Breadcrumbs: Navegação hierárquica mostrando sua localização atual.
• Tabs e Subtabs: Organização de conteúdo em abas quando há múltiplas seções.
• Cards e Tabelas: Dados organizados em cards visuais ou tabelas com paginação.
• Filtros: Filtros rápidos com pills clicáveis para refinar resultados.

Navegação por AJAX

Toda a navegação acontece sem recarregar a página, proporcionando uma experiência fluida e rápida. O conteúdo é carregado dinamicamente enquanto sidebar e header permanecem fixos.

Atalhos de teclado

Responsividade

A interface se adapta automaticamente a diferentes tamanhos de tela:

• Desktop (768px+): Layout completo com sidebar expandida.
• Tablet: Sidebar recolhida por padrão, expansível por toque.
• Mobile: Sidebar em overlay, navegação otimizada para toque.