O fluxograma apresentado na imagem, apresenta o fluxo de interação que o usuário tera ao percorrer pelas telas do sistema. As telas deste fluxograma está detalhada na seção de protótipo de baixa fidelidade.
Figura 1 - Fluxo do usuário
As telas da aplicação apresentam uma estrutura comum, e com o protótipo de baixa fidelidade temos uma noção de como serão as telas em que o usuário irá percorrer para atingir seu objetivo, seja ele comprar ou vender suas skins.
Abaixo segue os protótipos das telas:
1- Tela de Cadastro: Nesta tela o usuário irá se cadastrar, para poder acessa o sistema.
Figura 2 - Tela de cadastro
2- Tela de Login: Nesta tela, após o usuário se cadastrar, ele irá logar na propria conta.
Figura 3 - Tela de login
3- Tela Principal: Nesta tela o usuário irá navegar e procurar o que deseja.
Figura 4 - Tela principal
4- Página de Venda: Nesta tela, após ele escolher e clicar em um anúncio ele tera acesso a mais informações.
Figura 5 - Página de venda
5- Confirmação de Compra: Após ele comprar e sua transação ter sido efetuada com sucesso ele entrara nesta tela.
Figura 6 - Confirmação de compra
6- Tela de Criação de Anúncios: Para o usuário anunciar ele entrarar nesta tela onde podera personalizar seu anúncio.
Figura 7 - Tela de criação de anúncios
7- Tela de Confirmação de Anúncio Ativo: Após a criação do anúncio, se estiver tudo certo, ele entrarar nesta tela que confirma que o anúncio esta ativo.
Figura 8 - Tela de confirmação de anúncio ativo