---
title: Como Navegar na Interface do Usuário
slug: cit-9/como-navegar-na-interface-do-usuario
description: Discover how the user interface in CITSmart offers a seamless experience for interacting with applications and information. Explore its features, including the main menu, VoIP integration, virtual assistant, and customizable Smart Decision dashboard. Enha
docTags:
createdAt: 2021-10-26T16:01:32.000Z
---
A interface do usuário é a maneira mais fácil deste interagir com aplicativos e informações em uma **instância** **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**;
- Informações sobre o login de usuário,
- Versão do ambiente; e
- Sobre mudança de idioma;
**2. Navegação em aplicativos**:
- Acesso aos **16 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);
- E outras 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
::Image[]{src="https://api.archbee.com/api/optimize/pu5VMc-2TW3GQX4ly5Xp7/cR0Bo9bYyQWmckzF8AuyO_image.png" size="76" width="917" height="58" position="center" showCaption="false"}
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, clique 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
::Image[]{src="https://api.archbee.com/api/optimize/pu5VMc-2TW3GQX4ly5Xp7/mn7L4CRJ7-N5ptdP_hpb6_image.png" size="40" width="296" height="494" position="center" showCaption="false"}
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 **16 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)
::Image[]{src="https://api.archbee.com/api/optimize/pu5VMc-2TW3GQX4ly5Xp7/zXuacwHk8RvV87Ov6cH3h_image.png" size="86" width="923" height="245" position="center" showCaption="false"}
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 à 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 contê-los dos tipos internos e externos.