Benchmarking — DrVaccin

Durante o desenvolvimento do App Dr.Vaccin senti necessidade de pesquisar o mercado dos aplicativos de registro de vacinas disponíveis.

Sendo assim, selecionei alguns desses aplicativos para uma análise mais detalhada buscando por inspirações e eventuais problemas a serem evitados no desenvolvimento do da solução Dr.Vaccin.

Segue abaixo alguns destaques desse estudo. Na ocasião ressalto que o objetivo desse artigo não é o de apresentar uma análise minunciosa sobre os aplicativos selecionados, mas sim de elencar alguns apontamentos oriundos dessa análise:

App Minhas Vacinas (Sociedade Brasileira de Imunizações — SBIm):

Dentre os aplicativos testados, o app Minhas Vacinas chamou a atenção pela forma simplificada de organização do calendário de vacinas (tela A). Outros pontos positivos foram:

• a inserção de informações mais aprofundadas acerca da vacina e doença a ser prevenida (tela B)
• a possibilidade de geração de um documento pdf seja para impressão ou compartilhamento do cartão de vacinas (tela C)
• a existência de um alerta importante a ser observado pelo usuário no caso de uma vacina em particular sendo enfatizada (tela D)
• a possibilidade de criar lembretes

Além disso, é possível, numa mesma conta criar outros perfis de acompanhamento, o que permite que pais possam criar perfis para seus filhos em suas contas próprias.

Por outro lado, algumas situações foram observadas de maneira não tão positiva:

• os botões “Família SBIm” e “Portal SBIm” são na verdade links que levam o usuário para fora do aplicativo (tela 1)
• o botão de compartilhar aparece em diversas telas indistintivamente inclusive sem que uma conta esteja criada (tela 2)
• no menu inferior, a identificação a alteração de cor do ícone que indica a tela atual é muito sutil
• ao preencher a primeira linha do formulário nota-se que o teclado está cobrindo o restante do formulário sem apresentar o botão responsável por minimizar o teclado e retornar ao formulário (tela 3)
• a utilização de carrosel para data, faz com que nascidos em datas distantes percorram uma longa lista até encontrarem a opção desejada (tela 4)
• o menu dropdown para troca de usuário está ativo mesmo na hipótese de apenas um usuário cadastrado e quando clicado apresenta a situação da tela 5

Além disso:

• a indicação de que a dose da vacina foi tomada pode passar despercebida pelo usuário (imagem 6, tela cederneta em diferentes estados)
• a interface na seção caderneta para registro de dose pode causar confusão no usuário(tela 7)
• os alinhamentos dos botões na seção calendário precisam de ajustes (tela 8)

App VacineMe:

O aplicativo VacineMe trouxe alguns incômodos já na hora do cadastro:

• insistiu em pedir número telefônico do celular (telas 1 e 2), sendo que tal informação não é essencial para o funcionamento do app
• permitiu o cadastro de um perfil sem a inserção de data de nascimenta, esta sim informação essencial ao funcionamento correto da carteira de vacinação e somente avisou da essencialidade após a criação do perfil, exigindo o retorno do usuário ao perfil para inserção(tela 3)
• mais de uma mensagem de alerta em sequência tornando a experiência do usuário frustrante, tais informações poderiam ser informada por ocasião da criação do perfil e onboarding (tela 3 e 4)

Dentre os pontos negativos observados no uso da carteira de vacinação, destaco alguns abaixo:

• de todos os aplicativos testados, o VacineMe foi o que utilizou fontes com o menor tamanho, prejudicando a leiturabilidade (tela 1)
• a informação sobre a vacina está bem resumida
• ao clicar no botão “data da dose” (tela 3), o teclado cobre o campo de formulário de preenchimento, de modo que o usuário não consegue ler o que está sendo digitado (tela 4)

Como ponto positivo destaco a possibilidade do usuário tirar a foto de sua carteira de vacinação para que um funcionário do app VacineMe faça o cadastro.

App Dr. Luke:

O app dr. Luke serviu de fonte de inspiração para o projeto do Dr.Vaccin em razão da maneira lúdica com a qual foi criado o projeto. Alguns dos motivos que me levaram a escolher o desafio da vacinação no início dessa jornada foi a possibilidade de elaborar algo que pudesse ter como inspiração cartoons e ilustrações infantis. O nome dr. Vaccin já havia sido escolhido antes mesmo de conhecer o app dr. Luke, uma vez que a ideia inicial era que a solução pudesse de alguma forma cativar a criança e quebrar o medo da vacinação por meio da criação de um personagem. Destaco ainda que além de aplicativo o produto conta também com site onde é possível acessar um blog entre outras funcionalidades.

O app dr. Luke apresentou algumas escolhas de design que chamaram a atenção:

• a facilidade de criação da conta
• ux writing — a linguagem utilizada e a maneira de apresentar as informações de modo informal e fácil de ler, sem perder informações importantes
• a maneira de organização e distribuição das vacinas por faixa etária, bem como a utilização da ilustrações ao longo da carteira como a da figura do escudo, remetendo à proteção
• a disponibilização de informações mais detalhadas sobre a vacina, como reações adversas, contraindicações entre outras
• o acréscimo de uma área específica sobre o desenvolvimento da criança e a possibilidade de cadastrar todo o acompanhamento do crescimento e aquisição de habilidades da criança, bem como dicas de como os pais pode auxiliar nesse processo

Mas também houve diversos pontos que não agradaram, abaixo cito alguns exemplos:

• até o momento da análise estava disponível apenas para sistema IOS
• cores utilizadas: o contraste em alguns momentos não é favorável à acessibilidade de usuários como problemas de visão mais severos
• ao cometer um erro no cadastro da senha, o alerta para correção permaneceu ativo mesmo com a devida correção durante as etapas seguintes de cadastro (telas 1 e 2)
• as funcionalidades de cadastro de vacina e da clínica visitada não funcionaram no período do teste, o que prejudicou a análise nesse quesito em particular (telas 3 e 4)
• tela de notificações em branco ou “empty state”, uma oportunidade perdida para interagir com o usuário por meio de um ux writing criativo (tela 5)

App Conecta SUS:

Durante o seu manuseio, a utilização do aplicativo do conecta SUS apresentou alguns problemas.

• onboarding de difícil leitura com aparente equívoco na resposividade do app em relação ao acesso mobile: imagem e textos no momento do acesso estavam desproporcionais ao tamanho da tela, não sendo possível a leitura completa da informação, inclusive sem contraste adequado entre as cores do fundo e do texto.

• embora seja um aplicativo vinculado ao ministério da saúde no momento de acesso o incentivo ou reforço à importância da vacinação estava limitado ao vírus Covid-19 (tela A e tela B)
• funcionalidades limitadas: a carteira de vacinação estava limitada à vacinação contra o covid-19 no momento do acesso e havia diversas funções ainda em construção (tela B e tela C)
• ao acessar o calendário de vacinas verifiquei que as informações sobre as vacinas estão bem resumidas informando apenas a doença que previnem e quantidade de doses (tela D)

Na interface podemos observar ainda o seguinte:

• na tela do calendário de vacinas (tela D) o carrosel utiliza apenas uma sombra sutil p/ indicar a opção escolhida pelo usuário, não se utilizando de outras possbilidades de disntinção como por exemplo a diferença de tamanho
• a tela de login conduz o usuário ao site do governo executivo sem no entanto explicar que os dados de login e senha para entrar no app são os mesmos, ficando apenas sub-entendido.
• espaço em branco no da tela inutilizado (tela 4)
• uniformidade: o fundo azul utilizado na tela 4 não foi utilizado nas demais telas de hierarquia semelhante (comparação entre a tela 4 — menu “mais”, tela 3 — menu “home”, tela 6 — menu “histórico”)
• ao entrar no app e ao observar o menu inferior, percebe-se que não há alteração no ícone “home” o que indicaria em qual tela o usuário se encontra, essa alteração nos ícones só ocorre quando pressionados (tela 3)
• alguns ícones utilizados foram preenchidos com tom de cor que dificulta a identificação dos traços e sentido por pessoas portadoras de baixa visão (tela 5), além disso verifica-se uma falha de alinhamento dos botões dessa seção

Contudo, observei diversos pontos positivos, sendo os de maior destaque:

• Possui uma seção de FAQ ou Perguntas frequentes, o que não foi observado nos demais aplicativos
• Há diversas funcionalidades que não puderam ser testadas mas que representam um avanço tecnológico importante em termos de prestação de serviços públicos da saúde quando forem implementadas. Como exemplo cite-se a possibilidade de agendamento de consultas, acesso a resultado de exames, medicamentos, procura de hospital ou posto de saúde próximos ao usuário entre outras.

Conclusão

Após testar os aplicativos acima foi possível não só encontrar inspiração para novas ideias, mas também entender ainda mais a importância de se pensar no design de forma focada nas necessidades do usário.

Alguns pontos teóricos importantes a ser ter em mente que pessoalmente chamaram bastante a minha atenção após a conclusão desse estudo: a) Lei de Prägnanz a simplicidade evita a sobrecarga de informações; b) Estética e design minimalista (heurística número 8 de Nielsen), foco no essencial em relação à interface; c) Consistência e padrões no design desenvolvido (heurística número 4 Nielsen); d) importância do design responsivo ou responsive enabling design pattern, a fim de evitar frutrações do usuário e prevenir erros.

Por fim, é bom relembrar que o DrVaccin é m app vinculado a um serviço público, de maneira que ficou patente ao final dessa pesquisa a importância de fazer escolhas de design que tenham em mente a acessibilidade e a inclusão digital.