Configurações Iniciais
Configurações Iniciais

Navegação e Interface do Usuário

5min

A interface do usuário é a maneira mais fácil do usuário interagir com aplicativos e informações em uma instância CITSmart.

Figura 1 – Tela inicial da plataforma CITSmart
Figura 1 – Tela inicial da plataforma CITSmart

  • 1 - Banner frame: na área interna do sistema a barra de tarefas contém itens de navegação e ferramentas. Como o menu principal, com todas as funcionalidades CITSmart, botões com integração VoIP, a assistente virtual Anuva e informações sobre o login de usuário, versão do ambiente e também sua mudança de idioma;
  • 2 - Navegação em aplicativos: acesso aos 13 processos certificados da CITSmart, funcionalidades de cadastros básicos, criação e emissão de relatórios, parâmetros, acesso ao CITSmart Neuro (engine de aplicativos), além de funcionalidades de gerenciamento da plataforma;
  • 3 - Painel do usuário: determina o layout de apresentação do painel do usuário (Smart Decision) disponível na página inicial da Plataforma CITSmart. Permite colocar acessos rápidos como links, relatórios e widgets.

Tour pela Interface do Usuário

Banner Frame

Document image


A barra de tarefas, localizada na parte superior, contém itens de navegação e ferramentas:

  • 1: menu principal de navegação, contém todos os processos e funcionalidades CITSmart;
  • 2: ao navegar pelo sistema e quiser retornar à tela inicial clicar no botão "Home";
  • 3: notificações do sistema para o usuário, que é evidenciado com a quantidade existente;
  • 4: atendimento via chamada VOIP;
  • 5: chat de atendimento (visível a usuários de grupos de atendimento);
  • 6: atalho para os principais aplicativos do sistema;
  • 7: informações do usuário, além de disponibilizar mudança de idioma do sistema, gerenciar o status que aparece no chat, meios de suporte do CITSmart e dados sobre a versão do ambiente instalado.

Navegação em Aplicativos

Figura 3 – Tela do menu principal
Figura 3 – Tela do menu principal


Ao clicar no menu principal de navegação, serão visualizadas todas as funcionalidades que o CITSmart disponibiliza.

  • 1: barra de pesquisa de funcionalidades, acessível via menu;
  • 2: acesso às configurações referentes à manutenção de fluxos;
  • 3: possui todos os 13 processos certificados da Plataforma CITSmart;
  • 4: a gestão integrada dispõe de funcionalidades que auxiliam na gestão dos processos;
  • 5: apresenta cadastros básicos para se iniciar o CITSmart, como usuários, localidade além de poder cadastrar e editar menus dentro do sistema;
  • 6: possui dados para administrar o Centro de Experiência, que é um portal personalizável para o usuário;
  • 7: disponibiliza diversos tipos de relatórios que o sistema pode gerar com dados das principais funcionalidades, tornando assim, as informações possíveis de serem melhor analisadas, além de permitir a criação de relatórios personalizados;
  • 8: configuração de acesso e permissões no sistema;
  • 9: configuração dos parâmetros de aplicativos e do sistema;
  • 10: funcionalidades para administrar a Plataforma CITSmart;
  • 11: acesso ao CITSmart Neuro (engine de aplicativos).

Painel do Usuário (Smart Decision)

Figura 4 – Tela de Smart Decision
Figura 4 – Tela de Smart Decision


Personalização do Painel do Usuário (Smart Decision) apresentado na página inicial do sistema, onde é possível colocar acessos rápidos como links, relatórios e widgets.

  • 1: barra vertical contendo os painéis cadastrados. Os itens da barra podem ser deslocados para se ajustar a necessidade do usuário;
  • 2: itens para editar uma dashboard;
  • 3: itens para editar widgets de uma dashboard;
  • 4: exemplo de um widget do tipo “link”, podendo conter internos e externos.