Doe Recife // Design Thinking Process

277 visualizações

Publicada em

Publicada em: Design
1 comentário
0 gostaram
Estatísticas
Notas
  • Parabéns pela iniciativa e pelo projeto. Gostaria de ver com vocês a possibilidade de customizar essa mesma aplicação para nossa instituição Grupo da Esperança de Curitiba.
       Responder 
    Tem certeza que deseja  Sim  Não
    Insira sua mensagem aqui
  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
277
No SlideShare
0
A partir de incorporações
0
Número de incorporações
2
Ações
Compartilhamentos
0
Downloads
5
Comentários
1
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Doe Recife // Design Thinking Process

  1. 1. RECIFE folksDOERECIFE DESIGNT H I N K I N G
  2. 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. 3. folksINSPIRAÇÃO INSPIRAÇÃOINSIGHTS
  4. 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. 5. folksIDEAÇÃO IDEAÇÃO LET’S PROTOTYPE folksIDEAÇÃO IDEAÇÃO LET’S BRAINSTORMING
  6. 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. 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. 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. 9. PROTOTIPAÇÃO EM PAPEL E VALIDAÇÃO PROTOTIPAÇÃOEMPAPELEVALIDAÇÃO folks
  10. 10. folksIMPLEMENTAÇÃO IMPLEMENTAÇÃOWIREFRAMES
  11. 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. 12. folksWIREFRAME Perfil Categorias de doação Lista de Instituições linhas
  13. 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. 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. 15. folksDOERECIFE Heitor Nascimento System Engineer linkedin.com/in/heitornsouza Renata Veiga Pessôa Interaction & Visual Designer linkedin.com/in/renatavpessoa/ RECIFE

×