Conhecendo a Interface do NiW CMS

A interface do NiW CMS foi projetada para ser intuitiva e fácil de usar. Este guia vai te ajudar a entender cada parte da interface e como navegar pelo sistema.

Visão Geral

A interface do NiW CMS é dividida em várias áreas principais:

Barra Superior: Busca, notificações, perfil
Menu Lateral: Navegação principal
Área de Conteúdo: Onde você trabalha
Barra de Ferramentas: Ações contextuais

Barra Superior

A barra superior fica no topo da tela e contém:

Busca

Ícone de Busca: Clique para abrir a busca
Atalho: Pressione Ctrl+K (ou Cmd+K no Mac) para buscar rapidamente
Busca Global: Busque conteúdo, usuários, configurações e mais

Notificações

Sino de Notificações: Veja suas notificações
Contador: Número de notificações não lidas
Tipos: Notificações sobre comentários, aprovações, menções, etc.

Perfil

Foto/Avatar: Clique para acessar seu perfil
Menu Dropdown:
- Seu perfil
- Configurações
- Preferências
- Logout

O menu lateral é sua principal ferramenta de navegação:

Dashboard

Ícone: Casa
Função: Visão geral do sistema
Conteúdo: Estatísticas, atividades recentes, widgets

Conteúdo

Ícone: Documento
Função: Criar e gerenciar conteúdo
Submenus:
- Todos os Conteúdos
- Adicionar Novo
- Tipos de Conteúdo
- Categorias
- Tags

Mídia

Ícone: Imagem
Função: Biblioteca de mídia
Conteúdo: Imagens, vídeos, documentos

Usuários

Ícone: Pessoas
Função: Gerenciar usuários
Submenus:
- Todos os Usuários
- Adicionar Usuário
- Perfis
- Permissões

Configurações

Ícone: Engrenagem
Função: Configurar o sistema
Submenus:
- Geral
- Aparência
- Integrações
- Segurança

Outros Menus

Dependendo das suas permissões, você pode ver menus adicionais como:

Analytics
Comentários
Formulários
E mais…

Área de Conteúdo

A área central é onde você trabalha:

Listagem de Conteúdo

Quando visualiza uma lista (conteúdos, usuários, etc.):

Tabela/Lista: Itens organizados em linhas
Filtros: Filtre por tipo, status, data, etc.
Busca: Busque dentro da lista
Ordenação: Clique nos cabeçalhos para ordenar
Ações em Lote: Selecione múltiplos itens para ações em massa

Editor de Conteúdo

Quando cria ou edita conteúdo:

Título: Campo para o título
Editor: Editor visual ou de blocos
Sidebar: Metadados, categorias, tags, etc.
Barra Superior: Salvar, publicar, preview, etc.

Formulários

Formulários de configuração e criação:

Campos: Campos de entrada organizados
Validação: Feedback visual para erros
Ajuda: Textos de ajuda e tooltips
Botões: Salvar, cancelar, etc.

Barra de Ferramentas

A barra de ferramentas aparece contextualmente:

Ao Editar Conteúdo

Salvar Rascunho: Salvar sem publicar
Preview: Ver como ficará publicado
Publicar: Publicar imediatamente
Agendar: Agendar publicação
Mais Opções: Menu com mais ações

Em Listagens

Adicionar Novo: Criar novo item
Filtros: Mostrar/ocultar filtros
Visualização: Alterar tipo de visualização
Exportar: Exportar dados

Navegação

Breadcrumbs

No topo da área de conteúdo, você verá breadcrumbs mostrando onde está:


Dashboard > Conteúdo > Todos os Conteúdos > Editar Artigo

Clique em qualquer parte para navegar.

Atalhos de Teclado

Use atalhos para navegar mais rápido:

Ctrl+K / Cmd+K: Busca global
Ctrl+N / Cmd+N: Criar novo conteúdo
Esc: Fechar modais/menus
Ctrl+S / Cmd+S: Salvar
Ctrl+P / Cmd+P: Publicar

Navegação por Teclado

Tab: Navegar entre campos
Enter: Confirmar ações
Esc: Cancelar/fechar

Responsividade

A interface se adapta a diferentes tamanhos de tela:

Desktop

Menu lateral sempre visível
Área de conteúdo ampla
Todas as funcionalidades acessíveis

Tablet

Menu lateral pode ser colapsado
Área de conteúdo ajustada
Funcionalidades principais mantidas

Mobile

Menu lateral vira um menu hambúrguer
Interface otimizada para toque
Funcionalidades essenciais priorizadas

Personalização

Preferências de Interface

Você pode personalizar:

Idioma: Escolha o idioma da interface
Tema: Modo claro ou escuro (se disponível)
Densidade: Compacto ou espaçado
Atalhos: Personalize atalhos de teclado

Widgets do Dashboard

Personalize seu dashboard:

Adicione ou remova widgets
Reorganize widgets arrastando
Configure o que cada widget mostra

Dicas de Navegação

Use a Busca

A busca é a forma mais rápida de encontrar qualquer coisa. Use Ctrl+K para buscar.

Explore os Menus

Não tenha medo de explorar! Clique nos menus para ver o que está disponível.

Use Filtros

Em listagens grandes, use filtros para encontrar exatamente o que precisa.

Leia os Tooltips

Passe o mouse sobre ícones e botões para ver dicas e explicações.

Use Breadcrumbs

Os breadcrumbs mostram onde você está e permitem navegar rapidamente

Acessibilidade

O NiW CMS foi desenvolvido com acessibilidade em mente:

Navegação por Teclado: Tudo pode ser acessado via teclado
Screen Readers: Compatível com leitores de tela
Contraste: Cores com bom contraste
Foco Visual: Indicadores claros de foco

Próximos Passos

Agora que conhece a interface:

Explorar o Dashboard - Entenda o painel de controle
Criar Primeiro Conteúdo - Crie seu primeiro artigo
Navegação Avançada - Aprenda truques de navegação

Suporte

Precisa de ajuda com a interface?

Documentação: Explore a documentação completa
FAQ: Veja perguntas frequentes
Suporte: Entre em contato com o suporte

Agora você conhece a interface! Explore e comece a criar conteúdo. 🎨