Introdução

A construção do protótipo de alta fidelidade auxilia a equipe de desenvolvimento a encontrar um nível de detalhes abrangentes, extrair funcionalidades, testar usabilidade, e também fornece uma base para o gerenciamento do projeto pois com o protótipo é possível realizar estimativas de quanto tempo será necessário desempenhar em cada funcionalidade.

Metodologia

Iniciamos o projeto através dos levantamentos iniciais da equipe, após discussões a ferramenta Figma foi selecionada para produzir o protótipo de alta fidelidade.

Protótipo de alta fidelidade

Versão 1.0

Tela Login

Tela Cadastro

Tela Esqueceu Senha

Tela Home sem Login

Tela Home

Tela Line-Up

Tela Gastronomia

Tela Gastronomia > Cardápio

Tela Mais > Mapa

Tela Mais > Mapa Interativo

Tela Mais > Turismo

Tela Notificações

Conclusão 1.0

Na primeira versão do protótipo utilizamos algumas bibliotecas do figma para auxiliar na criação do protótipo do aplicativo. Definimos as cores base do aplicativo baseado nas cores do Evento original. Decidimos manter a mesma identidade visual para a nossa plataforma.

link para o primeiro Protótipo no Figma

Versão 2.0

Tela Login

Tela Cadastro

Tela Esqueceu Senha

Tela Perfil

Tela do Feed

Tela Cadastrar em um torneio

Tela Cadastrar torneio

Tela Cadastrar torneio 2

Tela dos meus torneios

Tela das chaves do torneio

Tela das estatíscicas

Tela de adicionar resultado das partidas

link para o Protótipo no Figma

Conclusão

A partir da elaboração do protótipo foi possível ter uma noção inicial da interface do usuário, definindo fluxo, paleta de cores, botões, app bars e diversas outras funcionalidades. Também ficou mais fácil de visualizar os requisitos da plataforma.

Referências

PMI. Um guia do conhecimento em gerenciamento de projetos. Guia PMBOK® 5a. ed. EUA: Project Management Institute, 2013.

Ferramenta Figma. Disponível em https://www.figma.com

Autor(es)

Data	Versão	Descrição	Autor(es)
20/09/24	2.0	Criar a versão 1.0 do protótipo	Pedro Silvestre e Sarah Ferrari
22/09/24	1.1	Adicionado as imagens do protótipo	Pedro Silvestre
22/09/24	1.2	Adicionado conclusão e referências	Sarah Ferrari
26/10/20	2.0	Adicionada a versão 2.0 do protótipo	xxxx