Este projeto foi desenvolvido individualmente como desafio de uma candidatura para vaga de UX Designer. O desafio foi proposto pelo cliente Gama, um cliente imaginário: "Melhorar o portal de serviços públicos". Segundo o cliente, foi identificada uma baixa procura dos cidadãos aos serviços ofertados no seu portal, a sua avaliação prévia apontou que existem poucos serviços disponibilizados para seu público e as informações não parecem ser tão intuitivas e fáceis.
O produto digital aprimorado escolhido foi o portal mobile de vacinação para Covid-19 do Recife, que tem como público alvo todos os cidadãos recifenses que buscam se vacinar contra a Covid-19. Assim, a meta do projeto foi trazer um meio de realizar o cadastro e agendamento da vacinação com canais para tirar dúvidas e com riqueza de informações sobre o imunizante e sobre o procedimento.
Eu fui o responsável por todas as etapas do projeto e utilizei do Double Diamond como método para realização deste estudo de caso. A seguir está o estudo de caso completo do portal de vacinação para Covid-19 do Recife, que encontra-se, atualmente, finalizado.
Lembro exatamente o dia que todos os locais de onde eu moro fecharam devido a pandemia do corona vírus, dia 14 de março de 2020. Quase dois anos de quarentena só foram flexibilizados depois do surgimento da vacina para Covid-19, no entanto a solução para esse problema também era um "problema".
Muitas pessoas não queriam se vacinar e o processo, ainda por cima, era confuso e complicado, até mesmo eu, experiente com tecnologia, tive problemas diversas vezes com sua plataforma.
Quando, em uma das candidaturas para vagas de UX, me deparei com o desafio de "melhorar um portal público", a primeira coisa que veio em minha mente foi: O PORTAL DE VACINAÇÃO PARA COVID-19 DO RECIFE. Assim, embarquei sozinho nessa aventura de dois dias (prazo do desafio).
O problema trazido pelo cliente imaginário Gama foi que o seu portal estava com uma baixa procura de cidadãos em seu serviços ofertados, devido a baixa quantidade deles e as informações não serem intuitivas e fáceis.
A meta do processo seria melhorar o portal de serviço público do cliente Gama, com um deadline de dois dias.
As ferramentas usadas foram: papel, lápis, Figjam e Figma.
Metodologia do processo: Double Diamond.
Segundo dados do G1, a média móvel de mortes devido a doença indica tendência a queda e, segundo a folha de Pernambuco, o número de mortes do estado está baixo. Por que então o tema "corona vírus" continua relevante?
No dia 28/06/2022, a Fiocruz publicou uma pesquisa sobre um grupo que ainda está passando pelo processo de vacinação, as crianças. A fundação trouxe que a Covid-19 mata dois menores de cinco anos por dia no Brasil e que nos dois primeiros anos da pandemia 1.439 crianças menores de cinco anos morreram devido ao vírus, sendo quase metade desses óbitos na região Nordeste.
Desse modo, o tema continua relevante, uma vez que o portal de vacinação é o meio pelo qual permite os pais ou responsáveis se vacinarem e a seus pequenos.
Entrevistei cinco pessoas na faixa de 25-60 anos com a finalidade de entender quais os pontos problemáticos do portal. Uma dessas pessoas era um médico e outra possuía dificuldade visual.
Levantei perguntas como:
Qual o maior problema enfrentado no cadastro e agendamento da vacinação?
Qual serviço no portal você acha necessário?
Qual informação no portal você acha necessária?
O que você mudaria na plataforma?
Desenvolvi, também, um storyboard hipotético de como o usuário "Joãozinho" estaria se deparando com o problema no portal de vacinação no seu dia a dia.
Escolhi três capitais distintas para ver como seus portais de vacinação para Covid-19 estavam estruturados. São Paulo, por ser um grande centro econômico e tecnológico do país, João Pessoa e Salvador, por serem próximos do Recife e referências na região Nordeste.
Analisei a experiência no website mobile, os serviços oferecidos e as informações contidas no portal. Dos pontos positivos oferecidos em cada um dos portais, os que mais se destacaram foram:
Eu voltei aos dados da entrevista e filtrei eles, montando um mapa de afinidades. Dividi-los seguindo um padrão de semelhança entre as menções dos participantes, encontrando, então, os pontos de dores - tudo aquilo que foi mencionado que deixou a experiência deles pobre.
Os pontos de dores foram:
Ausência de informações sobre o imunizante, o processo de vacinação e o vírus;
Ausência de suporte;
Acessibilidade fraca;
Pouca disponibilidade de vacinas, locais e horas;
Não existe notificações sobre a vacina;
Processo de cadastro e agendamento sendo um empecilho.
Tendo em mãos as características que afligiam os recifenses usuários do portal de vacinação, era hora de tentar entender o que eles passavam durante o processo de cadastro e agendamento, visando simpatizar ainda mais com as suas frustrações. O modo que adotei para isso foi mapeando suas ações, com a jornada do usuário.
Com essas informações em mão fui capaz de entender o que os usuários do portal de vacinação passam para concluir o processo principal - cadastro e agendamento - além de identificar oportunidades no decorrer do passo a passo. O exercício de empatia estava concluído, por enquanto.
Restava agora refletir na construção da declaração do problema. Aproveitando o usuário fictício criado no primeiro storyboard, o Joãozinho, desenvolvi uma declaração de problema que girava em torno dele.
"Joãozinho é um cidadão recifense que precisa se cadastrar e agendar sua vacinação facilmente, porque ele precisa voltar à sua vida normal, sem correr riscos de contrair um caso grave de covid19."
Logo,
"Se Joãozinho usar o portal de vacinação para covid19 do Recife ele vai conseguir se cadastrar e agendar sua vacinação de forma rápida e fácil."
Depois dessa hipótese de solução, eu imaginei como seria a sua jornada de Joãozinho no futuro, quando ele usasse a minha solução para o portal de vacinação de Covid-19 do Recife:
A fim de chegar em soluções de design que atendessem as necessidades apontadas durante as entrevistas, transformei cada ponto de dor em perguntas "Como podemos...". Essa metodologia permitiu criar ideias para cada umas das questões trazidas. Dentre as várias as que mais se destacaram:
Como podemos trazer mais informações sobre o imunizante, o processo de vacinação e o vírus?
Como podemos garantir de suporte aos usuários do portal de vacinação?
Como podemos melhorar a acessibilidade do portal?
Como podemos melhorar a disponibilidade de vacinas, locais e horas?
Como podemos notificar sobre a vacinação?
Como podemos deixar o processo de cadastro e agendamento mais fácil e simplificado?
As ideias geradas por meio do "Como podemos..." foram priorizadas em uma matriz Moscow, que ajudou a determinar o que seria essencial para o funcionamento do website. Os pontos obrigatórios ditaram os futuros passos a serem tomados para concluir o cadastro e agendamento, já os outros indicaram melhorias futuras e serviços paralelos.
Dessa maneira, estabeleci que a meta do produto seria:
"O portal de vacinação de covid19 de Recife vai permitir que seus usuários se cadastrem e agendem a sua vacinação, afetando os recifenses por meio da simplificação do processo, com canais para tirar suas dúvidas e com riqueza de informações sobre o imunizante e o sobre procedimento."
Traçado os itens, serviços e informações que o portal deveria ter, comecei a trilhar o caminho no website que os recifenses precisariam fazer para concluir o cadastro e o agendamento.
Montei o fluxo do usuário com o passo a passo e, posteriormente um sitemap sintetizando a arquitetura da informação com a estrutura do website.
Agora que eu tinha todas ações e itens necessários para montar o cadastro e agendamento no portal de vacinação era a hora de transformar isso em rascunhos, desse modo eu poderia, posteriormente, implementá-los em alta fidelidade.
Fiz cinco rabiscos para cada uma das telas principais do website e este foi o resultado da escolha dos recursos que fariam mais sentido com a nova cara do portal:
Por se tratar de um desafio de dois dias de uma candidatura, não realizei o teste de usabilidade do portal. Portanto, depois dos wireframes, parti para sua implementação em alta fidelidade.
Para montar o protótipo de alta fidelidade, comecei escolhendo as cores. Tomei como base a paleta que o site atual possui.
Além disso, mantive as mesma tipografia do website original.
Criei, também, botões, barras expansíveis e formulários, tomando como base os modelos que já existentes no portal atual.
Ademais, implementei cards dos locais e da hora.
Link do protótipo em alta fidelidade
O maior desafio desse projeto foi o tempo, pois foi o desenvolvido com o menor prazo de término que já desenvolvi um projeto. Do ponto de vista técnico, pude usar sitemaps pela primeira vez e ver seus benefícios de juntar a arquitetura da informação da página e sua estrutura de forma ampla e visual.
A minha maior dificuldade encontrada foi a gestão do tempo, como o projeto foi realizado em apenas dois dias tive que ser flexível e veloz na entrega, consegui realizar isso por meio da técnica pomodoro de estudo - fazendo ciclos de foco de 25 em 25 minutos - e de um planejamento rigoroso das etapas a serem seguidas.
Socialmente falando, conseguir converter dados em um projeto de forte impacto social, permitindo ajudar, principalmente, pessoas marginalizadas no processo de vacinação (idosos, analfabetos, pessoas de baixa renda etc). Desse modo, as melhorias no site podem diminuir a evasão das pessoas durante a etapa de cadastro e agendamento da vacinação, consequentemente, garantindo maior número de pessoas imunizadas contra a Covid-19.
Os próximos passos no produto revelados, principalmente, pela jornada do usuário:
Ampliar os novos caminhos do website (Agendamento via telefone, domiciliar, de equipe de saúde etc);
Locais de agendamento presencialmente;
Melhorar os filtros disponíveis e colocar uma barra de pesquisa;
Preencher a área de dúvidas com as "dúvidas mais frequentes", deixando ela mais robusta;
Garantir que todos os veículos de suporte estejam funcionando adequadamente;
Atualizações da plataforma constantemente;
Preenchimento automático quando possível;
Agendamento automático da próxima dose;
Estimativa da próxima vacinação.
Já as oportunidades para a prefeitura
Maior quantidade de locais e horários para vacinação;
Fazer rondas de cadastro da equipe de saúde rotineiras em comunidades;
Ampliar a equipe de agentes de saúde;
Textos informativos sobre a vacinação (Propagandas com benefícios da vacinação);
Comprar mais vacinas;
Notificações (sugestão/guia para próxima vacinação, dias das vacinações, ligação ou whatsapp quando estiver perto da disponibilidade, sobre o decorrer do processo)