Top Banner
RECIFE folks DOE RECIFE DESIGN THINKING
15

Doe Recife // Design Thinking Process

Jul 01, 2015

Download

Design

Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Doe Recife // Design Thinking Process

RECIFE

folksDOE RECIFE

DESIGNT H I N K I N G

Page 2: Doe Recife // Design Thinking Process

DESIGN THINKING

Implementação

Inspiração

Ideação

A processo de criação foi baseada na metodologia design thinking, uma abordagempara inovação centrada no ser humano, que combina o pensamento criativo ao denegó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 daspessoas. Esta fase exploratória visa reformular a compreensão do problema e serinspirado 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ótiposde 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 empensar concretamente sobre como desenvolver soluções reais e um plano de implementação. Nesse documento essa fase é finalizada no wireframe demostrandoo fluxo interativo da solução.

folksDESIGN THINKING

Page 3: Doe Recife // Design Thinking Process

folksINSPIRAÇÃO

INSPIRAÇÃOINSIGHTS

Page 4: Doe Recife // Design Thinking Process

folksINSIGHTS

INSIGHTS

? 91% Alegam falta de conhecimento e dificuldade para buscar informações.

66% Doam quando precisamse 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;

Page 5: Doe Recife // Design Thinking Process

folksIDEAÇÃO

IDEAÇÃOLET’S PROTOTYPE

folksIDEAÇÃO

IDEAÇÃOLET’S BRAINSTORMING

Page 6: Doe Recife // Design Thinking Process

REQUISITOS

Buscar instituições por localização

Ajudar a encontrar instituições e projetos sociais na cidade do Recife

Categorizar instituições portipo de doação

Registrar histórico pessoal de doações

folksREQUISITOS

Page 7: Doe Recife // Design Thinking Process

DOE

SAIRLogin Cadastro

ROTAS

USUÁRIO DEVE FILTRAR POR LOCALIZAÇÃO

LIGAREMAIL

REGISTRARDOAÇÃO

folksFLUXO

Perfil Categorias de Doação

Histórico de doações

Instituições

Instituições

Instituição

EDITARPERFIL

FLUXO

1

2

3

4

5

Page 8: Doe Recife // Design Thinking Process

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

Page 9: Doe Recife // Design Thinking Process

PROTOTIPAÇÃO EM PAPELE VALIDAÇÃO

PROTOTIPAÇÃO EM PAPEL E VALIDAÇÃO folks

Page 10: Doe Recife // Design Thinking Process

folksIMPLEMENTAÇÃO

IMPLEMENTAÇÃOWIREFRAMES

Page 11: Doe Recife // Design Thinking Process

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 asenha forão enviada para seu email.”- Mensagens de erro:b) “Esse email ainda não foi cadastrado.”

Enviar

Login Cadastro

WIREFRAMES

Page 12: Doe Recife // Design Thinking Process

folksWIREFRAME

Perfil Categorias de doação Lista de Instituições

linhas

Page 13: Doe Recife // Design Thinking Process

folksWIREFRAME

INSTITUIÇÃO

LOGIN

Perfil- Se não existir nenhum registro de doaçãoa seguinte mensagem deve ser mostrada“Você ainda não registrou doações”;- Caso não exista ícone disponível paraterminada categoria o servidor deve utilizaro thumb default.

Perfil Histórico

linhas

Page 14: Doe Recife // Design Thinking Process

folksWIREFRAMECATEGORIAS 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çõesnaquela 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 doPerfil do usuário é atualizado.

linhas

Registrar

Page 15: Doe Recife // Design Thinking Process

folksDOE RECIFE

Heitor NascimentoSystem Engineerlinkedin.com/in/heitornsouza

Renata Veiga Pessôa Interaction & Visual Designerlinkedin.com/in/renatavpessoa/

RECIFE