1.1.4. Protótipo
Introdução
A prototipação é uma técnica de elicitação de requisitos usada para entender melhor as necessidades dos usuários e validar requisitos no desenvolvimento de sistemas. Ela consiste em criar uma versão inicial ou parcial do sistema (o protótipo), que serve para simular a interface, as funcionalidades e o fluxo de interação, mas sem necessariamente implementar toda a lógica do software. Essa abordagem permite que os usuários e partes interessadas experimentem uma "prévia" do sistema, oferecendo feedback antes que ele seja completamente desenvolvido.
Na prototipação de software, existem diferentes níveis de fidelidade que se referem ao grau de detalhe e funcionalidade do protótipo. Esses níveis ajudam a definir até que ponto o protótipo representa o produto final e facilitam a escolha do tipo mais adequado de acordo com o estágio do projeto e os objetivos da equipe. Os principais tipos de protótipos são os de baixa, média e alta fidelidade.
Metodologia
A criação do protótipo foi realizada utilizando o Figma, uma ferramenta de design colaborativo. A equipe adotou uma abordagem iterativa, começando com a definição dos requisitos principais, layout e experiência do usuário. A estrutura do protótipo seguiu os fluxos estabelecidos na fase de ideação, abrangendo os processos de visualização de pedidos, acompanhamento de entregas e gerenciamento de perfil do usuário.
Fluxos do Protótipo
O protótipo compreende as seguintes telas e fluxos principais:
-
Tela Inicial:
- Descrição: Interface de boas-vindas com acesso rápido às funcionalidades principais.
- Componentes: Logo, menu de navegação, e botão destacado para iniciar uma nova entrega.
-
Tela de Busca:
- Descrição: Exibe a lista de pedidos disponíveis para entrega.
- Componentes: Filtro de pesquisa, tabela de pedidos, e botão "Detalhes" para informações específicas.
-
Tela de Detalhes do Pedido:
- Descrição: Apresenta informações detalhadas sobre o pedido.
- Componentes: Dados do cliente, itens do pedido, status, e botão "Iniciar Entrega".
-
Tela de Favoritos:
- Descrição: Monitora entregas em andamento e concluídas.
- Componentes: Mapa interativo e lista de entregas com status atual.
-
Tela de Perfil:
- Descrição: Configurações e informações do usuário.
- Componentes: Foto do perfil, informações pessoais, opções de configuração, e botão "Sair".
Baixa fidelidade:
O protótipo de baixa fidelidade é o mais simples e serve principalmente para explorar ideias e conceitos iniciais. Geralmente é um esboço ou um wireframe, com representações básicas de telas e componentes, feito com papel e lápis, quadros brancos ou ferramentas digitais básicas. Esse tipo de protótipo não possui interatividade e é focado em aspectos como o layout e o fluxo de navegação.
Média fidelidade:
Prototipação de média fidelidade é um nível intermediário que adiciona mais detalhes e elementos interativos ao protótipo, mas ainda com um nível simplificado em relação ao produto final. Esse tipo de protótipo é geralmente feito em ferramentas de design digital, como Figma ou Sketch, onde é possível simular a navegação entre telas e testar um fluxo mais próximo ao real.
Alta fidelidade:
O protótipo de alta fidelidade é o mais detalhado e próximo da versão final do produto, incluindo aspectos visuais refinados, interatividade avançada e funcionalidade simulada. Esse tipo de protótipo tem uma interface completa, animações e interações, além de uma aparência quase idêntica ao design final.
Protótipos
-
protótipos feitos
Link para os protótipos feitos: Acessar Protótipo
-
Média Fidelidade
Link para o protótipo interativo: Acessar Protótipo
-
Alta Fidelidade
Link para o protótipo interativo: Acessar Protótipo
Iframe do Protótipo de Média fidelidade
Autor
Iframe do Protótipo de Alta fidelidade
Felipe Amorim de Araújo, Guilherme Silva Dutra, Gabryel Nicolas Soares de Sousa, Leonardo Sobrinho de Aguiar.
Histórico de Versões
Versão | Data da alteração | Comentário | Autor(es) | Revisor(es) | Data de revisão |
---|---|---|---|---|---|
1.0 | 02/11/2024 | Adição da introdução | Guilherme Silva Dutra | Raquel Ferreira Andrade | 03/11/2024 |
1.1 | 03/11/2024 | Adição da metodologia e Protótipo | Bruno Araújo | Raquel Ferreira Andrade | 03/11/2024 |
1.2 | 03/11/2024 | Adição do prototipo de Média | Leonardo Aguiar | Raquel Ferreira Andrade | 03/11/2024 |