Saúde da Rua
Este projeto foi desenvolvido pela Tech pro Bem, uma comunidade de profissionais da área de tecnologia dedicada a contribuir com ONGs e projetos sociais, potencializando o alcance digital do terceiro setor.
Projeto desenvolvido de julho a dezembro de 2022.
Visão Geral
A comunidade Tech pro Bem tem como principal objetivo aumentar a visibilidade de ONGs e beneficiar seu crescimento.
O primeiro projeto da comunidade foi desenvolver um novo site para a ONG Saúde da Rua, esse projeto foi inteiramente desenvolvido por voluntários e foi dividido em duas etapas.
O primeiro time de voluntários realizou a etapa de concepção do site, realizando desk research, compreendendo as dores e objetivos da ONG e desenvolvendo as primeiras páginas do site, início e doações.
O segundo time de voluntários recebeu a documentação de todo o trabalho realizado e possuía como objetivo desenvolver a versão mobile do site e as páginas de doação de medicamentos e cadastro de voluntários.
Conheça a ONG Saúde da Rua
O Saúde da Rua nasceu em 2020, em meio à pandemia da Covid-19, com a missão de levar atendimento médico humanizado às populações mais vulneráveis da sociedade.
Desde então, possuí o apoio de cerca de 500 pessoas voluntárias, e suas ações promovem assistência profissional e individualizada com foco nas reais necessidades do paciente.
Descrição
Redesign do site da ONG Saúde pro Bem.
Ferramentas
Papel e Caneta; Figma; Miro; Confluence; Slack; Maze; Google Meet.
Time de UX
Andressa Castro
Alana Morais
Amanda Freitas
Carolina Sato
Danielle Zipperer
Thais Boaventura (Mentora)
Vitor Manoel (Voluntário líder)
Responsabilidades
Trabalhei em todos os aspectos do desenvolvimento do projeto, incluindo pesquisa e estratégia de UX, UI Design, prototipação, iteração, documentação e testes de usabilidade
Problema
Desenvolver um novo site para a ONG Saúde da Rua, possuíndo como objetivo atrair mais doações e parcerias com empresas.
Ao iniciar o projeto a ONG Saúde da Rua já estava finalizando o processo de conseguir o seu CNPJ, o que a permite expandir suas parcerias e ações, para potencializar esse momento a ONG possuía como objetivo desenvolver um novo site que transmitisse credibilidade e seriedade.
Solução
Redesign do site da ONG Saúde da Rua
Após identificar os principais problemas que a ONG relatou, o primeiro time de voluntários realizou todo o trabalho de pesquisa (desk research e benchmarking) e porpôs as seguintes soluções:
FASE
Primeiras entregas
O time de designers que participaram da primeira fase desse projeto, desenvolveu a identidade visual do novo site e desenvolveram as páginas Inicial e Doações na versão desktop.
FASE
Continuação do projeto.
Minha participação se iniciou na segunda fase do projeto, e tínhamos como missão continuar o trabalho desenvolvido durante a primeira fase e entregar o site até dezembro de 2022.
Na segunda fase o projeto contou com a participação de mais de 40 voluntários e foi dividido em equipes multidisciplinares: Agilistas, Product Owners, UX Designers, UI Designers, Desenvolvedores (Front e Back end), Analistas de Q.A. e Time de pessoas.
Nosso trabalho foi desenvolvido de forma assíncrona, tendo 3 encontros semanais, sendo duas Weeklys com todas as equipes e uma mentoria.
Objetivos
Desenvolver e entregar o site da ONG Saúde da Rua.
As equipes foram divididas em duas squads principais sendo uma delas para o painel Admin do site e outra para desenvolver o site institucional, e pensando e otimizar o tempo e esforços nós do time de UX decidimos trabalhar em duplas e trios para desenvolver as páginas faltantes.
Primários
- Desenvolver uma solução unificada que permita que os usuários realizem doações, conheçam a ONG e possam se tornar voluntários.
Secundários
- Desenvolver a versão mobile das páginas já finalizadas
- Utilizar o Style Guide desenvolvido pelo time de UI para padronizar e desenvolver as outras páginas do site pensando em mobile first
- Realizar os arquivos Handoff para o time de desenvolvimento e acompanhar a construção das páginas.
em construção
em construção
Métodos
Desk research, Matriz CSD, questionário online (survey), entrevistas individuais e análise de competidores.
Objetivos de pesquisa
- Identificar e definir o público-alvo
- Compreender as mudanças de rotina causada pela pandemia e o hábito de estudar
- Identificar os desafios mais comuns ao estudar no formato online
- Compreender a relação dos estudos com a evolução do mercado de trabalho
- Analisar como a procrastinação prejudica o aprendizado
Questões de pesquisa
- Quem são as pessoas que estão realizando cursos no formato online? Quais os objetivos que elas querem atingir com esses cursos?
- Quanto tempo elas dedicam aos seus estudos? Como essas pessoas organizam suas rotinas e seus estudos?
- Quais os maiores desafios que elas encontram quando desejam estudar? E o que elas tem feito para melhorar esses fatores?
- Qual é a principal plataforma que essas pessoas utilizam para estudar?
- O que já existe no mercado e o que poderia existir?
Desk Research
Iniciamos as nossas pesquisas entendendo quais foram as mudanças de rotina causadas pela pandemia, e conseguimos identificar um grande aumento de pessoas adquirindo e realizando cursos no formato online com o objetivo de aprimorar e desenvolver habilidades pessoais e profissionais.
As pesquisas nos mostraram que realizar cursos online trazem benefícios, como possibilidade de adaptar os estudos de forma flexível dentro da rotina, porém estudos online também trazem desafios, como a procrastinação.
Para apronfundar os nossos conhecimentos através de pesquisas e artigos, dividimos as nossas pesquisas em quatro categorias principais, e assim conseguimos ter uma visão mais ampla das potencialidades e desafios mais comuns que serviriam de base para as próximas etapas de validação.<
Desk Research
Veja a nossa documentação
Principais descobertas
Impactos da pandemia
- 87% dos usuários entrevistados revelaram preocupação com sua capacidade de alcançar seu potencial.
- 57% responderam que gerenciamento de tempo e produtividade são habilidades que precisam aprender remotamente.
- 43% das pessoas adquiriram o hábito de estudar durante a pandemia e pretendem continuar.
Desafios no momento do estudo
- Procrastinação
- Falta de planejamento de uma rotina e não seguir um cronograma
- Desenvolver um cronograma
- ompensar o atraso estudando mais horas
Metodologias de ensino
- A adaptação ao mundo moderno exige uma educação permanente, tendo em vista o aumento da expectativa de vida da população.
Procrastinação
- 61% das pessoas procrastinam suas atividades, sendo 38,4% relacionado a estudos.
- 50% dos estudantes universitários procrastinam suas atividades de forma consistente e problemática.
O conceito de profissionais com constante aprendizado está cada vez mais comum, porém com uma rotina corrida e cheia de compromissos como podemos inserir um momento dedicado aos estudos que seja prazeroso e satisfatório? Essa foi a principal pergunta que nos acompanhou durante o desenvolvimento do nosso projeto.
Matriz CSD
Matriz CSD
Principais hipóteses
Certezas
- 50% dos estudantes universitários procrastinam suas atividades de forma consistente e problemática.
- 61% das pessoas procrastinam suas atividades profissionais ou pessoais, sendo 38,4% relacionado a cursos e faculdades.
- Aproximadamente 55,2% dos jovens consideram que ter “foco” é o comportamento que mais melhora a sua produtividade.
Suposições
- O excesso de informações pode causar desorganização.
- Um planejamento semanal com um horário fixo de aprendizagem pode ser forma de reduzir a procrastinação.
- Supomos que sistemas que possuem gamificação podem ajudar pessoas a desenvolverem melhores hábitos de estudo.
- Sons externos no ambiente e notificações podem interferir no rendimento do estudo.
Dúvidas
- Qual é o maior desafio em realizar um curso a distância?
- Quais são as práticas que as pessoas têm utilizado para aumentar / manter o foco durante os estudos.
- Qual é o perfil das pessoas que desejam melhorar seus hábitos de estudos?
- Qual é a principal plataforma de acesso para os cursos online?
Questionário online (Survey)
Possuímos como objetivo entender o perfil e como tem sido a experiência dos usuários que realizam cursos no formato online.
O questionário foi respondido por 72 pessoas e os resultados são os apresentados abaixo.
Resultados
Principais descobertas
- 63,8% já possuem o hábito de planejar parcialmente o seu dia.
- 69,4% tem como principal incentivo aprimorar habilidades profissionais.
- 38% possui um horário fixo para os estudos, ambiente exclusivo e / ou informa indisponibilidade.
- 66,67% já eram estudantes assíduos, possuíam rotina e estratégias para manter os estudos.
- 33% conheciam seu estilo de aprendizagem e usavam isso a seu favor.
- 66,67% disseram que motivação, objetivo e foco são essenciais para manter o ritmo.
Entrevistas
Nesse momento já possuíamos hipóteses fundamentadas em dados confiáveis, porém ainda precisávamos obter uma compreensão mais profunda sobre como o planejamento e a disciplina interferiam no processo de aprendizagem e quais estratégias esses usuários utilizam para obter sucesso em seus objetivos e quais são as maiores dores que eles ainda enfrentam ao realizar cursos online.
Entrevistamos 6 usuários que possuíam os perfis que identificamos com o questionário online.
Guia de Entrevistas
Tipo: Remoto
Localização: Brasil
Duração: 30 a 60 minutos
Participantes: 6 (pessoas que já realizaram um ou mais cursos no formato online)
Diagrama de Afinidades
Analisamos as entrevistas e categorizamos os dados em um diagrama de afinidades para encontrar temas comuns entre os usuários.
Destaque das entrevistas
“é você que busca o curso e não o contrário, então o que vocês está buscando ali? Qual é o seu objetivo com esse conhecimento? Acho que você tendo essa consciência do que aquilo vai te trazer é que você vai valorizar. Aii não interessa como é o curso, o seu conhecimento que você está buscando que é primordial para você achar aquilo interessante” – Participante 01
“O que eu acho importante é que a metodologia do curso, a forma ela tem que ser mais interativa, ela tem que conseguir de alguma forma prender mais a atenção das pessoas, e criar esse relacionamento entre os alunos e os professores. E o professor ele também tem que entender que ele precisa melhorar as suas habilidades de comunicação.” – Participante 02
“Quando se faz por conta, o maior inimigo sempre é tu mesmo” – Participante 03
“… eu gosto dos dois, porque é como você falou o ao vivo ele obriga, quando você a gente compra algo gravado acho que a gente tem que ter mais comprometimento ainda para estar lá, você tem que organizar a sua rotina e você tem que se sentir cativado e motivado a assistir…” – Participante 04 
“…eu terminava de trabalhar e eu já ia para a aula, e era como se eu estivesse estudando, como se eu estivesse saindo da minha casa para ir para a faculdade normal, eu tinha essa rotina, porém tem pessoas que estudam de outra maneira é uma questão de se adaptar, para mim eu criei essa rotina para mim, para poder conseguir” – Participante 05 
“…a webconferência fica gravada e eu vejo quando eu quiser. Essa questão da metodologia de eu ter que estudar alguns temas para desenvolver um trabalho, para mim é sensacional porque eu posso escolher a hora que eu quiser para fazer isso, posso me dispor para ver o conteúdo o dia e horário que eu quiser, pois alguns dias eu estou cansado e só quero descansar.” – Participante 06 Principais descobertas e insights
Desenvolver a sua própria rotina tem sido um grande benefício ao escolher realizar um curso no módulo online 
Ter a responsábilidade de organizar seus próprios estudos é muito bom ao mesmo tempo que é um desafio 
Ter uma interação e acompanhamento dos estudos é motivador 
Organização e motivação são essenciais para concluir cursos Análise de Competidores
Análise completa
✅ Possui um planejamento de estudo em ciclos
✅ Há uma variedade de cores e possibilidade de adicionar assuntos dentro de cada matéria ajudando a visualizar o que foi estudado
✅Analisa a melhor eficiência de acordo com a disciplina, período ou dia da semana
❌ Plataforma somente mobile
❌ A personalização dos estudos se torna cansativo e trabalhosa
✅ O usuário pode desenvolver o seu plano de estudos completamente personalizado.
✅ A plataforma possui frases motivacionais diárias
✅ Plataforma com visual consistente e intuitivo.
❌ Organização dos materiais de estudos confusa
❌ Possui um sistema responsivo (não é mobile first)
✅ Plataforma com visual simples. Integração entre plataforma desktop e mobile
✅ É possível selecionar a % de conclusão de uma atividade
❌ Possui um planejamento inflexível, estrutura escolar
❌ Não possui um sistema motivacional
❌ Não possui um sistema de métricas para apresentar ao usuário o resumo de seus estudos.
Principais descobertas e insights
A possibilidade de desenvolver o planejamento dos estudos de forma personalizada permite que estudantes de qualquer curso se adapte a plataforma 
A utilização de cores para matérias ou cursos diferentes acaba criando um visual interessante e intuitivo ao usuário 
Quanto mais fácil o usuário cadastrar seus estudos, mais motivado ele ficará a utilizar o site ou aplicativo 
Acompanhar o desenvolvimentos dos estudos de forma visual pode ser incentivador
Definir
Após apresentarmos o nosso case ao final do curso e receber os feedbacks dos nossos orientadores e avaliadores, como estudantes e profissionais de UX e UI inquietos decidimos retomar o projeto a partir dessa etapa com a intenção de aprimorar o produto desenvolvido.
Sabendo que todo produto digital é iterativo e possui um desenvolvimento constante reavaliamos as nossas análises e decisões para desenvolver um produto mais condizente com o nosso objetivo inicial.
Apesar do interesse de todos os integrantes em participar desse novo processo, infelizmente somente eu e o Otávio Zenker conseguimos desenvolver o projeto, a partir desse momento todas as documentações se referem as novas análises e decisões.
Com os resultados adquiridos em mãos, começamos a definir os nossos potenciais usuários e suas necessidades. Para sintetizar e analisar todos os dados utilizamos 2 métodos para a segunda fase do Double Diamond.
Métodos
Personas; costumer journey
Objetivos Principais
- Definir o público alvo e suas necessidades
- Compreender a jornada do usuário e onde o nosso produto poderia atuar.
Personas
Paty
Paty deseja aprimorar suas habilidades profissionais, para isso realiza mais de um curso por vez, desenvolveu uma rotina fixa de estudos e quando não consegue estudar em um horário já determinado compensa em outro momento na semana.
Ela sente a necessidade de organizar sua semana com antecedência e utiliza planner para isso.
Identificou que sente dificuldade em manter os estudos por períodos maiores de 90 minutos.
E para se manter motivada, utiliza-se do sistema de auto recompensas para verificar sua evolução.
Thiagão
Thiagão deseja migrar de carreira mesmo tentando desenvolver uma rotina de estudos, não está conseguindo colocar essas atividades como prioridade.
Já realizou cursos livres e cursos ao vivo no formato online e devido a falta de planejamento já perdeu a entrega de atividades do curso, fazendo com que se desmotivasse ainda mais.
Costumer Journey
Desenvolver
Com as análises realizadas nos processos anteriores e questionamentos sobre “Como poderíamos…” começamos a identificar possíveis interações de design, começando assim a nossa etapa de priorização e desenvolvimento.
Para começar a construir o nosso produto utilizamos 5 métodos.
Métodos
How Might We; Matriz 2×2; User Flow; Rabiscoframe; Wireframe
Objetivos Principais
- Identificar as funcionalidades que irão compor o produto digital
- Priorizar as funcionalidades essensciais para a primeira versão do produto
- Desenvolver o fluxo que o usuário irá percorrer dentro do produto para conseguir realizar seus objetivos
Brainstorming
A partir de perguntas com “Como poderíamos…” (How Might We) realizamos uma sessão de brainstorming onde exploramos o maior número de ideias e funcionalidades que poderíam ser utilizadas para potencializar os sucessos e resolver as necessidades dos nossos usuários.
Affinity Mapping
CALENDÁRIO PERSONALIZÁVEL
. O usuário consegue personalizar e modificar suas atividades de maneira individual.
MÉTRICAS
. O acompanhamento do seu desenvolvimento individual de forma simples e visual, ajuda o usuário a se manter motivado.
NOTIFICAÇÕES
. O recurso de notificações tem como objetivo ajudar o usuário a cumprir o cronograma que desenvolveu e motivá-lo a desenvolver a sua rotina de estudos.
CADASTRO DE CURSOS E ATIVIDADES
. Inserir informações de cursos e atividades, essas informações serão utilizadas para a visualização do planejamento individual do usuário pelo calendário e acompanhamento das métricas.
GAMIFICAÇÃO
. Fazer uma solução digital gamificada ajuda o usuário a ficar motivado a atingir suas metas e utilizar o produto.
SOCIAL
. Compartilhar seus objetivos e resultados com outras pessoas é motivador.
Priorização de Recursos
Priorizamos as seguintes funcionalidades
CALENDÁRIO PERSONALIZÁVEL
. O usuário poderá realizar o seu planejamento exclusivo de acordo com a sua disponibilidade individual de dias e horários.
. O usuário poderá desenvolver um planejamento fixo ou maleável de acordo com as suas necessidades e disponibilidades.
. O usuário pode alterar e modificar o seu planejamento.
MÉTRICAS
. O usuário poderá visualizar de forma visual através de gráficos como foi o seu desempenho e conclusão de seu planejamento individual.
. O usuário poderá ver o seu desempenho de acordo com as informações fornecidas do curso, essa métrica será mostrada em % de estudos concluídos de acordo com a carga horária do curso ou aulas concluídas.
OBJETIVOS E SUGESTÃO DE ESTUDOS
. Iremos identificar quais são os objetivos e motivações individuais para a realização do curso, essas informações serão utilizadas para motivar o usuário a cumprir seus planejamentos e metas individuais.
. Ao obter as informações de disponibilidade de horários do usuário e objetivo de quando o usuário deseja finalizar um determinado curso, caso o cronograma não seja compatível será notificado e sugerido um novo cronograma de estudos ao usuário.
CADASTRO DE CURSOS
. O usuário irá fornecer todos os dados do curso de acordo, inserindo as informações de acordo com a estrutura individual do curso.
. Terá uma personalização por tags (palavras-chave) que ajudarão o usuário a cadastrar suas futuras atividades e visualizar suas métricas individuais.
. Será identificado quando o usuário gostaria de finalizar o seu curso e verificar se com o seu planejamento esse prazo será suficiente para atingir suas metas
CADASTRO DE TAREFAS
. O usuário poderá inserir atividades que realizou.
. O usuário poderá inserir atividades que irão acontecer como provas e entrega de atividades.
. O usuário poderá personalizar lembretes das próximas atividades que irão acontecer para que não perca prazos e datas importantes.
NOTIFICAÇÕES
. As primeiras notificações que serão desenvolvidas terão duas categorias:
- Lembrete – o usuário será notificado sobre o seu cronograma planejado para o dia além de atividades e provas cadastradas.
- Motivacional – o usuário será notificado com informações sobre o seu desempenho individual para que se mantenha motivado e focado em seus objetivos individuais.
Devido aos recursos que gostaríamos de oferecer e por ser a plataforma mais utilizada para estudar por nossos usuários, escolhemos desenvolver nossa solução na versão Desktop.
User Flow
Próximos passos
Próximas atividades
. Rabiscoframe
. Wireframe
. Moodboard
. Definições Visuais
. Testes de Usabilidade
. Identificação de melhorias e oportunidades.
Lições aprendidas
Expandindo a Caixa de Ferramentas
ADurante os quatro meses do projeto, aperfeiçoei diversas ferramentas e metodologias relacionadas aos processos de UX e UI Design.
Documentação dos processos
Documentação é parte essencial de todo projeto, principalmente quando temos equipes multidisciplinares, devido ao prazo, alterações e adaptações foi possível perceber que quanto mais documentado e claro o projeto é, melhor todas as equipes desenvolvem suas atividades.
Adaptabilidade
Conhecer e entender a função de todas as equipes me ajudou a desenvolver ainda mais a minha adaptabilidade em desenvolver produtos.
Comunicação
Além da documentação, saber se comunicar com todos os membros das equipes permite que todas as atividades aconteçam de forma mais rápida e certeira, evitando retrabalho e confusões durante os processos.
Próximos passos
Estudos de UI Design
Desenvolver e entender cada escolha de design foi um processo encantador, quero aprender cada vez mais e ir aprofundando os meus conhecimentos nessa área.
Teoria vs. Prática
Ter colocado em prática um pouco dos meus conhecimentos, comprovou que muitas vezes precisamos nos adaptar e ser criativos ao desenvolver um produto, experiência prática é essencial para o aperfeiçoamento profissional.
Obrigada por ter lido até aqui. Feedbacks são sempre bem vindos!
Vamos conversar? Sempre estou disponível para conversas sobre arte, filmes, séries e ideias mirabolantes!
VAMOS CONVERSAR?
© Copyright 2022. Danielle Zipperer – UX Designer | Product Designer. Made with 
in Brazil.