10 erros comuns de UX design e como corrigi-los

Embora alguns erros de design de experiência do usuário (UX) sejam inevitáveis, eles podem ser minimizados. Adote uma abordagem proativa para ficar à frente da curva e eliminar os obstáculos à satisfação do usuário.

Para ajudá-lo a chegar lá, compilamos uma lista dos dez erros mais comuns de UX design—e fornecemos também as soluções. Continue lendo para descobrir quais são esses erros, e por que um excelente UX design é vital para o sucesso de qualquer negócio online.

A importância de um excelente UX design

Ter um UX design robusto é a melhor maneira de produzir um produto ou website centrado no cliente, que ao mesmo tempo que atrai novos usuários, retem os existentes e cria uma satisfação na experiência do cliente com o seu produto.

Se os clientes puderem desfrutar de uma experiência de produto (PX) positiva, sem atritos e agradável, eles alcançarão os resultados desejados, continuarão a usar o seu produto e ainda o recomendarão a todos ao seu redor.

Por outro lado, quando os usuários têm uma experiência frustrante, confusa ou totalmente negativa, eles podem cancelar as suas assinaturas e parar de usar o seu produto, ou pior ainda, compartilhar críticas negativas com a sua comunidade.

Resumindo, projetar uma excelente experiência do usuário: 

• Gera confiança e credibilidade

• Economiza tempo e dinheiro

• Converte novos usuários

• Impulsiona a adoção do produto

• Aumenta a fidelidade e a retenção do cliente

• Reduz a rotatividade

• Melhora o posicionamento SEO em rankings de mecanismos de busca

10 erros frequentes de UX design que você deve evitar

À medida que os pontos de dor e as necessidades dos clientes evoluem, você precisará otimizar a experiência do usuário em um ciclo contínuo para oferecer o melhor produto possível, o que pode ser um desafio. 

Ao invés de ficar esperando por problemas no caminho, por que não adotar uma abordagem proativa para a experiência do usuário? Use a nossa lista dos dez erros de UX design mais frequentes para ficar ciente dos problemas mais comuns de UX e também as soluções para eles—evitando assim esses erros comuns, antes mesmo que eles ocorram.

1. Estabelecer um equilíbrio desproporcional entre estética e funcionalidade

Para oferecer uma excelente UX, o seu produto deve ter uma ótima aparência e funcionar bem—não apenas uma coisa ou outra.

Se você inclinar demais a balança para um lado, corre o risco dos seus clientes ficarem frustrados com uma funcionalidade deficiente, ou de darem à sua marca uma má reputação devido a uma experiência visual de baixa qualidade.

Geralmente, a funcionalidade deve ser ligeiramente priorizada em relação à estética. Um produto de ótima aparência é importante, mas se ele não estiver funcionando bem, a experiência do usuário será prejudicada.

Por exemplo, a página inicial da companhia aérea de baixo custo EasyJet: o design geral é atraente, mas a funcionalidade deixa muito a desejar.

A maioria dos visitantes da EasyJet chega até lá porque querem fazer uma reserva de voo. Mas o formulário de reserva de voos da Easyjet e a ferramenta “Inspire-me” ocupam quase o mesmo espaço em sua página inicial, e por esse motivo, os usuários não sabem ao certo o que devem fazer. O site também tem uma barra de menu superior muito saturada, com pop-ups excessivos e elementos visuais dinâmicos—tem muita coisa acontecendo ao mesmo tempo por aqui.

É provável que os visitantes se distraiam ou fiquem confusos antes de conseguirem reservar um voo com sucesso. Embora a interface do usuário (UI) pareça atraente, ela não é prática e acaba resultando em uma jornada do cliente muito confusa.

O mecanismo de busca de viagens Skyscanner apresenta uma combinação muito melhor de estética e funcionalidade. Seu design é simples e foca no que os visitantes do site realmente querem fazer: uma reserva. Neste ponto eles estão ganhando.

Como regra geral, certifique-se de que seus usuários consigam alcançar o que desejam com o seu produto da forma mais fluida possível. Comece com a estrutura básica de tarefas a serem realizadas no processo de design. Se um elemento de design estiver prejudicando esse processo, remova-o ou ajuste-o.

Em seguida, certifique-se de que a funcionalidade do seu produto está atuando como deveria, com uma ferramenta de insights sobre a experiência do produto como as Gravações de sessão da Hotjar, que tem o poder de colocá-lo no lugar dos seus usuários, e o ajuda a identificar problemas ou bugs.

2. Ignorar as necessidades e o feedback do usuário

O usuário deve estar no centro de tudo o que você faz. Não caia na armadilha de pensar que você sabe mais do que o seu usuário ou, pior ainda, que você é o seu usuário.

É fundamental levar a sério o feedback dos seus usuários para fechar a lacuna na compreensão das suas necessidades. 

Mantenha seu produto centrado no usuário, colocando os clientes em primeiro plano em todas as etapas do processo de design e de otimização do produto. Pergunte-se como você pode otimizar o seu produto para que ele ofereça uma solução perfeita para os problemas e pontos de dor do usuário.

Durante o ciclo de vida do seu produto, seja proativo na coleta de feedback do usuário por meio de pesquisas de UX, para que você possa criar um ciclo consistente de ouvir os usuários e otimizar o produto de acordo com as necessidades deles.

As Pesquisas da Hotjar o auxiliam na coleta de feedback de formato extenso do usuário, enquanto os widgets de feedback permitem que você ouça os usuários instantaneamente e em qualquer lugar, enquanto eles experimentam o seu produto.

3. Bombardear os usuários com pop-ups

Nada desanima mais os usuários do que serem bombardeados por uma enxurrada de pop-ups, assim que chegam à sua página inicial. Antes mesmo de obterem as informações desejadas, eles precisam fechar ou sair de várias janelas de pop-up antes mesmo de iniciarem a sua jornada pelo produto ou site.

Nem todos os pop-ups são ruins, mas fique atento a pop-ups mal posicionados e mal projetados, bem como aqueles que não podem ser fechados facilmente.

Para projetar pop-ups amigáveis à experiência do usuário, considere quantos deles você inclui, e em quais momentos. É melhor usar apenas um por página e garantir que ele não esteja interrompendo a experiência do usuário ao ocupar a tela inteira. Seus pop-ups também devem ser fáceis de fechar, gerenciados com apenas alguns cliques, e posicionados de forma relevante.

4. Ignorar os estados "intermediários

No mundo do design, assim como na vida, as coisas raramente saem exatamente como planejadas. Um excelente UX design prevê circunstâncias inesperadas tanto quanto cenários ideais.

Considere toda a experiência dos seus usuários com o seu produto durante o processo de design. Isso deve abranger o início, o fim, e o estágio intermediário.

Imagine que o usuário está criando uma conta para fazer uma avaliação gratuita do seu site. Se tudo correr como o planejado, os dois principais estados que o usuário irá percorrer serão a página inicial de registro e a página de sucesso. 

No entanto, imprevistos acontecem e, na maioria das vezes, você precisará passar algum tempo considerando os estados "intermediários", como, por exemplo:

• O que os usuários veem ao inserir suas informações?

• O que os usuários veem quando enviam suas informações, mas esqueceram-se de preencher um campo?

• O que os usuários veem quando enviam suas informações, mas já esgotaram o seu período de avaliação gratuita?

• O que os usuários veem quando há um erro de sistema ou um problema de conexão?

Mantenha sempre em mente a experiência completa do usuário. Leve em consideração o design de estados intermediários, bem como os estados principais e os cenários ideais, criando assim uma alta tolerância a falhas, para continuar proporcionando uma ótima experiência do usuário, mesmo quando ocorrerem erros.

5. Seguir todas as tendências de design

Assim como a moda, a música e os penteados, o espaço do design está repleto de tendências de UX que vêm e vão. Embora seja importante manter-se atualizado com as tendências, não se sinta pressionado a seguir à risca tudo o que você ouve falar, só porque é uma tendência.

Por exemplo, o design plano tornou-se uma tendência popular de UX no início da década de 2010. O design plano é um ramo do minimalismo caracterizado pela falta de elementos visuais em 3D. Ele saiu de moda em grande parte devido aos problemas de UX que apresenta, como por exemplo, confundir os usuários sobre quais elementos são clicáveis, e quais não são.

Sempre considere como uma tendência de design afetará os seus usuários:

• Isso tornará seu produto mais fácil de navegar, reduzindo o atrito e  facilitando a vida do usuário?

• Ele possui uma estética visual melhor e produz uma primeira impressão melhor para os novos usuários?

• Isso facilita a leitura dos seus textos de UX?

Todas essas questões são importantes para saber se uma determinada tendência de design realmente irá melhorar a experiência do usuário com o produto.

6. Tratar a escrita de UX como uma reflexão tardia

Embora o conteúdo de UX não seja necessariamente parte do design de produto, ele é uma parte essencial da experiência do usuário. Frequentemente, o conteúdo de UX é adicionado na última etapa de desenvolvimento do produto ou até mesmo após a conclusão do design. Isso pode resultar em uma desconexão entre o que os usuários leem e o que o design geral está lhes induzindo a fazer.

Para piorar a situação, os redatores às vezes precisam produzir conteúdo de UX sem nem ao menos verem o design do produto, ou onde o texto será colocado.

Para solucionar esse problema, projete tendo em mente o posicionamento ideal do conteúdo de UX, e comunique isso durante todo o processo de desenvolvimento do produto. A entrega de capturas de tela e wireframes aos redatores de UX pode ajudá-los a entender como o texto irá se encaixar no design final.

Além disso, certifique-se de que seus redatores conheçam bem os princípios da hierarquia visual. Seus textos de UX mais importantes devem ser colocados em áreas de alta visibilidade. Essas áreas podem ser avaliadas e mapeadas qcom ferramentas como os Mapas de calor da Hotjar.

7. Sobrecarregar os usuários com muitas informações

Se você faz parte de uma equipe de desenvolvimento de produtos, com certeza você é um especialista no seu produto, e apaixonado por ele. Portanto, pode ser tentador sobrecarregar os seus usuários com muitas informações sobre o produto, logo de cara.

Esse tipo de sobrecarga de dados pode rapidamente confundir os seus usuários, caso eles não tenham tempo de assimilar e de digerir as informações que você está oferecendo.

A primeira página do site ou frame de aplicativo que os usuários veem não deve ser muito sobrecarregada. Se ela estiver saturada ou possuir muitos elementos diferentes, os usuários não saberão por onde começar, e poderão acabar decidindo abandonar o seu site, antes de qualquer outra coisa.

Para evitar esse erro de design, comece com as informações essenciais e tenha cuidado com a quantidade de conteúdo que você está compartilhando de uma só vez. Uma excelente UX é aquela em que os usuários podem começar a usar um novo produto de forma intuitiva, sem terem que passar por um longo processo inicial de aprendizado.

8. Inclusão de elementos de design não responsivos

Um dos erros mais comuns no design responsivo é projetar focando nos desktops, e ignorar os dispositivos móveis. Mas, atualmente, a maioria dos designers de UX entendem a importância do design compatível com dispositivos móveis.

Atualmente, um problema ainda maior são os designers que só pensam em design para celular. O tráfego móvel é responsável por cerca de 50% do tráfego da Web, mas isso significa que os outros 50% ainda vêm de outras fontes, como desktops e tablets.

Muitas vezes, os elementos de design voltados para dispositivos móveis deixam muito a desejar quando são visualizados em telas grandes. Uma olhada rápida no Instagram usando o seu computador ao invés do celular é um ótimo exemplo. A grande quantidade de espaço em branco, o equilíbrio ruim e os ícones minúsculos deixam claro que essa interface não foi projetada com uma tela grande em mente.

Um UX design excelente é responsivo, independentemente do tipo de dispositivo em que é visualizado. Esforce-se para projetar o design mantendo em mente todos os dispositivos onde ele potencialmente será visualizado, e certifique-se de que sua equipe de produto esteja dedicando um tempo para fazer um brainstorming e testar o que funciona melhor em diferentes tamanhos de tela. Se tiver dificuldades, experimente usar as Gravações de sessão da Hotjar e as nossas ferramentas de feedback para identificar os problemas dos usuários.

9. Esquecer-se de rotular os ícones

Alguns UX designers se esquecem de rotular os ícones, ou simplesmente acreditam que isso não é necessário, em parte devido às tendências de design minimalista.

Não rotular os ícones é um erro, por dois motivos principais:

• Os ícones mais comuns, como corações, marcas de verificação ou rostos sorridentes possuem significados diferentes em sites diferentes, o que pode confundir os usuários.

• Ícones muito detalhados, avançados ou complicados podem não ser tão claros na percepção do usuário, de modo que eles acabem tendo que gastar tempo e energia desnecessários para descobrir o que significam.

Também vale a pena observar que os ícones não rotulados reduzem a inclusividade do produto. 

A solução para esse erro é simples: palavras e imagens juntas são uma força poderosa, portanto, certifique-se de que seus ícones estejam rotulados.

10. Enganar os usuários com links e botões

Quando um usuário clica em um botão ou em um link no seu site, ele está confiando no fato de que você fornecerá as informações que você prometeu.

Por exemplo, se um botão no seu site diz: 'Clique aqui para saber mais sobre os nossos preços', esse botão deve levá-lo à sua página de preços, e a nenhum outro lugar. Não é admissível que esta ação o leve a uma página de cadastro, para se registrar em um período de avaliação gratuita, nem a um formulário de informações de contato...esta ação deve levá-lo única e exclusivamente à sua página contendo informações sobre seus preços.

Da mesma forma, mantenha-se fiel à sua palavra quando se tratar de diferentes tipos de conteúdo. Se você tem um link na sua página que diz que leva a um vídeo, certifique-se de que esse seja realmente o caso. Não engane os usuários oferecendo a eles uma publicação de blog ou uma página de destino qualquer, quando você prometeu um vídeo.

Seja meticuloso ao verificar seus links e botões para garantir que eles entreguem exatamente o que prometeram.

Ferramentas de UX como os mapas de calor da Hotjar e gravações de sessão o ajudam a identificar links e botões problemáticos. Observe se os usuários estão clicando em algo e saindo da página logo em seguida, o que pode indicar frustração ou decepção com o destino do link. Além disso, esteja atento aos cliques de raiva, que são um indicador comum de UX ruim e de links quebrados.

Evite esses erros frequentes de design e veja a sua experiência do usuário decolar

Os erros de UX design são uma parte normal do processo de design, mas isso não os torna um fato consumado. Ao invés de esperar que os erros de UX simplesmente aconteçam à frente dos seus olhos, antecipe-se e evite-os, antes que eles causem frustração no seu usuário.

Informar-se sobre os problemas e as soluções de UX é um ótimo ponto de partida. Anote os maiores erros, descubra se você mesmo os cometeu, e tome medidas para resolvê-los, se necessário.

Lembre-se de que uma excelente experiência de usuário é a essência de qualquer produto. Priorize a solução dos erros de UX, e a sua empresa e os seus usuários colherão os benefícios.