Telas do meu app e demonstração de uso

Nos ajude compartilhando esse conteúdo

O desenvolvimento do meu app batizado de Sacolão finalmente foi terminado, e com isso, eu venho aqui para apresentar o produto final do projeto desenvolvido.

Tela 1

O app se inicia na Tela 1, a tela de login, se o usuário/voluntário já tiver uma conta no app ele pode entrar nela a partir daqui e ir para a Tela 3 (menu). Se você ainda não tem uma conta, clique em “CRIAR UMA CONTA” para ir para a Tela 2.

Tela 2 parte 1
Tela 2 parte 2

Usuário

A Tela 2 é a tela de cadastro, onde o usuário pode criar uma conta inserindo seus dados e definindo qual o perfil escolhido: Usuário para caso o seu objetivo seja receber ajuda com as compras ou Voluntário para caso o seu objetivo seja ajudar os usuários.

Demonstração de uso – Usuário

Da perspectiva de um usuário, o app seria usado da seguinte maneira: O cadastro seria feito da forma sugerida acima e se clicaria em “REGISTRAR”.

Tela 3 – Usuário

Após fazer o login na conta criada, o usuário cairá na Tela 3 (menu) onde verá as próprias informações e poderá “FAZER COMPRAS” que o levará para a Tela 4 (categorias), ou pode clicar em “MINHAS COMPRAS” para ver seu histórico de compras ou cancelar algum pedido feito, Tela 7.

Tela 4 – Usuário

Na Tela 4 o usuário pode escolher entre 3 categorias de produtos “ALIMENTOS”, “LIMPEZA” e ” UTENSÍLIOS” e dentro de cada categoria tem produtos que o usuário pode escolher e escolher a quantidade, a Tela 5 mostra exemplos dessa ação.

Tela 5 exemplo de uso 1- Usuário
Tela 5 exemplo de uso 2 – Usuário

Na Tela 5 é possível escolher qual produto de quer e qual a quantidade clicando nos botões “+” e “-“, pode-se pesquisar um produto no campo de pesquisa no canto superior da tela e, por fim, clicando em “VER SACOLA” se vai para a Tela 6, onde se vê todos os item selecionados e sua quantidade.

Tela 6 exemplo de uso – Usuário

Nessa tela, pode-se remover algum item da lista de compra apertando no botão “X” ao lado de cada item. Clicando em “VOLTAR AS COMPRAS” pode-se voltar para a Tela 4. Clicando em “FECHAR SACOLA” se volta para a Tela 3 onde pode-se fazer outra compra ou clicar em “MINHAS COMPRAS” para ir para a Tela 7.

Tela 7 exemplo de uso – Usuário

Clicando em “CANCELAR ESSA COMPRA” você fecha essa compra para que nenhum voluntário faça ela para você. Se a sua compra já foi feita terá um botão “JÁ RECEBI ESSA COMPRA” que serve para você confirmar que a compra já foi efetuada e você já recebeu.

Voluntário

Demonstração de uso parte 1 – Voluntário
Demonstração de uso parte 2 – Voluntário

Da mesma forma que um usuário, um voluntário de cadastra mas marca a opção “Sou voluntário” e clica em “REGISTRAR”.

Tela 3 – Voluntário

O menu do voluntário é bem parecido com o do usuário com a exceção de que a opção não é de fazer compras mas sim “AJUDAR” e não é minhas compras mas é “MINHAS AJUDAS”, ao clicar em “AJUDAR” você vai para a Tela 8 onde se vê uma lista de todo mundo que precisa de ajuda, enquanto “MINHAS AJUDAS” mostra uma lista das ajudas já feitas Tela 9.

Tela 8 – Voluntário

Na Tela 8 pode-se ver as pessoas que precisam de ajuda, o endereço delas e a lista de compras que elas fizeram, com isso pode-se clicar em “AJUDAR” para remover aquele pedido da lista e passar para a sua lista de “MINHAS AJUDAS” e quando a compra for feita e entregue, o usuário pode finalizar aquela compra pela parte dele do app.

Tela 9 – Voluntário

Na Tela 9 o voluntário pode visualizar todas as compras que ele se disponibilizou a fazer e essa compra será removida quando o usuário clicar em “JÁ RECEBI ESSA COMPRA” na Tela 7.

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *