Projeto de Giovanna Mundstock e Jamile Maeda para a disciplina de programação visual 4

1. Trabalho voluntário
Giovanna Mundstock e Jamile Maeda
Programação Visual 4
Prof. Tiago Barros

2. Contextualização
Crise sociopolítica global
Participação ativa
Mais autonomia em relação ao governo
Existência de muitos projetos
Comunicação e visibilidade x oferta de recursos
retenção de voluntários x liderança difusa
Problematização

3. Objetivo geral
Projetar um aplicativo para a instituição já existente ATADOS
que organize oferta e demanda de voluntários e instituições sem fins
lucrativos menos privilegiadas e facilite a comunicação entre os envolvidos.

4. Objetivos específicos
1. Pesquisa de interfaces similares;
2. Conhecer tipos de organização e
conceitos relacionados;
3. Analisar como é feita a conexão inicial
entre voluntário-instituição
atualmente;
4. Mapear áreas micro e macro de
trabalho voluntário;
5. Levantar as necessidades dos
usuários;
6. Propor forma de organizar e oferecer
informações relacionadas ao trabalho
voluntário no DF.

5. Justificativa
No Distrito Federal
Melhorar a distribuição de voluntários em diferentes ONGs
Facilitar o envolvimento do cidadão com a transformação social
Aumentar o impacto do trabalho voluntário
Esclarecer a demanda real de oportunidades

6. Métodos Utilizados
1. Pesquisa de interfaces similares
○ Pesquisa via internet: sites e
aplicativos
2. Conhecer tipos de organização e
conceitos relacionados
○ Pesquisa via internet, levantamento
das ONGs que interagimos
3. Analisar como é feita a conexão
inicial entre voluntário-instituição
atualmente
○ Consulta às páginas das instituições
na internet, depoimentos de
voluntários
3. Mapear áreas micro e macro
de trabalho voluntário
○ Levantamento das áreas
utilizadas nas interfaces
similares
4. Levantar necessidades do
usuário
○ Questionário de validação
5. Propor forma de organizar e
oferecer informações
○ Geração de wireframes

7. 1. Pesquisa de interfaces similares
Como foi feito: utilizando as plataformas
Importância: coleta de insights, diagnóstico do que falta e do que poderia ser melhor
Resultados:
➔ ATADOS E VOLUNTÁRIOS.COM (SITES)
◆ Falta de integração mobile baixa retenção de usuários
Avaliação: necessidade de plataforma mobile
● Aplicativo de celular poderia facilitar o uso;
● Notificações mais frequentes poderiam aumentar a retenção;
● Integrações com outros Apps, por exemplo: calendário e facebook, otimizariam o uso.
◆ Necessidade de Equipe de Apoio
Avaliação: necessidade de aumento da interação
● Autogestão das informações;
● Aumenta a confiança.

8. 1. Pesquisa de interfaces similares
Como foi feito: utilizando as plataformas
Importância: coleta de insights, diagnóstico do que falta e do que poderia ser melhor
Resultados:
➔ VOLUNTEER FINDER E VOLUNTEER CONNECTION (APPs)
◆ Uso restrito a outro país ou restrito à instituição;
◆ No caso do Volunteer Connection: facilita a vida de quem já é voluntário, não tem papel de ingresso
na atividade.
Avaliação:
● Confirma a necessidade do App no DF;
● Validação de que não tem outro app já executando a função de concentrar demandas de ONGs
diversas;
● Importância de se ter uma agenda e histórico das atividades do voluntário para sua própria
organização.

9. 2. Conhecer tipos de Organização e Conceitos
Relacionados
Como foi feito: Pesquisa na internet e levantamento das instituições que interagimos
Importância: Compreender que informações exigir no cadastro
Resultados:
➔ Nem todas possuem um número de registro ou um cadastro formal;
➔ Regulamentação bem curta a respeito;
Avaliação:
● É melhor que a responsabilidade da Instituição esteja atrelada às pessoas físicas.

10. 3. Analisar como é feita a conexão inicial entre
voluntário-instituição atualmente
Como foi feito: consulta de 8 instituições do DF
Importância: compreender como o aplicativo poderia facilitar essa conexão
Resultados:
➔ Flora e Fauna
◆ Boca-a-boca, Google, site, Facebook, Instagram
➔ Street Store
◆ Boca-a-boca, Google, site, grupo de Whatsapp
➔ Projeto Cão-Guia
◆ Boca-a-boca, Google, Facebook, Instagram
➔ Centro de Ensino Especial para Deficientes Visuais
◆ Boca-a-boca, Google, sede física
Avaliação:
● A maioria depende fortemente do boca-a-boca para serem conhecidas pelo voluntário;
● A maioria das instituições não utiliza plataformas auxiliares;
● A maioria não consegue organizar seus voluntários a partir do contato inicial.
➔ Anjos do Sigma
◆ Divulgação interna na escola, encontros semanais
➔ NEPPE
◆ Boca-a-boca
➔ Cavaleiros de São Jorge
◆ Boca-a-boca, Google, site, telefone, eventos de facebook
➔ Laços da Alegria
◆ Boca-a-boca/Ações em bares e semáforos, grupo de
Facebook, site, grupo de Whatsapp

11. 4. Mapear áreas micro e macro de trabalho voluntário
Como foi feito: pesquisa de como 4 similares organizam suas informações
Importância: compreender como organizar e filtrar a informação
Resultados:
➔ Macro Causas:
◆ Atados: 13 áreas
◆ Voluntários.com: 45 áreas, várias repetições
◆ Visa Causas: 5 áreas
◆ Doe com Paypal: 10 áreas
Avaliação:
● Determinar algo entre 5 e 15 causas, mais do que 15 fica demais e gera sobreposição;
● Determinar grau de detalhamento de áreas de habilidade.
➔ Micro Habilidades
◆ Atados: 12 áreas de habilidade
◆ Voluntários.com: 42 áreas profissionais

12. 5. Levantar necessidades do usuário
Como foi feito: Geramos alternativas e a partir das dúvidas que foram surgindo fizemos um
questionário para voluntários e não-voluntários
Importância: avaliar requisitos necessários no app
Resultados:
➔ Todos relataram falta de tempo em algum momento
➔ Dificuldades de descobrir locais para voluntariar
➔ Dificuldades de chegar ao local (caronas ou a própria localização
➔ Receio quando não conhece outros voluntários do local
➔ Ninguém tem uma maneira formal de comprovar suas experiências
➔ Receio quanto às notificações serem um incômodo
Avaliação:
● Deve ser um app ágil e que permita um filtro por disponibilidade
● Interação entre voluntários seria interessante
● Comprovação pode ser um diferencial, mas não se provou ainda 100% necessária
● Notificações não podem ser incômodas

13. Requisitos
→Priorizar Instituições menos privilegiadas;
→ Autogestão da informação;
→ Simplificação de processos: tarefas executadas com o
mínimo de tempo e de trabalho possível;
→ Alternância de perfil pessoal para perfil institucional;
→ Interação Instituição-Voluntário e
Voluntário-Voluntário;

14. Primeira geração
de alternativas
➔ Usuário se cadastrava e
entrava ou como ONG ou
como voluntário;
➔ Cadastro de ONG exigia
informações formais
como número de registro
e razão social;
➔ Interação apenas
voluntário-ong.

15. Segunda geração
de alternativas
➔ Usuário se cadastra sempre como
voluntário e depois pode
cadastrar o projeto no qual
trabalha;
➔ Alternância de perfil;
➔ Perfil do projeto pode ser
gerenciável por mais de uma
pessoa;
➔ Interação projeto-voluntário e
voluntário-voluntário;
➔ Botão de certificação e ateste
mais evidentes;
➔ Informações sobre o tamanho do
projeto;
➔ Notificações personalizáveis.

16. ● Verificar, na lista de áreas-macro e micro, se as opções contemplam o perfil
do testador;
● Cadastrar um projeto;
● Atestar a presença;
● Inscrever-se em uma oportunidade e encontrar em que lugar a informação
de aceite aparecerá no aplicativo;
● Encontrar o certificado.
Teste com o usuário

17. ● Verificar, na lista de causas e habilidades, se as opções contemplam o perfil
do testador;
Teste com o usuário
Causas:
1. Meio ambiente
2. Treinamento profissional
3. Direitos humanos
4. Idosos
5. Saúde
6. Pessoas com deficiência
7. Consumo consciente
8. Participação cidadã
9. Proteção animal
10. Combate à pobreza
11. Educação
12. Cultura, esporte e artes
13. Crianças e jovens
Habilidades:
1. Cozinha
2. Artes/trabalho manual
3. Dança/música
4. Direito
5. Educação
6. Esportes
7. Comunicação
8. Gerenciamento
9. Idiomas
10. Computadores e tecnologia
11. Saúde
12. Outros

18. ● Verificar, na lista de áreas-macro e micro, se as opções contemplam o perfil
do testador;
● Cadastrar um projeto;
● Atestar a presença;
● Inscrever-se em uma oportunidade e encontrar em que lugar a informação
de aceite aparecerá no aplicativo;
● Encontrar o certificado.
Teste com o usuário

19. ● C., 30 anos, desenvolvedor, que teve extrema facilidade em
desenvolver as tarefas listadas. Na lista de áreas-micro, levantou a
possibilidade de uma categoria ser “transporte”, mas encontrou sua área
rapidamente. Nas áreas-macro, falou “orfanato”, mas percebeu que já
havia uma categoria intitulada “Crianças e jovens”, o que o fez ressaltar
que esse nome não lembrava, para ele, orfanato. Isso reforça a
necessidade de se abrir categorias mais específicas dentro de cada área
para atender aos interesses dos futuros usuários. A tarefa de cadastrar
um projeto foi a mais demorada, ainda que tenha sido relativamente
rápida: o caminho configuração > “sou um projeto” não foi
inicialmente o mais intuitivo. Sobre a solução encontrada de se atestar
a presença e seu botão no menu de navegação global do protótipo, C.
parabenizou a equipe e disse que era uma excelente solução para a
situação e que isso já é utilizado em situações similares, o que reforça
sua validade. As duas últimas tarefas seguiram rapidamente e sem
outros comentários.
● A., 60 anos, professor, que teve certas resistências a algumas
rotulagens, como áreas-micro e macro, pois achou os termos
pouco acessíveis para a população em geral, sugerindo que isso
fosse apenas um nome interno. Na lista de áreas-micro, sugeriu
“limpeza”. Para ele, o caminho configuração > “sou um
projeto” e o botão de “atestar presença não foi intuitivo, o
que pode se dar ao fato de que ele não esteja familiarizado com
o contexto de trabalho voluntário, apesar de trabalhar com
tecnologia e desenvolvimento de aplicativos. Para a tarefa de se
inscrever em uma oportunidade, apontou a grande
necessidade de se enviar notificações a cada passo do
usuário, em seu momento de inscrição e de aceite, em vez de
ele ter de procurar por essa informação em “Meus eventos”,
rótulo que não lhe pareceu tão intuitivo.
Resultados

20. Produto Final

21. Produto Final

22. Considerações finais
● Fechar em definitivo a lista de causas e habilidades;
● Pensar na troca de lugar do cadastro de projeto;
● Finalizar telas;
● Animar a navegação;
● Enviar para Atados.