Maskot: Melhorando a saúde animal em tempos de isolamento

Como utilizamos UX Design para melhorar a conexão entre tutores e veterinários promovendo o bem estar de pets.

Maria Fernanda Adamowski
10 min readJul 14, 2021

O desafio

Durante o ano de 2021, nosso grupo aceitou o desafio de ajudar uma cooperativa que desejava criar um aplicativo para facilitar o acesso entre tutores (donos de pet) aos veterinários, ressaltando a importância de atender clientes que residam mais perto de consultórios, distribuindo a demanda para não superlotar um e prejudicar outro profissional, principalmente nesse momento de pandemia e isolamento.

Ao analisarmos o estudo de caso, percebemos que priorizar a saúde do animal e sua segurança quanto ao profissional seria a chave para cumprirmos o desafio.

Portanto, apontamos a seguinte questão:

Como conectar veterinários e tutores, de uma mesma cidade, em um único lugar a fim de conseguir promover de maneira segura e adequada a saúde animal?

O Cenário Atual

Com mais de 141,6 milhões de animais de estimação, o Brasil é um dos principais países em escala global a se destacar no universo pet. Atualmente, em território nacional, existem mais de 80 mil veterinários em atuação e mesmo durante a pandemia, afirmam não ter sofrido mudanças em seus faturamentos.

Com base nisso, nos tempos de isolamento o número de pets adotados apresentou um crescimento, pois o contato de tutores com seus animais de estimação se tornou maior, sendo nítido a busca para reduzir sintomas de estresse e ansiedade. Assim, diversos públicos procuram profissionais capacitados que ofereçam serviços bons e especializados de acordo com suas necessidades, garantindo saúde e bem estar aos seus pets.

Ademais, surgiram inúmeros tipos de atendimentos para melhorar o conforto dos tutores durante o período de isolamento. Com isso em mente, eles oferecem a possibilidade de consultas domiciliares, clínicas especializadas e até mesmo serviços gratuitos disponibilizados pelo governo. Visto que, existem diversas preocupações de tutores em relação a preços e especializações no mercado veterinário, pois são fatores decisivos para as fidelizações.

Portanto, é notório o crescimento dos investimentos realizados nas áreas em expansão de serviços: e-commerce, atendimentos online, aplicativos e startups, para oferecer a melhor saúde aos pets, durante a pandemia. Por isso, garantir alternativas que possam gerar maior segurança e confiabilidade, é um fator extremamente necessário para o crescimento do mercado e de seus consumidores.

Objetivos de negócio

Após observar o contexto em que nosso problema estava inserido, decidimos que o foco de nosso projeto seria a garantia da saúde animal. E a melhor maneira de conseguir alcançar essa meta em nossos objetivos de negócio seria através da técnica S.M.A.R.T.

Definimos que nossas metas seriam:

Facilitar em 50% o agendamento de consultas veterinárias, conseguir o dobro de clientes fidelizados em 3 meses e aumentar a divulgação de serviços pela região, seriam os melhores objetivos de negócio para garantir a saúde animal.

Usuários

Portanto, com base nas pesquisas, observa-se que os usuários que necessitam do produto são:

Perfil dos usuários

Nosso próximo passo foi criar uma persona (editada pós pesquisas) para identificarmos quais eram os principais problemas do público-alvo.

Contexto dos usuários

Montamos o mapa da jornada do tutor, para sabermos em quais pontos poderíamos disponibilizar serviços de maneira estratégica, melhorando assim a experiência de nossos clientes e gerando empatia no processo de criação do produto.

Montamos um mapa para a jornada do tutor, em que ele teria acesso ao produto e assim poderíamos saber quais pontos disponibilizar dentro do aplicativo e melhorar a experiência dos nossos clientes, gerando empatia no processo de criação.

Pixar StoryTelling

O Pixar Storytelling foi uma técnica que utilizamos para contar uma história por meio da narrativa, que ajudasse na compreensão de quem são nossas personas e o que fazem.

Matriz CSD

Após definirmos nossa personas, decidimos estudar suas principais dores. Por isso, formulamos diversas hipóteses e as colocamos em uma matriz C, para descobrir quais seriam os principais problemas que poderíamos validar e resolver a fim de ajudar os usuários.

Primeira etapa de validação

Observamos o que precisávamos validar e a partir disso decidimos realizar uma pesquisa quantitativa (para entendermos os reais problemas) e uma qualitativa (para entendermos porque são problemas) para descobrir quais seriam as principais alternativas de solução para nossos usuários.

Pesquisa quantitativa

Começamos com a realização de uma pesquisa quantitativa, baseada em dúvidas e hipóteses presentes nas matrizes CSD e de Impacto X Conhecimento. Ela foi disponibilizada em vários meios de comunicação online e obteve 115 respostas, nos expondo diversos esclarecimentos relevantes a serem analisados sobre nosso público alvo.

Principais resultados encontrados na pesquisa:

Pesquisa qualitativa

Com base nas informações encontradas na pesquisa quantitativa, elaboramos mais algumas perguntas com os insights que tivemos e entramos em contato com alguns dos participantes que responderam o questionário que havíamos disponiblizado. As dúvidas que surgiram após análise de dados foram cessadas e pudemos continuar o estudo de nosso caso e o desenvolvimento de sua solução.

Para saber mais sobre nosso processo de pesquisas, seus resultados e mais algumas explicações sobre as tomadas de decisão:

Benchmarking

Realizamos então uma pesquisa de mercado reunindo os principais serviços para pets oferecidos por empresas e aplicativos, descobrindo quais seriam as possíveis melhorias e funções que poderíamos apresentar em nossas soluções.

Benchmarking

Alternativas de solução

Após observar o que nossos principais concorrentes ofereciam como benefício a seus clientes, utilizamos o método How Might We, uma técnica chamada “Como Poderíamos?”, visto que, ela poderia nos ajudar a direcionar e propor melhores alternativas para as dores de nossos usuários.

Geramos algumas soluções através de braisntormings e refletimos cada uma com clareza para selecionar quais seriam as mais adequadas para ajudar donos de pets com seus problemas. Através de uma matriz Impacto X Esforço, descobrimos quais seriam priorizadas e assim conseguimos definir nosso produto:

Concluímos que a chave para o sucesso de nosso negócio seria:

Desenvolver um aplicativo onde os usuários possam criar lembretes de consultas, realizar agendamentos personalizados com profissionais mais próximos e de acordo com suas necessidades e ainda ter controle sobre dados e tratamentos de seus pets.

Para saber mais sobre como priorizamos nossa solução de acordo com a matriz clique aqui:

A solução

Depois de definirmos as soluções, partimos para a fase de criação do nosso protótipo. Revisamos tudo que havíamos criado, fizemos análises e através de Brainstorms individuais fluímos nossas principais ideias nas formas de desenho livre e crazy 8’s

Rabiscoframes

Com os desenhos criados, escolhemos as melhores ideias para representar o fluxo de nosso aplicativo, conforme as imagens abaixo.

Rabiscoframes

Protótipo de baixa fidelidade e Teste de usabilidade

Depois de definirmos nossas telas nos rabiscoframes, criamos nosso primeiro protótipo de baixa fidelidade com o auxílio do aplicativo Marvel, que nos possibilita a prototipação e navegação básica das funcionalidades.

Com algumas telas e fluxos prontos, determinamos quais seriam as tarefas a serem testadas pelos usuários para conseguirmos validar e alterar algumas funções antes de desenvolvermos nossos wireframes:

Tarefa do tutor

  • Marcar uma consulta com um veterinário, sendo ele especializado ou não.

Após algumas avaliações de usuários (assistidas e ouvidas), tivemos os seguintes feedbacks:

Wireframes e Fluxo do Usuário

Depois de testarmos o protótipo, percebemos quais foram nossos erros e melhoramos o esqueleto do produto para ajudar os usuários a cumprirem as tarefas que estávamos propondo. Desta maneira, avaliamos se os fluxos e funções eram intuitivos ou não, e assim solucionamos seus problemas.

Nome & Logotipo

O nome Maskot foi uma variação da palavra “mascote”, sendo o foco do aplicativo o cuidado com o animal.

A logo se baseia em 3 elementos:

  • estetoscópio: instrumento cotidiano de trabalho dos profissionais da saúde animal;
  • patinha: representação de pets e de seus tutores;
  • coração: conecta veterinários, tutores e pets em um só lugar.
Logotipo — Maskot

Styleguides

Criamos então um guia de estilos para o aplicativo, apresentando um visual harmônico e consolidado.

Cores

Decidimos manter o azul como nossa principal cor por dois motivos:

  • por ser uma cor que lembra a área da saúde e transmite responsabilidade, sendo ela agradável para todos os sexos.
  • e principalmente pela inclusão de pessoas com alto nível de daltonismo.
Styleguides — cores — Maskot

Tipografia

A fonte escolhida foi a Noto Sans. Pensamos em uma fonte moderna e de fácil leitura, pois nosso público não teria dificuldade ao ler, como no caso de fontes tradicionais e serifadas. Além disso, o aspecto arredondado na grafia fazia jus á nossa proposta de criar um aplicativo onde se é bem vindo e que oferece bons serviços para a saúde animal.

Styleguides — Tipografias — Maskot

Botões

Criamos os botões de acordo com a paleta de cores e tipografia escolhidas. Assim, decidimos aplicar o efeito de drop shadow em alguns botões para transmitir uma sensação agradável na composição do layout e também indicando a opção CTA, além de serem todos reaproveitáveis.

Styleguides — Botões — Maskot

Formulários

Para os formulários, decidimos manter o mesmo estilo de cores e tipografia, deixando o layout mais harmônico e agradável.

Styleguides — Formulários — Maskot

Veja o artigo completo de UI clicando aqui:

Protótipo de Alta Fidelidade

Com base no guia de estilos, construímos nosso aplicativo.

Você pode testar nosso protótipo de alta fidelidade clicando aqui.

Testes de usabilidade

Assistidos

Foram aplicados testes de usabilidade assistidos com 5 usuários e falamos para eles executarem 3 tarefas, afim de compreendermos se o aplicativo estava intuitivo.

Tarefas:

  • Avaliar um veterinário;
  • Marcar uma consulta com o(a) veterinário(a) mais próximo a você;
  • Finalizar o tratamento atrasado do seu pet.

Dos 5 participantes, 3 apresentaram certa dificuldade quanto a terceira tarefa que propomos que realizassem. Porém, o problema encontrado na realização da terceira tarefa se deu pela lentidão da plataforma que estávamos utilizando para a realização dos testes, o Maze.

Para a métrica que utilizamos no teste de usabilidade, levamos em consideração se a pessoa concluiu, desistiu ou apresentou dificuldade ao realizar a tarefa, sendo 1 sucesso, 0,5 parcial e 0 falha.

Aprendizados dos testes

  • melhorar o contraste do menu inferior;
  • alterar a hierarquia de elementos no campo de medicamento a ser tomado;
  • ajustar o UX Writing de acordo com os usuários.

Levamos em consideração os feedbacks que recebemos e através de um teste A/B conseguimos realizar as melhorias necessárias, sanando todas as dificuldades encontradas pelos usuários na usabilidade do produto.

Próximos passos

Este projeto foi finalizado, mas o produto em si não. Com isso, percebemos a necessidade de realizar novas funcionalidades, mais pesquisas e diversas melhorias para sua implementação. Por tratar-se de um estudo de caso, ainda temos um grande espaço para mais aprimoramentos.

Para saber mais sobre nossas ideias de melhorias e atualizações clique aqui.

Considerações Finais

Estamos muito orgulhosas com a finalização do projeto e com os aprendizados que tivemos. Criar o case foi extremamente desafiador e apesar dos diversos erros cometidos (e bota erro nisso), vemos que cada segundo foi importante para o desenvolvimento de nossa solução.

Diversas falhas no projeto nos fizeram entender que, por muitas vezes, aquilo que queremos dentro de nosso produto pode não ser o ideal para os usuários na resolução de seus problemas. Assim, conseguimos observar melhor o que poderíamos fazer para facilitar e os ajudar com suas necessidades e colocar em prática o conhecimento adquirido no curso de nosso mentor: Leandro Rezende.

Estamos muito gratas por conseguir finalizar o curso e vemos hoje o quão importante foi ter trabalhado em grupo. Isso nos deu a possibilidade de ouvir diferentes opiniões, ter empatia com o próximo e principalmente criar uma relação de parceria e companheirismo com a equipe durante o desafio.

Nossos agradecimentos ao pessoal do UX Unicórnio e a vocês, nossos leitores.

A equipe

Para saber um pouco mais sobre nossa equipe, basta seguir a gente no LinkedIn:

--

--

Maria Fernanda Adamowski
Maria Fernanda Adamowski

Written by Maria Fernanda Adamowski

Design and UX, just looking for the best of both worlds

No responses yet