Estudo de Caso de UX/UI: Análise e Indicação Online de Produtos Ortopédicos

Desafio

Como possibilitar atividades tradicionalmente presenciais para modelos remotos?

O mundo está passando por um momento muito delicado e mesmo a pandemia sendo contida, a herança dela vai viver conosco por anos, talvez décadas. Isso vai mudar o modo como aprendemos, como construímos e nos conectamos. Por conta disso diversas empresas estão optando pelo trabalho remoto e essa rotina está sendo experimentada por diversos profissionais que até então nunca acharam isso possível.

Foi proposto o desenvolvimento de um produto digital dentro do método Double Diamond que consiste basicamente em divergir e convergir ideias, o que garante uma avaliação mais profunda e completa de um número maior de possibilidades. Ele fornece um mapa de como atuar na resolução de problemas e na criação de produtos. Com isso é possível chegar a soluções mais assertivas, com um grau de confiança maior. Esse processo é dividido em quatros etapas: imersão, definição, ideação e prototipação.

1ª Etapa: Imersão

A etapa de imersão consiste em coletar dados e dar profundidade ao contexto do projeto. Através da observação e da investigação é levantado o maior número de problemas possíveis antes de pensar em qualquer solução, garantindo assim que o resultado esteja centrado nas necessidades dos usuários.

Matriz CSD

Essa ferramenta ajuda a listar os pontos de atenção do projeto. As anotações ainda servem como um retrato do que já sabemos e o que queremos descobrir. A matriz CSD ajudou a conduzir as pesquisas quantitativas e qualitativas para validar as certezas, identificar se as suposições estavam corretas e principalmente esclarecer as dúvidas.

Pesquisa Quantitativa

Para entender melhor o público alvo e o cenário foi elaborada uma pesquisa quantitativa que contou com respostas de 60 participantes. O objetivo era compreender diante do cenário atual suas dores e anseios. Tendo como base as informações levantadas anteriormente, foram reunidas perguntas para identificar alguns dados demográficos e dados gerais relacionados as mudanças no comportamento na forma de consumo e também de análise e de produtos ortopédicos.

Pesquisa Qualitativa

Além da pesquisa acima também foi elaborada uma entrevista qualitativa que contou com respostas de 15 participantes. As perguntas abertas serviam para questionar as dores, experiências e dificuldades do consumidor em meio aos impactos da pandemia. Foi focado em levantar as medidas que estão sendo tomadas como forma de enfrentamento dos impactos econômicos. A entrevista foi finalizada com perguntas acerca das motivações para o atendimento e consumo de produtos ortopédicos. O uso dessas informações forneceu uma chance de descobrir a raiz do problema e como resolvê-lo.

Análise das Pesquisas

Através da coleta dos resultados foram elaborados gráficos para esboçar os resultados das pesquisas, o que auxiliou na validação das hipóteses levantadas e no direcionamento do projeto.

Alguns dados interessantes:

• 66,7% classificaria a sua saúde como boa.
• 71,7% já teve ou tem algum problema de causa ortopédica.
• 56,7% já buscou ou usou um produto para auxiliar em problemas ortopédicos.
• 65% se sentiria seguro em procurar e consumir produtos e serviços ortopédicos por um aplicativo.
• 66,7% receberia um profissional para prestação de serviços ortopédicos em sua residência.

Card Sorting

É um método que ajuda a organizar as informações coletadas em categorias que façam sentido na pesquisa realizada. O Card Sorting serve para entender o modelo mental de como os usuários agrupam conteúdos e funcionalidades, e assim se localizar de forma rápida dentro de um projeto. Para a organização foram definidas três categorias: tecnologia, administração e marketing.

Top Insights

No decorrer das atividades anteriores foi possível validar as suposições que existiam e identificar algumas oportunidades. Insights são fundamentais para inovação e resolução de problemas e passou a representar uma parte importante no desenvolvimento do produto. Foram encontradas quatro importantes oportunidades que valem ser destacadas:

2ª Etapa: Definição

A etapa de definição serve para organizar todas as informações que foram coletadas na etapa anterior e iniciar a definição do problema que será resolvido.

Personas

Foram usados os dados dos resultados das pesquisas para a criação das personas, no qual ajudou a entender melhor o objetivo do projeto, aprofundando principalmente nas dores e necessidades dos usuários. Foram criadas duas personas para orientar o desenvolvimento do projeto.

Profissional: Protesista e ortesista que busca pelo desenvolvimento da sua empresa com atendimento diferenciado remotamente que atenda a todos que possuem problemas ortopédicos.

Paciente: Usuário que busca qualidade de vida e de saúde e um atendimento diferenciado que seja remoto para problemas ortopédicos.

Job Story

A principal função é dar clareza do problema que precisa ser resolvido e o motivo dos usuários precisarem da resolução ao invés da ação que precisa executar. Com isso, dão mais liberdade para criação das soluções. É uma forma de facilitar a concepção do produto, concentrando-se no contexto, motivação e resultado esperado. Foram destacados três principais problemas e o mais importante, o porquê dos usuários precisarem dessa solução.

Lean Canvas

Esse método é ideal para ter uma prévia do modelo de projeto, em que indica os principais aspectos de sua ideia. Ele dá ênfase para cenários de incertezas, evidenciando o problema a ser resolvido e a solução que estará sendo oferecida. Nessa etapa é destacado o principal problema; a definição dos usuários e em que nichos de mercado o projeto se enquadra; a principal proposta de valor que diferencia dos concorrentes; uma possível solução a ser alcançada; o local que será divulgado o produto; o valor que os usuários estão dispostos a pagar; a estrutura dos custos mais importantes do projeto; o recurso mais importante necessário para entregar valor; e a vantagem competitiva.

3ª Etapa: Ideação

A etapa de ideação é a hora de explorar as melhores soluções em potencial. Com o problema definido, é o momento de usar a criatividade para gerar soluções, sabendo o que alcançar. Explorando e validando as opções, encontramos as melhores maneiras de obter sucesso.

Benchmark

É a ferramenta que consiste no processo de análise das melhores práticas do mercado, levando em consideração a área de atuação do produto e também a experiência do usuário. Após a definição do problema, foi criado um benchmark com o objetivo de entender o que o mercado já entrega como solução e o que pode ser identificado como oportunidade de mercado. Foi realizado uma análise dos principais competidores, apresentado por meio da análise abaixo:

1: Ada — A sua Guia de Saúde

Esse é um aplicativo que através de uma avaliação respondida conecta o conhecimento médico com a inteligência artificial para auxiliar o usuário a encontrar diversos sintomas de doenças.

2: PSM — Palmilha Sob Medida

Esse é um aplicativo que através de uma avaliação respondida apenas por profissionais da saúde conectada com algoritmos de inteligência artificial auxilia a encontrar qual o problema de dores dos pés, tornozelos e joelhos para que ofereça palmilhas e sandálias ortopédicas sob medida.

Jornada do Usuário

O mapa de jornada do usuário tem como objetivo acompanhar todos os passos que o usuário realiza utilizando ou não o aplicativo e as necessidades e oportunidades de negócios que podemos explorar desde o planejamento até depois do evento. Com isso, podemos fazer uma suposição sobre como ele se sente, pensa e o que ele consome para tomar decisões.

Brainstorming de Features

Essa ferramenta explora os recursos que atendem os principais objetivos de negócio e as necessidades dos usuários. É a descrição de uma ação ou interação de um usuário com o produto. Nessa etapa foram selecionadas todas as principais funcionalidades que o aplicativo deve ter para atingir o objetivo.

MoSCoW

Ele representa uma metodologia de priorização de demandas e está relacionado com a solução de problemas de tempo e de produtividade. Ele é utilizado para definir a prioridade e a importância das tarefas que compõem um projeto. A proposta é estabelecer uma divisão entre o que é extremamente necessário, o que poderia estar presente, o que é desejável e o que não deve ser colocado em determinada atividade ou projeto. A palavra é acrônimo para “must have” (deve ter — aquilo que é essencial e inegociável), “should have” (deveria ter — aquilo que é importante, mas os usuários aceitam que sejam entregues depois), “could have” (poderia ter — aquilo que é desejável e cumpre papel principal) e “won’t have” (não terá — aquilo que será feito num futuro próximo). Esse método é formado por um acrônimo, cujas letras M, S, C e W, escritas em letra maiúscula, representam as categorias de importâncias que classificam as tarefas dentro de um projeto, já as letras minúsculas “o” servem para tornar o nome pronunciável.

User Flow

O user flow é como procurar as direções do ponto A ao ponto B. São como rotas que o usuário deve percorrer para completar uma tarefa, dando noção do caminho, esforço e tempo necessário. É usado para dar visão de eficiência, pois ajuda a tornar o fluxo mais simples. O fluxo aqui escolhido consta em um processo onde o usuário cria uma conta, realiza uma avaliação no qual o resultado oferece alguns produtos específicos para o seu problema de saúde e em sequência escolhe um desses produtos e realiza a compra.

4ª Etapa: Prototipação

A etapa de prototipação é a tentativa de entregar a melhor solução que foi encontrada e que resolve o problema. Você reduz suas ideias e constrói sua solução de maneira adequada e rápida. À medida que ganhamos confiança na solução encontrada, criamos e otimizamos o aplicativo. Protótipo é a representação semi realística do software, utilizada para testes e validações, se tornando o modelo/guia para desenvolvimento.

Rabiscoframe

É o sketch ou protótipo de baixa fidelidade. São esboços que representam a estrutura básica da interface, ajudando a visualizar rapidamente seu conceito e gerar alternativas, já considerando elementos e componentes como menus, botões e ícones. “Pencils before pixels”, este foi o primeiro passo para delinear o aplicativo e imaginá-lo visualmente. Com lápis e papel, os rabiscos entram em ação dando vida as primeiras ideias de possíveis soluções. Tendo a estrutura das telas já era possível validar se os fluxos que foram imaginados realmente atendiam as necessidades dos usuários.

Guia de Estilo

Um guia de estilo vai definir as diretrizes para a comunicação visual do aplicativo. É nele que tem a identidade visual que é o conjunto de elementos gráficos que objetivam comunicar a ideia, os valores, o propósito e a missão da empresa ao usuário.

Marca

O nome do aplicativo é da empresa Prorto-Tec, que é uma empresa existente no mercado no qual tem como missão a busca das melhores possibilidades e desenvolvimento tecnológico para assistir à pacientes que necessitam do uso de próteses e órteses.

Paleta de Cores

As cores predominantes foram escolhidas baseadas na identidade visual da marca, que é por onde o usuário irá sentir o produto, além de um bom fluxo de navegação as cores ajudam a disseminar as tarefas com exatidão e objetividade nas ações possíveis em cada tela. Para o background foi escolhida uma cor neutra para dar um suporte a outras cores, além de gerar um layout clean.

Tipografia

A tipografia ideal para um aplicativo deve ser de fácil leitura e de preferência que esteja disponível na web. Baseado nesses parâmetros, a fonte escolhida foi a Roboto, transmitindo modernidade por ser mais acessível e emocional. A escolha de uma fonte sem serifa é importante para promover um redimensionamento dos caracteres sem nenhuma distorção e ilegibilidade.

Ícones e Ilustrações

Os ícones e as ilustrações são uma parte importante do design quando falamos de usuários deficientes psiquicamente e outras dificuldades com a leitura em si. Além de passar acessibilidade, confiabilidade e um layout mais moderno. Decidi adotar dois menus, sendo um menu superior simples com pouca informação e um menu inferior similar ao do WhatsApp, por ser um aplicativo popular mundialmente e os usuários já estarem acostumados com certos padrões.

Protótipo de Alta Fidelidade

É uma representação interativa do produto. Esse protótipo já apresenta maior semelhança com o design final em termos de detalhes e funcionalidade. O objetivo é ter foco na usabilidade e proximidade ao uso real. O protótipo navegável tem a intenção de transmitir o melhor fluxo do usuário pelo aplicativo e ser uma amostra mais próxima da realidade. Ele foi todo construído no Figma e está no tamanho do iPhone 8. Abaixo temos exemplos de algumas telas:

Para testar o protótipo de alta fidelidade, clique aqui.

Conclusão

Este é o meu primeiro projeto de UX Design. Entendendo de perto as reais dores e necessidades do usuário, desenvolvi um aplicativo com propósito de conduzi-lo a concluir sua tarefa com sucesso. Cheguei a um resultado surpreendente e com um conhecimento profundo sobre os processos, o mercado, o problema, os usuários e a solução. Aprendi as verdadeiras etapas para tirar do papel um produto digital, consegui aplicar métodos que facilitam e embasam as etapas nos processos de design. Porém, entendo que não terminei por aqui. Preciso aprimorar algumas funcionalidades e evoluir a usabilidade. Aprendi que devemos acreditar nos métodos, que existem por uma razão. O desenvolvimento desse aplicativo foi uma experiência muito gratificante porque é incrível pensar que cada decisão tem um papel fundamental para os usuários que irão usar e isso faz você se preocupar cuidadosamente com cada detalhe para proporcionar a melhor experiência.

Este estudo de caso faz parte do curso do Bootcamp UX Design da escola How Bootcamps, no qual só tenho a agradecer por proporcionar um conteúdo tão rico e esclarecedor, onde foi possível solucionar um problema do zero, passando pela experiência de cada parte do processo de criação. Este aplicativo foi desenvolvido para a empresa Prorto-Tec no qual desenvolve tecnologia para reabilitação, tendo em vista um novo conceito em ortopedia técnica, buscando um novo paradigma e aplicação de um moderno conceito em próteses e órteses, onde só tenho a agradecer ao seu fundador Pierre Reis Chapuis pela a confiança e credibilidade ao me designar para o desenvolvimento desse projeto.

Para saber mais sobre mim:

LinkedIn: www.linkedin.com/in/daniellescdantas

Portfólio: www.danielledantas.com

Obrigada pela atenção e por me acompanhar nessa jornada!