Protótipo — João Pedro
Função dos autores
| Nome | Função |
|---|---|
| João Pedro Costa | Criação dos protótipos Chat de Atendimento e Agendar Atendimento; Correção de links |
| Ryan Salles | Revisão geral |
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
Tela Inicial
Protótipo: Agendar Atendimento
Autor: João Pedro Costa
Funcionalidade: Agendar Atendimento
Rastreabilidade: RF30
Ferramentas: Figma
Tipo: Alta Fidelidade
Agendar Atendimento
Chat de Atendimento
Autor: João Pedro Costa
Funcionalidade: Chat de Atendimento
Rastreabilidade: RF34
Ferramentas: Figma
Tipo: Alta Fidelidade
Validação
A validação dos protótipos foi realizada presencialmente. As informações da reunião presencial são apresentadas nas tabelas a seguir.
Tabela 1: Informações da Entrevista
| Campo | Informação |
|---|---|
| Local | UnB - FCTE |
| Data | 05/06/2025 |
| Horário | 12:00 |
| Duração | Cerca de 5 minutos |
Tabela 2: Participantes da Entrevista
| Nome | Função |
|---|---|
| Artur | Usuário/Project Owner |
| João Pedro | Entrevistador |
Vídeo da Validação
Bibliografia
BRUTON, L. A complete guide to prototyping - UX Design Institute. Disponível em: https://www.uxdesigninstitute.com/blog/prototyping-guide/.
BOICHEVA, S. What is Prototype Design? [Guide 2024]. Disponível em: https://htmlburger.com/blog/prototype-design/.
Histórico de versão
| Versão | Data | Descrição | Autor | Revisor |
|---|---|---|---|---|
| 1.0 | 01/07/2025 | Desenvolvimento das informações da pagina | João Pedro Costa | Ryan Salles |
| 1.1 | 01/07/2025 | Adição do protótipo de agendamento e chat de atendimento | João Pedro Costa | Ryan Salles |
| 1.2 | 01/07/2025 | Adição da bibliografia | João Pedro Costa | Ryan Salles |