---
title: Como Navegar na Interface do Usuário
slug: suporte-new
description: Learn about the comprehensive user interface in CITSmart, which includes the banner frame with navigation items and useful tools. Discover the efficient navigation in applications, access certified processes, and explore basic registration functionalities
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** <font color="#ff6900">**4biz Oxygen**</font>

![](https://api.archbee.com/api/optimize/pu5VMc-2TW3GQX4ly5Xp7/ISZhrFFUcZyadcZBMUA22_image.png)

::Image[]{src="https://api.archbee.com/api/optimize/pu5VMc-2TW3GQX4ly5Xp7/Rd36oGWXFcn5wOo8vSA7T_image.png" size="62" width="347" height="404" position="center" showCaption="false"}

**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 <font color="#ff6900">**4biz Oxygen**</font>**;**&#x20;
- Botões com integração VoIP;&#x20;
- A assistente virtual ;&#x20;
- Informações sobre o login de usuário,&#x20;
- Versão do ambiente; e&#x20;
- Sobre mudança de idioma;

**2. Navegação em aplicativos**:&#x20;

- Acesso aos **16 processos certificados** da <font color="#ff6900">**4biz Oxygen**</font>**;**
- Funcionalidades de cadastros básicos;
- Criação e emissão de relatórios;
- Parâmetros;
- Acesso ao <font color="#ff6900">**4biz Oxygen**</font> Builder (engine de aplicativos);
- E outras funcionalidades de gerenciamento da plataforma.

**3. Painel do usuário**:&#x20;

- Determina o layout de apresentação do painel do usuário (*Smart Decision*), disponível na página inicial da **Plataforma** <font color="#ff6900">**4biz Oxygen**</font>.&#x20;
- Permite colocar acessos rápidos como links, relatórios e *widgets*.

## Tour pela Interface do Usuário

### Banner Frame



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

- <font color="#ff6900">**1**</font>: Menu principal de navegação, contém todos os processos e funcionalidades <font color="#ff6900">**4biz Oxygen**</font>;
- <font color="#ff6900">**2**</font>: Ao navegar pelo sistema e quiser retornar à tela inicial, clique no botão **"Home"**;
- <font color="#ff6900">**3**</font>: Notificações do sistema para o usuário, que é evidenciado com a quantidade existente;
- <font color="#ff6900">**4**</font>: Atendimento via chamada **VOIP**;
- <font color="#ff6900">**5**</font>: Chat de atendimento (visível a usuários de grupos de atendimento);
- <font color="#ff6900">**6**</font>: Atalho para os principais aplicativos do sistema;
- <font color="#ff6900">**7**</font>: 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 <font color="#ff6900">**4biz Oxygen**</font> e dados sobre a versão do ambiente instalado.

### Navegação em Aplicativos

::Image[]{src="https://api.archbee.com/api/optimize/pu5VMc-2TW3GQX4ly5Xp7/yz2xU6dh9LpSKRGkVJ0tI_image.png" size="10" width="46" height="578" position="center" showCaption="false"}

Ao clicar no menu principal de navegação, serão visualizadas todas as funcionalidades que o <font color="#ff6900">**4biz Oxygen**</font> disponibiliza.

- <font color="#ff6900">**1**</font>: Barra de pesquisa de funcionalidades, acessível via menu;
- <font color="#ff6900">**2**</font>: Acesso às configurações referentes à manutenção de fluxos;
- <font color="#ff6900">**3**</font>: Possui todos os **16 Processos** certificados d&#x61;**&#x20;Plataforma** <font color="#ff6900">**4biz Oxygen**</font>;
- <font color="#ff6900">**4**</font>: A gestão integrada dispõe de funcionalidades que auxiliam na gestão dos processos;
- <font color="#ff6900">**5**</font>: Apresenta cadastros básicos para se iniciar o <font color="#ff6900">**4biz Oxygen**</font>, como usuários, localidade, além de poder cadastrar e editar menus dentro do sistema;
- <font color="#ff6900">**6**</font>: Possui dados para administrar &#x6F;**&#x20;Centro de Experiência**, que é um portal personalizável para o usuário;
- <font color="#ff6900">**7**</font>: 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;
- <font color="#ff6900">**8**</font>: Configuração de acesso e permissões no sistema;
- <font color="#ff6900">**9**</font>: Configuração dos parâmetros de aplicativos e do sistema;
- <font color="#ff6900">**10**</font>: Funcionalidades para administrar &#x61;**&#x20;Plataforma** <font color="#ff6900">**4biz Oxygen**</font>;
- <font color="#ff6900">**11**</font>: Acesso ao <font color="#ff6900">**4biz Oxygen**</font> **Neuro** (engine de aplicativos).

### Painel do Usuário (Smart Decision)

::Image[]{src="https://api.archbee.com/api/optimize/pu5VMc-2TW3GQX4ly5Xp7/FYHN98ctSGp_aBztm1YoN_image.png" size="34" width="295" height="578" position="center" showCaption="false"}

Personalização do **Painel do Usuário&#x20;**&#x61;presentado na página inicial do sistema, onde é possível colocar acessos rápidos como links, relatórios e *widgets*.

- <font color="#ff6900">**1**</font>: Barra vertical contendo os painéis cadastrados. Os itens da barra podem ser deslocados para se ajustar à necessidade do usuário;
- <font color="#ff6900">**2**</font>: Itens para editar uma *dashboard*;
- <font color="#ff6900">**3**</font>: Itens para editar *widgets* de uma *dashboard*;
- <font color="#ff6900">**4**</font>: Exemplo de um *widget* do tipo “link”, podendo contê-los dos tipos internos e externos.

