1. O documento descreve o processo de criação de um aplicativo de doações usando design thinking. 2. As etapas do design thinking incluem inspiração, ideação e implementação para entender os usuários, gerar ideias e desenvolver soluções reais. 3. Wireframes do aplicativo mostram as funcionalidades como login, categorias de doação, lista e detalhes de instituições e histórico do usuário.

1. RECIFE
folksDOERECIFE
DESIGNT H I N K I N G

2. DESIGN
THINKING
Implementação
Inspiração
Ideação
A processo de criação foi baseada na metodologia design thinking, uma abordagem
para inovação centrada no ser humano, que combina o pensamento criativo ao de
negócios, para cocriar valor e prover soluções de longo prazo com maior significado
na vida das pessoas. A abordagem é baseada na lógica de aprender fazendo e tem
como objetivo desenvolver uma mentalidade crítica e sistemática.
As etapas aplicadas nesse projeto percorrem três ciclos iterativos:
1. Inspiração: revelar o problema ouvindo histórias e identificando o contexto das
pessoas. Esta fase exploratória visa reformular a compreensão do problema e ser
inspirado pela observação.
2. Ideação: considerar como gerar valor para todos os envolvidos e ajudar os usuários
a alcançar e atender seus objetivos. Processo de gerar ideias e desenvolver protótipos
de baixo custo para que seja validado rapidamente e que seja encontrado uma solução.
3. Implementação: desenvolvimento do design ao mercado. Esta fase baseia-se em
pensar concretamente sobre como desenvolver soluções reais e um plano de
implementação. Nesse documento essa fase é finalizada no wireframe demostrando
o fluxo interativo da solução.
folksDESIGNTHINKING

3. folksINSPIRAÇÃO
INSPIRAÇÃOINSIGHTS

4. folksINSIGHTS
INSIGHTS
?
91% Alegam falta de
conhecimento e dificuldade
para buscar informações.
66% Doam quando precisam
se desfazer de algo;
Nesta etapa nós conversamos com 12 pessoas para entender suas rotinas de doação. E a partir dessas
conversas conseguimos capturar insights para ajudar na resolução do problema.
83% Doam para instituições,
pessoas ou projetos
conhecidos;

5. folksIDEAÇÃO
IDEAÇÃO
LET’S PROTOTYPE
folksIDEAÇÃO
IDEAÇÃO
LET’S BRAINSTORMING

6. REQUISITOS
Buscar instituições
por localização
Ajudar a encontrar
instituições e
projetos sociais
na cidade do Recife
Categorizar
instituições por
tipo de doação
Registrar
histórico pessoal
de doações
folksREQUISITOS

7. DOE
SAIR
Login Cadastro
ROTAS
USUÁRIO DEVE FILTRAR
POR LOCALIZAÇÃO
LIGAREMAIL
REGISTRAR
DOAÇÃO
folksFLUXO
Perfil Categorias de Doação
Histórico
de doações
Instituições
Instituições
Instituição
EDITAR
PERFIL
FLUXO
1
2
3
4
5

8. 1. Entrada
- Para acessar o aplicativo o usuário deve realizar um cadastro ou efetuar login. Essa etapa é necessária para que o servidor armazene
os registros de doações referente a cada usuário. Para realizar um cadastro o usuário deve informar nome, email e senha.
3. Instituições
- Ao entrar em uma categoria de doação o usuário tem acesso a lista de instituições. Para cada instituição o servidor retorna nome, bairro,
latitude e longitude. Assim o usuário deve ter a possíbilidade de visualizar instituições por mapa ou por lista. Podendo ainda filtrar, ambas
formas de visualiazação, por bairro.
2. Categorias de Doações
- As categorias mostradas na tela devem vir da base de dados do servidor podendo estar associada a ela um ícone e o nome. Essa deve
ser a tela principal do sistema após o usuário realizar o login e a partir dela o usuário pode acessar o seu perfil.
4. Instituição
- Na tela de instituição o usuário deve encontrar informações de contato e a localização da mesma no mapa. As informações que o
servidor retornar são: nome, cnpj, telefone, email, localização e categorias de doação.
5. Histórico de Doações
- O histórico de doação é contabilizado cada vez que um usuário registra a ação da tela da instituição. Ao registrar uma doação a
instituição não é notificada, essa informação é registrada apenas para o usuário. O usuário pode acessar o histórico por categoria
e visualizar o total de registro de doação por instituição.
folksFLUXO

9. PROTOTIPAÇÃO EM PAPEL
E VALIDAÇÃO
PROTOTIPAÇÃOEMPAPELEVALIDAÇÃO folks

10. folksIMPLEMENTAÇÃO
IMPLEMENTAÇÃOWIREFRAMES

11. folksWIREFRAME
esqueceu a senha?
Login
- Todos os campos são obrigatórios;
- Mensagens de erro:
a) “Usuário e senha não conferem.”
b) “Todos os campos são obrigatórios.”
Cadastro
- Todos os campos são obrigatórios;
- Mensagens de erro:
a) “Senhas não conferem.”
b) “Uma conta já foi cadastrada com esse
email. Digite outro email ou faça login.”
Esqueceu senha
- Mensagens de sucesso:
a) “As instruções para recuperar a
senha forão enviada para seu email.”
- Mensagens de erro:
b) “Esse email ainda não foi cadastrado.”
Enviar
Login Cadastro
WIREFRAMES

12. folksWIREFRAME
Perfil Categorias de doação Lista de Instituições
linhas

13. folksWIREFRAME
INSTITUIÇÃO
LOGIN
Perfil
- Se não existir nenhum registro de doação
a seguinte mensagem deve ser mostrada
“Você ainda não registrou doações”;
- Caso não exista ícone disponível para
terminada categoria o servidor deve utilizar
o thumb default.
Perfil Histórico
linhas

14. folksWIREFRAME
CATEGORIAS DE DOAÇÃO
Lista de Instituições Instituições
Lista de Instituições
- Ao expandir o mapa a lista é escondida;
- Ao filtrar por bairro o mapa e a lista são
atualizados e é mostrado apenas as instituições
naquela localização.
Instituição
- Ao clicar no mapa o usuário é levado para o
Google Maps e pode traçar rotas;
- O usuário pode visualizar todos os tipos de
doação referente aquela instituição;
- Ao clicar em Ligar ou Email são acionados as
funcionalidades padrões do SO;
- Ao registrar uma doação o contator do
Perfil do usuário é atualizado.
linhas
Registrar

15. folksDOERECIFE
Heitor Nascimento
System Engineer
linkedin.com/in/heitornsouza
Renata Veiga Pessôa
Interaction & Visual Designer
linkedin.com/in/renatavpessoa/
RECIFE