Tooltips

O que são tooltips?

Tooltips são mensagens no aplicativo que normalmente aparecem quando os usuários navegam para uma área específica ou realizam uma determinada ação no produto. O tipo mais comum de tooltips são os "hovers", que são mensagens exibidas quando o usuário move o cursor sobre um menu de navegação, elemento interativo ou "hotspot" predeterminado.

Por que devo usar dicas de ferramentas?

Dicas de ferramentas são a forma mais amplamente aplicável e menos disruptiva de mensagens no aplicativo, pois geralmente ocupam apenas uma pequena parte da tela. Eles são especialmente úteis para explicar recursos que podem ser menos compreensíveis apenas pelo nome, ou para responder perguntas frequentes fornecendo contexto adicional. Tooltips de várias etapas também podem ser usados para guiar os usuários por um fluxo de trabalho novo ou alterado no produto.

Como exemplo, WebPT, uma plataforma de prontuário eletrônico para clínicas de fisioterapia, percebeu que os usuários estavam tendo dificuldades para preencher formulários de seguro online. Eles usaram tooltips para explicar como preencher os campos que causavam mais confusão, ajudando a reduzir em metade os tickets de suporte relacionados a essa área da plataforma.

Quando os tooltips devem ser usados?

Os tooltips devem ser usados principalmente para fornecer explicações complementares sobre recursos que, se exibidos permanentemente, poluiriam a interface. Guias de tooltips em várias etapas devem ser usados apenas para orientar os usuários em funcionalidades novas ou alteradas, com cada etapa do tooltip ancorada a um recurso específico desse fluxo de trabalho.

Como criar tooltips eficazes?

A coisa mais importante a lembrar sobre tooltips é que eles devem fornecer contexto adicional ao fluxo de trabalho pretendido pelo usuário. Veja algumas maneiras de garantir que seus tooltips sejam eficazes:

• Testes são essenciais: sempre teste seus tooltips antes de publicá-los para garantir que eles acrescentem, em vez de prejudicar ou distrair, a experiência do usuário.
• Seja conciso: a última coisa que você quer é que seu tooltip gere mais confusão para o usuário. Certifique-se de manter a linguagem dos seus tooltips clara, direta e o mais curta possível. É nesse momento que ter um redator de UX (ou alguém especialista em microcopy) é benéfico, para garantir que os tooltips sejam escritos pensando no usuário.
• Pense no design: sempre considere o design do seu tooltip em relação às imagens e ao texto ao redor. Por exemplo, é melhor escolher cores que contrastem com a cor de fundo e garantir que os tooltips não bloqueiem nenhum texto relacionado.