Skip to content

Protótipo

Autor Mudanças Data Versão
Victor Buendia Criação de Versão no Figma. 04/03/21 0.1
Brian Pina Criação de Versão no Figma. 04/03/21 0.1
Pedro Féo Criação de Versão no Figma. 04/03/21 0.1
Pedro Féo Segunda versão do protótipo. 05/03/21 0.1
Pedro Féo Documentação na wiki. 06/03/21 0.1
Matheus Blanco Transformação do documento para mostrar evolução 17/05/21 1.0

Introdução

O protótipo de alta fidelidade do Eccoar foi criado com o intuito de ser o guia principal da equipe durante o desenvolvimento do produto. Para que se pudesse se tornar tal guia, foi criado como o produto final do Lean Inception, da elicitação de requisitos, definição da arquitetura e esboço inicial do Roadmap e Backlog do Produto, contendo elementos e abordando discussões de todos os artefatos citados, de maneira a ser capaz de interagir com os dados necessários e se tornar um produto de simples utilização por parte do usuário.

Construção do protótipo

Definição da identidade visual

A primeira etapa da criação do protótipo foi a definição da identidade visual. Os três membros responsáveis pela tarefa, Victor Buendia, Brian Pina e Pedro Féo, se reuniram para realizar um brainstorm de ícones e logos que poderiam ser utilizadas pelo grupo no futuro. Valendo-se do tema de ecoar um problema para a comunidade, alguns esboços foram criados para serem apresentados para o time.

Esboço 1

Esboço 2

Esboço 3

Esboço 4

Desses esboços, o time pode escolher as logos do projeto, as quais foram:

Logo

Também foram definidas as cores principais do projeto:

Cor Código
Vermelho forte primário F55050
Vermelho médio primário F87171
Vermelho claro primário FFAAAA
Verde Secundário 95F0E0
Verde Secundário 2 8ACCC1
Amarelo secundário E7D42B
Amarelo secundário 2 FFF27B
Preto 484848
Branco Logo F8F8F8

Os membros do time responsáveis pela tarefa também realizaram protótipos em paralelo de maneira a projetarem possíveis situações. As versões diferentes podem ser encontradas na seguinte tabela.

Versão Link Autores
Buendia-1.0 Disponível aqui Victor Buendia
Brian-1.0 Disponível aqui Brian Pina
Feo-1.0 Disponível aqui Pedro Féo
1.0 Disponível aqui Pedro Féo

Roadmap de telas

Após a definição da identidade visual, o trabalho de se prototipar as telas em si da aplicação começou. Para que muito esforço e tempo não fosse gasto na criação das telas, a criação das telas foi realizada de maneira incremental, de acordo com as demandas do projeto.

Pré-MVP

Telas para o MVP

Feed de denúncias:

Feed

Tela de detalhamento:

Detalhes

Drawer:

Drawer

Formulário de denúncias:

Formulário

Formulário

Formulário

Formulário

Formulário

Pós-MVP

Telas para cadastro e login de usuário (Sprint 9 e 10)

Tela inicial:

Inicial

Cadastro:

Cadastro

Cadastro

Cadastro

Login:

Login

Telas de perfil e histórico de denúncias (Sprint 11 e 12)

Perfil:

Perfil

Histórico:

Histórico

Tela de filtro de denúncia (Sprint 12)

Filtro de denúncia:

Filtro

Tela de Landing Page (Sprint 13)

Landing Page