Skip to content

Protótipo — Filtragem de benefícios e Atualizar dados cadastrais

Função dos autores

Nome Função
João Igor Criação dos protótipos Filtragem de benefícios e Atualizar dados cadastrais
Gabriel Flores Revisão geral
Autor(es): JOão Igor

Introdução

A prototipagem é uma técnica utilizada no processo de engenharia de requisitos e design de sistemas para representar, de forma visual e/ou funcional, aspectos de um sistema antes de sua implementação completa. De acordo com Bruton (UX Design Institute), o protótipo atua como um artefato intermediário entre a especificação de requisitos e o desenvolvimento, permitindo validar funcionalidades, fluxos de interação e regras de negócio com os stakeholders. Já Boicheva (2024) reforça que a prototipagem é essencial para detectar inconsistências, ambiguidade e requisitos incompletos, antecipando problemas que poderiam surgir nas fases posteriores do ciclo de vida do software.

Tipos

Os principais tipos de protótipos são classificados de acordo com o seu nível de fidelidade e interatividade:
Protótipos de baixa fidelidade: são representações simplificadas, como desenhos em papel, focadas na estrutura e navegação. Não apresentam lógica de negócio nem interações reais, sendo úteis nas etapas iniciais de elicitação e validação de requisitos.

Protótipos de média fidelidade: incluem elementos gráficos mais definidos e alguma interatividade simulada. São usados para revisar a experiência do usuário, fluxo de tarefas e regras básicas de navegação.

Protótipos de alta fidelidade: são quase funcionais, com interfaces próximas da versão final e comportamentos interativos, simulando o funcionamento real do sistema. Servem para validação precisa de requisitos funcionais e não funcionais, testes com usuários e até como referências para desenvolvedores.
A escolha do tipo de protótipo depende do objetivo da prototipagem, da fase do projeto e do nível de maturidade dos requisitos. Em contextos de engenharia de software, a prototipagem contribui diretamente para a redução de retrabalho, melhora da comunicação entre equipes técnicas e usuários, e aumento da qualidade dos requisitos especificados.

Telas do Protótipo

Descrição das Telas

1. Tela Inicial

A tela inicial apresenta ao usuário as principais opções do sistema de forma clara e objetiva.

2. Tela de Agendar Atendimento

Esta tela permite ao usuário selecionar data, horário e tipo de atendimento desejado. Os componentes são: - Campo de seleção de data: calendário para escolha do dia. - Campo de seleção de horário: lista de horários disponíveis. - Botão "Voltar": retorna à tela inicial.

3. Tela de Chat de Atendimento

A tela de chat possibilita a comunicação direta entre usuário e atendente. Os principais componentes são: - Área de mensagens: exibe o histórico da conversa. - Campo de texto: permite digitar novas mensagens. - Botão "Enviar": envia a mensagem digitada. - Indicação de status do atendente: mostra se o atendente está online ou offline.

Essas telas foram projetadas para garantir uma navegação intuitiva e facilitar o acesso às principais funcionalidades do sistema.


Imagens do Protótipo

Protótipo Atualizar dados cadastrais

Autor: João Igor Rastreabilidade: RF20 Ferramentas: Figma e Canva Tipo: Alta Fidelidade Antes da prototipagem

Cópia da tela

Depois da prototipagem

Gif da funcionalidade de atualizar dados cadastrais

Protótipo Filtragem de benefícios

Autor: João Igor Rastreabilidade: RF23 Ferramentas: Figma e Canva Tipo: Alta fidelidade
Antes da prototipagem

Cópia da tela

Depois da prototipagem

Gif da funcionalidade de filtrar

Validação

A validação dos protótipos Upload de documentos e Notificação de pendências ou atualizações foi realizada presencialmente. As informações da reunião presencial são apresentadas por meio da tabela 1 e 2.

Tabela 1: Informações da Entrevista
Campo Informação
Local UnB - FCTE
Data 05/06/2025
Horário 12:30
Duração Cerca de 5 minutos
Autor(es): João Igor
Tabela 2: Participantes da Entrevista
Nome Função
Artur Usuário/ Project Owner
João Igor Entrevistador/Desenvolvedor
Gabriel Flores Entrevistador/Desenvolvedor
Ryan Salles Secretário/Observador
Autor(es): João Igor

Bibliografia

BRUTON, L. A complete guide to prototyping - UX Design Institute. Disponível em: https://www.uxdesigninstitute.com/blog/prototyping-guide/.

Print do site

BOICHEVA, S. What is Prototype Design? [Guide 2024]. Disponível em: https://htmlburger.com/blog/prototype-design/.

Print do site

Histórico de versão

Versão Data Descrição Autor Revisor
1.0 04/07/2025 Criação e Desenvolvimento das informações da página João Igor Gabriel Flores