Crescer+: acompanhando o desenvolvimento da criança
Como usamos o UX Design para entender a dor dos pais ou responsáveis que fazem uso da telepediatria e trazer uma proposta de melhoria.
O desafio
O cenário da pandemia trouxe grandes mudanças, principalmente na medicina. A covid-19 acelerou a busca por atendimento on-line, para que fosse evitado o atendimento presencial. Com isso, consultas na internet, como telepediatria, passaram a ser autorizadas e utilizadas pelos responsáveis. Sendo assim, decidimos seguir com o desafio:
Criar uma solução de telemedicina para ajudar os pais ou responsáveis a fazerem o acompanhamento da saúde da criança de forma on-line.
O desafio foi aceito pela equipe RaiUX, composta por: Alexandre Marques, Denise Bueno, Talita Portella, Wendel Santos e Yane Rodrigues.
Mostraremos nos parágrafos a seguir todas as respostas que encontramos, com base na pesquisa, e de que forma chegamos em uma solução eficaz.
O cenário atual
A chegada da pandemia aumentou o receio de levar crianças presencialmente em consultas de rotina e pronto-socorro.
De acordo com dados levantados pela Saúde Digital Brasil (Associação Brasileira de Empresas de Telemedicina e Saúde Digital), entre 2020 e 2021, mais de 7,5 milhões de atendimentos foram realizados, por mais de 52,2 mil médicos, via telemedicina no Brasil. Além disso, 91% dos pacientes tiveram seu problema resolvido e não precisaram ir ao pronto-socorro.
Porém, ainda existem dificuldades a serem enfrentadas no uso da telemedicina no Brasil, por exemplo: conexões lentas, distrações domésticas e problemas na comunicação.
Benchmarking
Com base nos estudos até aqui, foi realizada uma análise dos concorrentes diretos e indiretos da solução, quais são as funcionalidades, a forma de comunicação com o público e usabilidade.
Ao analisar alguns concorrentes como Vibe e Meu Dr Kids, percebe-se boa comunicação e fácil acesso às funcionalidades do aplicativo, porém é obrigatória a realização do cadastro, não sendo possível experimentar e ver suas funções. Além disso, não foram encontradas muitas informações sobre primeiros socorros ou tutoriais de como prosseguir em emergências. Confira o resultado do estudo realizado:
Objetivo do projeto
Nosso produto foi criado para que 5% dos pais e responsáveis com crianças de 0 a 14 anos, acompanhem o desenvolvimento da criança pela telepediatria, entre fevereiro a julho de 2022.
Usuários
O produto foi desenvolvido para pais ou responsáveis por crianças de 0 a 14 anos de idade que desejam acompanhar o desenvolvimento da criança por meio de uma plataforma telepediátrica.
Perfil dos usuários
Identificou-se que o público da solução são os pais ou responsáveis de crianças. Com base nisso, foi criada uma persona que está passando por desafios com seu filho, mas, ao mesmo tempo, busca ajuda na internet para se informar, além de trocar informações em fóruns com outras pessoas.
Apresentamos a Roberta da Silva com seu filho Pedro de 1 ano:
Contexto do usuário
Com base na persona, a jornada foi realizada para descobrir pontos importantes sobre os sentimentos que Roberta teve ao saber que seu filho, o Pedro, teve uma queimadura, quais atitudes tomou e seus principais pontos de angústia na jornada. A partir disso, foi possível identificar possíveis oportunidades para a solução.
A jornada da Roberta representa as decisões que foram tomadas ao perceber que seu filho sofreu uma queimadura:
Para que a história tenha mais detalhes sobre as ações tomadas pela Roberta, foi aplicada a técnica de Pixar Storytelling, conforme demonstrada abaixo:
Era uma vez a Roberta, vendedora, solteira e com um filho, que tem uma rotina agitada, se dividindo em cuidar da casa, criança e tarefas do trabalho.
Todos os dias saía cedo de casa para trabalhar preocupada com seu filho Pedro e se está bem na creche.
Um certo dia, ao chegar cansada do trabalho, Roberta foi preparar um chá. Mas Pedro sentiu sua falta e começou a chorar muito. Ela foi correndo buscá-lo no quarto com a xícara de chá na mão, tropeçou em um brinquedo e derrubou a bebida quente no filho.
Por causa disso, ela tentou ligar para a pediatra e enviou fotos da queimadura por WhatsApp, mas não obteve retorno. Também acessou fóruns na internet pedindo ajuda para outros pais e responsáveis sobre o caso.
Por causa disso, ela entrou em contato com a melhor amiga dela que indicou o aplicativo Crescer+ para ajudar como tratar queimadura.
Até que Roberta baixou o aplicativo, acessou a sessão "Primeiros Socorros", descobriu que a queimadura era de primeiro grau e realizou os procedimentos sugeridos no Crescer+. Depois, foram dormir mais tranquilos.
Primeira etapa de validação
Nesta etapa, foi necessário descrever e avaliar alguns pontos de incertezas e dúvidas da jornada e persona definida anteriormente. Para isso, foi aplicada uma Matriz CSD (certezas, suposições e dúvidas), conforme demonstrado abaixo:
Com as suposições escritas por cada integrante do grupo, foi definida a priorização por meio da Matriz Impacto x Conhecimento. Sendo os itens de maior impacto e menor conhecimento, os mais relevantes para seguirem nas etapas de validação da pesquisa:
Pesquisa Quantitativa
Antes de ocorrer a elaboração das perguntas do questionário, foram definidas as hipóteses para compreender qual é o objetivo do que será perguntado e o que gostaríamos de validar sobre o assunto, por exemplo:
Ao todo, foram 25 hipóteses formuladas. Para conferir o resultado desse trabalho, clique aqui.
A partir das hipóteses, as perguntas foram definidas e o questionário foi enviado por meio do Google Forms. Para acessar o formulário, clique aqui.
A pesquisa quantitativa obteve um total de 60 respostas entre 09/10/2021 e 11/10/2021.
Aprendizados:
- 30 a 40 anos
- Têm bom conceito dos serviços telepediátricos
- Por outro lado, apenas 31% voltaria a utilizar serviços telepediátricos sem hesitação. Os demais preferem a consulta presencial. Ainda assim, caso seja necessário, utilizariam esses serviços.
- Não têm bom conhecimento em primeiros socorros
- Utilizam a internet para medicar em casos leves.
- Buscam informações na internet sobre situações, sintomas e doenças da infância.
- E não sentem dificuldade em expressar o que as suas crianças sentem.
Confira os principais aprendizados da pesquisa quantitativa:
Além dos resultados acima, destacamos também estes:
Pesquisa Qualitativa
A etapa de pesquisa qualitativa contribuiu para aprofundar algumas questões que ficaram abertas da etapa anterior e outras dúvidas que surgiram após os resultados.
Ao todo a pesquisa obteve 6 respondentes. Para conferir as perguntas feitas nesta etapa, clique aqui.
Aprendizados:
- O contato com pediatra via WhatsApp acontece principalmente para tirar dúvidas;
- Há certa dificuldade em manter um pediatra fixo;
- Consideram importante que o pediatra tenha um bom relacionamento com a criança, não sendo um encontro objetivo apenas entre médico e paciente.
Principais resultados das pesquisas
Para mais detalhes do processo de pesquisa completo, acesse aqui.
Alternativas de solução
Para compreender as principais oportunidades de solução, foi utilizada a técnica How might we (Como poderíamos?). Nesta etapa, foram descritas as principais dores que surgiram durante a pesquisa e como poderíamos contribuir para melhorar aquela "dor". Confira abaixo:
Após isso, as principais soluções foram priorizadas por meio da Matriz de Impacto X Esforço.
No esforço consideramos:
- Esforço de adoção pelo usuário
- Esforço de construção
- Esforço do cenário geral (regulamentações, política, etc)
No impacto consideramos:
- o que pode ser mais valoroso para o usuário
- o que gera o melhor retorno sobre o investimento
Com a Matriz realizada, priorizamos as soluções com maior impacto e menor esforço. Conforme abaixo:
A solução
Um aplicativo de suporte aos pais ou responsáveis, por meio de uma plataforma que possui artigos, fórum para troca de experiências, procedimentos de primeiros socorros, cadastro de informações e entre outras funções. Tudo isso em um aplicativo de fácil acesso sem a realização obrigatória do cadastro para a maioria das funções. Confira mais informações abaixo:
Com a solução definida e priorizada, iniciamos a fase de ideação do produto. Para isso, algumas anotações de pontos importantes do projeto até aqui foram realizadas e, a partir disso, foi aplicada a técnica Crazy 8's. Isso contribuiu para explorar e desenvolver uma ampla variedade de soluções do problema.
Após isso, todos os desenhos feitos pelos integrantes do grupo foram analisados e refinamos até chegar em um único desenho por meio da técnica rabiscoframe, conforme abaixo:
Para avaliar como ficaram as telas, criamos um protótipo de baixa fidelidade pela ferramenta Marvel. Você pode testar o protótipo clicando aqui.
Wireframes e Fluxos dos usuários
Após a realização do rabiscoframe, foi criado o protótipo de média fidelidade para realizarmos testes com usuários. Isso contribuiu para refinarmos ainda mais o aplicativo, confira as telas abaixo:
Para ver todas as telas do wireframe e suas respectivas informações, acesse abaixo:
Primeiro teste de usabilidade
O primeiro teste de usabilidade foi feito por meio do protótipo de média fidelidade. Foram definidas 8 tarefas para serem realizadas:
Aprendizados:
- Testar todos os caminhos e seus respectivos links;
- Cadastro da criança precisa estar claro logo no início do App;
- Clareza em alguns termos;
- Melhor visualização de carrossel;
- Retirar o campo de “Pesquisa” logo na tela de início, já que existe na Navbar;
- Criar tutorial para ficar mais clara a existência do Menu Hambúrguer.
Para mais detalhes do testes, acesse o documento "Testes de Usabilidade — Crescer+".
Guia de estilos
O Guia de Estilo foi desenvolvido com base nos resultados das pesquisas que validaram o público-alvo e o sentimento esperado por eles.
Buscamos cores que traduzam o cuidado, que sejam amigáveis e mantenham um tom pacífico em relação à saúde das crianças e seus responsáveis.
Cores
Foi feita a escolha de tons frios, como azul e verde, para transmitir saúde, crescimento, segurança e força, de maneira pacífica; e o laranja para transmitir confiança e alegria de maneira amigável. A composição utiliza o azul em diversas tonalidades como cor principal e o verde e laranja como cores complementares, para CTA e alerta, consequentemente. Os tons neutros estão em escala de cinza. A maior parte da interface conta com espaço para respiro em fundo branco com a fonte em cinza 900.
Tipografia
A tipografia escolhida foi a Montserrat como única fonte para o projeto e em dois pesos, Regular e Bold. Além de ser a fonte do logo, a escolha da Montserrat também ocorreu porque possui um bom espaçamento entre as letras e ótima legibilidade. Sua renderização também é bastante fluida por fazer parte das fontes disponíveis no Google Material Design.
Botões
Os botões foram pensados de acordo com as cores definidas na paleta de cores e tipografia. Escolhemos aplicar o radio de 10px nas bordas para criar uma sensação agradável e leve ao layout. Utilizamos 3 padrões de tamanho, sendo: large, medium e small, para adequá-los às mais diversas possibilidades de uso.
Formulários
Assim como os botões, os formulários também seguiram o mesmo estilo de cores e tipografia, aplicando também o radio de 10px nas bordas.
Assets
Os elementos que compõem o key visual foram embasados no material design e possuem como cores principais o azul e o laranja. Como header, bottom navigation, cards, check boxes, switches, date pickers e o sandwich menu.
Ícones
Os ícones foram compostos de maneira leve e em sua grande parte curva, para criar harmonia entre a leveza do key visual desenvolvido e as bordas arredondadas dos formulários e botões.
Avatar
Para tornar a experiência mais dinâmica e permitir a não exposição de fotos reais das crianças, foram criados avatares de diversas etnias para representar de maneira lúdica a criança que será acompanhada por meio do aplicativo.
UX Writing
O conteúdo de UX Writing levou em consideração o tom de voz proposto para a marca por meio das dinâmicas que foram realizadas. A frase que norteou a escrita foi:
Se a Crescer+ fosse uma pessoa, seria informativa e falaria de forma amigável.
Protótipo de alta fidelidade
Após as pesquisas realizadas anteriormente, alguns ajustes foram realizados com base nos retornos e aplicamos as cores, fontes, ícones e tudo que já havia sido definido do guia de estilo.
Você pode acessar o protótipo clicando aqui.
Testes de usabilidade
O segundo teste de usabilidade do projeto foi realizado já em alta fidelidade, por meio de uma videochamada com cada participante.
Ao todo, foram 9 tarefas para serem executadas dentro do próprio Figma. Para mais detalhes sobre o roteiro, acesse o documento "Roteiro — Teste de Usabilidade — Alta fidelidade — Crescer+".
Principais aprendizados:
- Exibir marca “Crescer+” no aplicativo;
- Exibir notificações de acordo com a faixa etária da(s) criança(s) e também sobre as doenças mais comuns;
- Considerar grau de relacionamento do responsável com a criança no cadastro da criança;
- Deixar clara que informações das sessões “Conhecer+” e “Primeiros socorros” são validadas por profissionais da saúde;
- Ter uma tela ao final da tour pra indicar seu fim;
- Exibição do Calendário de Vacinação do Brasil;
- Na sessão “Controle de saúde”, reduzir tamanho das categorias para caber as 4 na mesma página, sem necessidade de utilizar setas para navegar;
- Na sessão “Fórum”, modificar o termo “tópico” para indicar a criação de uma nova pergunta;
- Tornar a linguagem mais amigável e próxima;
- Sincronizar as informações com outra conta, caso mais de um responsável da(s) mesma(s) criança(s) tenha o aplicativo.
Essa etapa de testes foi significativa e parte das modificações foram agregadas ao aplicativo Crescer+, proporcionando melhor usabilidade à versão final.
Para mais detalhes dos testes, acesse o documento “Testes de Usabilidade — Crescer+”.
Conclusão e aprendizados
O projeto Crescer+ nos fez refletir sobre a jornada do usuário, desde a fase de entendimento do problema até sua execução. Foi o primeiro projeto de UX Design da maioria dos integrantes da equipe, o que fez nos unirmos como equipe e agregarmos as experiências de cada um no projeto.
O tema escolhido sobre telepediatria, nos mostrou que ainda existem lacunas no Brasil devido o acesso à tecnologia. Além disso, para os que possuem este acesso, há uma resistência no seu uso, preferindo o atendimento presencial. Este contexto foi desafiador e nos propusemos a criar uma solução para facilitar o controle de saúde da criança.
É incrível pensar que todas as decisões tomadas até aqui foram embasadas unicamente no que era melhor para o público do App Crescer+. Além disso, percebemos o quão vasto é o Design e que cada lei, padrão e princípio de UX contribuiu para desenvolver este projeto.
Agradecemos ao professor Leandro Rezende, do UX Unicórnio, por suas orientações e, principalmente, por nos instigar a olhar além de uma solução, considerando todas as etapas da jornada de UX, buscando questionamentos e respostas ao longo do processo.
É importante observar que o projeto Crescer+ trata-se de um estudo de caso. Ou seja, é um projeto que abre espaço para aprimoramentos futuros.
Agradecemos por ter lido este artigo até aqui 😊
Bata quantas palmas quiser para sabermos se gostou e deixe seu comentário!
Quer falar com a gente? Vamos nos conectar!
