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 Constellation prescrito.
Sistema de design prescrito do Constellation
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 associada 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
O sistema de design Constellation permite criar rapidamente aplicativos Pega Platform™ e manter o aplicativo fácil de atualizar para futuras versões.
O sistema de design Constellation oferece 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.
O sistema de design Constellation 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. O Constellation 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 o Constellation, 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. O Constellation também oferece melhorias na conformidade de acessibilidade pronta para uso, 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 gerentes de empréstimos.
- Na segunda etapa do processo, os gerentes de empréstimo acessam uma visualização para gerentes de empréstimo que exibe os dados lançados no aplicativo. Os gerentes de empréstimo poderão ler, mas não poderão atualizar as informações dos clientes. A visualização para gerentes de empréstimo também contém campos para os gerentes 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 no Constellation
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 gerente interno de empréstimos, 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.
O Constellation 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 | 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:
|
Somente leitura (Read-only) |
| 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?