Captura de dados em visualizações
As visualizações (views) são o link entre a interação do usuário com um caso e os dados necessários para resolver esse caso. As visualizações controlam quais dados o usuário insere ou seleciona no caso. É importante projetar visualizações que capturem ou exibam os dados precisos necessários em cada estágio (stage) para processar o caso com sucesso.
Neste tópico, você examina aspectos da criação e do uso de visualizações que facilitam a resolução de casos usando o sistema de design prescrito.
Sistema de design prescrito
Um sistema de design oferece uma experiência consistente aos usuários por meio de uma coleção sistematizada de regras e padrões de design. Para tornar o trabalho de design escalável e repetível, um sistema de design contém uma estrutura que contextualiza como os designs funcionam com a tecnologia subjacente e outros tipos de ativos, incluindo digital e impresso. A coleção sistematizada acelera o tempo de design e desenvolvimento e produz melhores resultados de negócios, aumentando a consistência e a eficiência no desenvolvimento de softwares.
Um sistema de design é um kit de construção que inclui uma biblioteca compartilhada de:
- Elementos de IU
- Estilos
- Padrões de UX compostos por componentes
- Temas
- Diretrizes
A Pega Platform™ fornece um sistema de design com uma camada de apresentação prescrita e completa, que inclui arquitetura de informações, interações, acessibilidade, visualizações de dados e mais, tudo fornecido e implementado em múltiplas tecnologias. É um kit de ferramentas de UX completo que atende às necessidades de grandes organizações com casos de uso para aplicativos de gestão de casos.
A Pega Platform segue um padrão de design prescrito: um conjunto de designs e modelos informados com configurações predefinidas para reduzir o tempo de design, permitindo que desenvolvedores e designers de aplicativos criem páginas e fluxos com foco nas necessidades dos usuários. A Pega Platform oferece uma biblioteca front-end completa e pronta para uso de modelos, padrões e componentes de UX/IU projetados especificamente para otimizar visualizações e fluxos de trabalho para aplicativos complexos de gerenciamento de casos.
Com a Pega Platform, a experiência principal de front-end (navegação, fluxos de trabalho e arquitetura de informações) é prescrita, mas configurável. Os business architects (BAs), citizen developers e system architects (SAs) da Pega configuram as visualizações do aplicativo inteiramente no App Studio.
Como o layout e a experiência principal de front-end são altamente prescritos, as atualizações são perfeitas, os aplicativos são consistentes e os clientes podem obter valor de negócio mais rapidamente. A Pega Platform também oferece recursos prontos para uso de conformidade de acessibilidade, incluindo compatibilidade com leitores de tela, localização e muito mais.
Considerações para visualizações
Considere um processo de concessão de empréstimo. Neste exemplo, há duas etapas (steps).
- A primeira etapa do processo requer que os clientes insiram informações para uma solicitação de empréstimo. O formulário contém campos para digitar informações como o nome do cliente, o valor do empréstimo e o tipo de empréstimo. Depois que o cliente preencher o formulário, o sistema envia a solicitação para análise dos analistas de crédito.
- Na segunda etapa do processo, os analistas de crédito acessam uma visualização Loan Officer que exibe os dados lançados no aplicativo. Os analistas de crédito poderão ler, mas não poderão atualizar as informações dos clientes. A visualização para analistas de crédito também contém campos para os analistas digitarem informações, como critérios de elegibilidade para seguros de empréstimos e se a solicitação foi aprovada ou recusada.
No centro da imagem abaixo, deslize a linha vertical para ver as etapas do processo do solicitação de empréstimo.
Como um BA da Pega envolvido no processo de desenvolvimento de aplicativos, considere as etapas exigidas para seus usuários à medida que eles progridem no fluxo de trabalho do tipo de caso e determine os dados que eles precisam inserir ou acessar para executar cada tarefa. Em seguida, considere como você pode exibir melhor essas informações.
Por exemplo, a visualização da solicitação de empréstimo deve incluir todos os campos necessários para que os clientes preencham o pedido de empréstimo. A visualização deve ter instruções claras e ser fácil de navegar. Os clientes devem inserir alguns dados, como o valor do empréstimo, mas algumas informações são selecionáveis, como o tipo de empréstimo que eles desejam solicitar.
Na imagem abaixo da visualização de solicitação de empréstimos, clique nos ícones + para saber mais sobre os itens a serem considerados e as perguntas a serem feitas ao criar uma visualização.
Visualizações na Pega Platform
Uma visualização (view) é um componente da interface do usuário que coleta dados de um usuário ou exibe dados para o usuário. As visualizações exibem os campos e as instruções necessárias para concluir a tarefa ou atribuição atual do usuário.
Por exemplo, um aplicativo de empréstimos pode gerar visualizações online com campos para os mutuários digitarem seus dados pessoais, detalhes do empréstimo e informações financeiras relevantes. O aplicativo pode gerar visualizações diferentes para um analista interno de crédito (loan officer), que vê os dados do mutuário em campos apenas para leitura e lança a decisão resultante quanto à aprovação ou recusa, com uma justificativa, nos campos editáveis.
Os desenvolvedores de aplicativos preenchem as visualizações com vários elementos de interface do usuário, como campos de texto, check boxes, listas, blocos de galeria ou até mesmo outras visualizações. A Pega Platform armazena o nome e o valor do elemento de IU no armazenamento local ou em um sistema de registro externo, o que torna as informações reutilizáveis. As configurações na visualização podem disponibilizar os elementos de dados armazenados para edição ou apresentá-los como somente para leitura.
A Pega Platform inclui os seguintes tipos de visualizações no painel Visualizações para capturar e exibir dados durante o processamento de casos:
| Nome da visualização | Descrição | Editabilidade |
|---|---|---|
| Visualização de página inteira (full page view) | A interface principal onde o usuário processa o trabalho de caso ou acessa informações. O sistema cria uma visualização de página Inteira para cada caso ou objeto de dados (data object). |
Somente leitura (Read-only) |
| Parcial | Uma visualização criada para exibir informações relacionadas a um caso ou objeto de dados específico. | Somente leitura (Read-only) |
| Lista |
Uma visualização que depende de uma fonte de dados (data source). O sistema pode exibir listas como uma tabela, linha do tempo ou galeria baseada em blocos. As seguintes configurações podem ser definidas para visualizações de lista:
|
Editável e somente leitura Nota: Visualizações de lista são somente leitura por padrão. Para permitir qualquer uma das operações de criar, editar ou excluir em uma Visualização de lista, você deve ativar a edição.
|
| Formulário |
Uma visualização que coleta informações dos usuários ao trabalhar em um caso. O sistema cria uma visualização de formulário para cada etapa (step) do fluxo de trabalho quando você clica em Configurar visualização na guia Fluxo de Trabalho. As visualizações de formulário padrão incluem:
|
Editável e somente leitura |
Visualizações de design para reutilização
Como um BA da Pega envolvido com o design de aplicativos, lembre-se de que as visualizações individuais podem ser reutilizadas em aplicativos com vários tipos de caso (case types). Por exemplo, uma visualização que exibe informações sobre um objeto de dados de produto de varejo, incluindo campos como Nome do produto, Descrição, SKU e Preço, pode ser aplicada a visualizações em uma matriz de tipos de caso de vendas e distribuição para uma empresa de manufatura.
Verifique seu conhecimento com a seguinte interação:
This Topic is available in the following Module:
Quer nos ajudar a melhorar esse conteúdo?