Design e UX para sites de farmácia

Um site de farmácia funciona para utentes de todas as idades quando tem texto grande e com bom contraste, uma navegação e uma pesquisa construídas com as palavras que as pessoas realmente usam, um desenho pensado para o telemóvel, as ações essenciais (ligar, ver o horário, reservar) sempre à vista e uma preocupação clara com a acessibilidade e a privacidade dos dados de saúde.

Quando se pensa no site de uma farmácia, é fácil o tratar como mais uma montra digital, com produtos, preços e promoções dispostos como em qualquer outra loja online, mas a farmácia não é uma loja como as outras. Quem a procura fá-lo, algumas vezes, num momento de preocupação, de dor ou de dúvida, e fá-lo com expectativas muito diferentes das de quem está apenas a comprar um par de sapatilhas.

Mas quem usa um site de farmácia e como isso influencia o design? ​

O primeiro desafio de um site de farmácia é, provavelmente, a enorme diversidade de quem o utiliza. No mesmo dia, o mesmo site pode ser aberto por um jovem que compra protetor solar no telemóvel durante a pausa do almoço, por uma mãe que procura soluções para a febre do filho às duas da manhã, por um senhor que quer apenas saber a que horas fecha a farmácia ou por uma filha que gere, à distância, a medicação dos pais. Estas pessoas têm níveis de literacia digital muito distintos, ecrãs de tamanhos diferentes, graus de visão e de destreza motora que variam bastante, e raramente partilham a mesma paciência perante uma interface confusa.

Por isso, a pergunta certa quando se desenha um site deste tipo não é “como o tornamos moderno?”, mas sim “como garantimos que qualquer pessoa consegue fazer o que veio fazer sem precisar de ajuda?”. Esta mudança de perspetiva altera muitas das decisões que se tomam a seguir.

Tamanho de letra e contraste dos textos:​

Tamanhos de letra pequenos, cinzentos claros sobre fundo branco e tipos de letra decorativos podem ter um aspeto elegante numa apresentação, mas tornam-se um verdadeiro obstáculo para quem tem a vista cansada. O recomendável é usar um corpo de texto com pelo menos 16 píxeis e uma altura de linha generosa, para facilitar para quem tem dificuldade em ler letra pequena, sobretudo no ecrã do telemóvel.

Relativamente ao nível de contraste, deve cumprir-se, no mínimo, o nível AA das diretrizes WCAG, que exige uma relação de contraste de 4,5 para 1 nos textos normais, e é aconselhável chegar ao nível AAA, com 7 para 1, nos conteúdos mais importantes, como a posologia, os avisos e o horário.

Navegação e pesquisa:​

A pesquisa interna merece uma atenção especial, pois deve estar sempre visível, tolerar erros de escrita, que num nome de medicamento são mais frequentes do que se imagina, e sugerir resultados enquanto a pessoa escreve. Se alguém escreve “ibuprofeno” com uma gralha, o site não deve devolver uma página vazia, mas sim compreender a intenção e apresentar o que a pessoa procurava. ​

Para além disso, as ações mais frequentes devem estar à distância de um toque. Contactar a farmácia, verificar a disponibilidade de um produto ou reservar para levantamento são tarefas que não podem estar escondidas em submenus, sobretudo no telemóvel, que é hoje o dispositivo mais usado para este tipo de consulta.

Design para telemóvel:

A maioria das visitas a sites de farmácia faz-se a partir do telemóvel, e isto implica pensar o design para o ecrã pequeno: os botões têm de ter uma dimensão confortável para dedos menos precisos, com espaço suficiente entre si para evitar toques acidentais, e os formulários devem pedir apenas o essencial, com campos bem identificados e mensagens de erro que expliquem claramente o que correu mal e como resolver.

O botão de ligar diretamente à farmácia, o mapa com indicações de como chegar e a indicação clara de se está aberta naquele momento são pormenores aparentemente pequenos que fazem uma diferença enorme na experiência de quem precisa de uma resposta rápida.

Confiança:

Tratando-se de saúde, o design transmite confiança ou desconfiança logo nos primeiros segundos. Uma identidade visual limpa, coerente e cuidada, com imagens reais da equipa e do espaço em vez de fotografias genéricas de banco de imagens, ajuda a construir uma relação de proximidade. Mostrar quem são os farmacêuticos, como se pode falar com eles e de que forma a farmácia está presente na comunidade faz com que o site pareça uma extensão do balcão e não um catálogo impessoal.

Por isso, um layout personalizado permite, refletir a forma como a farmácia realmente trabalha, destacar os serviços que oferece e organizar a informação de acordo com o perfil de quem a procura.

Privacidade e segurança:

Os dados de saúde são especialmente sensíveis, e os utentes têm plena consciência disso. Num site de farmácia, a forma como se explica o tratamento dos dados e como se protege o processo de compra ou de reserva deve ser transparente e fácil de compreender. Banners intrusivos, textos jurídicos intermináveis ou pedidos de informação desnecessários prejudicam a confiança e levam muitas pessoas a abandonar o processo.

Acessibilidade:

Navegação por teclado, compatibilidade com leitores de ecrã, descrições alternativas nas imagens, estrutura de títulos bem hierarquizada e controlo sobre o tamanho do texto beneficiam diretamente pessoas com deficiência, mas melhoram também a experiência de todos os outros, incluindo quem está a utilizar o telemóvel ao sol ou com uma só mão. Num setor em que muitos utilizadores são idosos ou têm limitações de saúde, esta preocupação é simultaneamente uma obrigação ética e uma vantagem competitiva.

Um bom site de farmácia precisa de ser fiável, claro e acolhedor. As melhores decisões de design e de UX são, muitas vezes, as que passam despercebidas, porque removem obstáculos e permitem que uma pessoa, seja qual for a sua idade, encontre o que procura com tranquilidade.