6 exemplos de UX design incríveis para inspirar você em 2023

O UX design é muito importante, mas é fácil se deixar levar pelas tendências de design chamativas, sobrecarregar seu produto, e esquecer que o melhor UX design não tem nada a ver com você: trata-se de resolver os problemas dos seus usuários.

Mas não se preocupe: este artigo mostrará o caminho a ser seguido, com seis exemplos brilhantes de UX design centrado no usuário. Inspire-se para criar uma experiência de usuário incrível, e use nossas dicas práticas para colocar esses exemplos em prática.

Exemplo de UX design bom e ruim 

O UX design tem tudo a ver com a criação de produtos que atendam às necessidades dos usuários de forma fácil, eficiente e agradável. Cada ponto de contato com o cliente contribui para a experiência do usuário, desde o momento em que a página de destino começa a carregar, até a exploração do produto, conversão, a integração e o uso dos recursos.

O que é um bom UX design?

O bom UX design se concentra na empatia com os usuários para garantir que a sua jornada pelo produto, site ou aplicativo seja funcional e agradável. Isso varia de acordo com os clientes e com a marca: um bom UX design é o que é bom para seus clientes e para o seu produto.

O melhor UX design:

• Concentra-se em ajudar os usuários a fazer o que vieram fazer

• Responde ao comportamento do cliente, ao feedback recebido, e à evolução das suas necessidades  

• Elimina o atrito no fluxo de clientes

• Antecipa—e elimina—possíveis obstáculos e fontes de confusão do usuário

• Oferece uma interface de usuário (UI) atraente e acessível  

• Incorpora oportunidades para a satisfação do cliente

• Permite que os usuários façam a sua voz ser ouvida, facilitando o recebimento de feedback desses usuários ou a conexão com o atendimento ao cliente

O que é um UX design ruim?

Ao invés de orientar os usuários através de uma experiência de produto perfeita, erros de UX design impedem que os clientes atendam às suas necessidades e causam confusão ou frustração. 

UX design ruim: 

• Concentra-se em suposições, ao invés de se aprofundar na pesquisa de UX

• Prioriza a estética em detrimento da usabilidade e da acessibilidade

• Permanece estático e não evolui com as mudanças nas expectativas e necessidades dos usuários

• Sobrecarrega os usuários com informações e opções mal organizadas

• Não prende o usuário para mantê-lo envolvido

Inspire-se com 6 exemplos de UX design excelentes

Sejamos mais específicos: como é, de fato, um bom UX design? 

Dê uma olhada nestes seis exemplos de UX design brilhante em ação. Ao longo do caminho, mostraremos como usar esses insights para criar uma experiência de usuário perfeita.

Vamos lá!

1. N26: antecipação das necessidades do usuário

O banco online e o aplicativo móvel do N26 oferecem aos usuários uma maneira simples e personalizada de gerenciar suas finanças.

Por que é um exemplo de UX design incrível 

A interface simples e intuitiva nos lembra que o melhor design de experiência do usuário não envolve um deslumbramento desnecessário ou gráficos extravagantes e sofisticados. O N26 coloca os usuários no centro das atenções e se esforça para atender a todas as necessidades que eles poderiam ter em um aplicativo de fintech.

Existem inúmeras opções para organizar suas informações financeiras: você pode ver extratos de conta padrão, mas também infográficos detalhados e estatísticas de gastos.

O N26 oferece muitas oportunidades de personalização que são bonitas e funcionais. Os usuários podem criar diferentes espaços de "poupança" e adicionar diferentes imagens ou descrições; por exemplo, eles poderiam colocar uma foto do destino de suas próximas férias no espaço "fundo de viagem". É uma experiência de usuário flexível e personalizável.

O aplicativo N26 também tem opções padrão disponíveis em todas as etapas, para que os usuários não sejam forçados a tomar muitas decisões adicionais, caso não queiram.

A facilidade de uso é um princípio fundamental do design, mas o foco num nível elevado de segurança também é essencial. Com apenas alguns cliques, os usuários podem realizar transações que normalmente levariam muito tempo (como cancelar um cartão ou solicitar um novo), mas são obrigados a fazer um reconhecimento de impressão digital ou a usarem a sua senha, para dar uma camada extra de segurança ao processo. Também é fácil alternar entre diferentes opções para exibir ou não as informações confidenciais do cartão e da conta. 

Esse é um UX design simplificado e acessível, que oferece uma variedade de recursos e funções, sem confundir o usuário, e torna simples e até mesmo agradáveis os processos bancários, que normalmente são  notoriamente dolorosos.

Transforme a inspiração em ação

Emule essa poderosa UX, colocando seus usuários no centro das atenções.

Ao navegar pelo produto, parece que o N26 pensou magicamente em todas as necessidades ou preferências possíveis que um usuário possa ter...  

Mas eles não leem mentes. Eles sabem que uma boa experiência do usuário consiste em conversar com os usuários, ter empatia com eles, e implementar de fato o feedback recebido deles.

Use insights da experiência do produto e ferramentas de UX para entender como os usuários estão experimentando seu produto, e por que eles se comportam de uma determinada maneira em seu site.

As Gravações de sessão da Hotjar ajudam você a entrar na cabeça dos seus usuários e a vivenciar virtualmente as suas jornadas com o seu produto. 

O widget de feedback recebido ajudam você a entender por que os usuários se comportam de determinada maneira, e permitem que você colete as sugestões e os comentários dos seus usuários para saber quais recursos adicionais, opções de personalização ou de suporte eles precisam.

2. ASOS: interativo e informativo

A ASOS oferece uma experiência de compras online atraente.

Por que é um exemplo de UX design incrível 

O comércio eletrônico de moda precisa ter um impacto visual marcante e, ao mesmo tempo, garantir que os seus usuários tenham todas as suas necessidades práticas atendidas. A página de destino da ASOS tem uma imagem brilhante e vívida para capturar a atenção dos seus clientes, e há chamadas para ação (CTAs) e botões de navegação perfeitamente posicionados para que os clientes sejam atraídos a explorar seções e produtos específicos. 

A enorme variedade de produtos disponíveis pode ser esmagadora, portanto, a experiência do usuário foi projetada com base em informações "agrupadas" ou fragmentadas em categorias e filtros de produtos avançados, que permitem que os usuários cheguem rapidamente aos tipos de roupas ou de acessórios que estão procurando. 

Assim que o cliente chega à página do produto escolhido, existe uma hierarquia visual clara. É fácil encontrar informações mais relevantes, como a tabela de tamanhos, e todos os extras abrem na mesma página, portanto, não há perigo de desviar os clientes para novas abas do navegador. A interface do usuário é perfeita, de modo que os usuários possam selecionar um tamanho, verificar o preço e adicionar ao carrinho, com apenas alguns cliques. 

A experiência do usuário da ASOS é altamente responsiva: os clientes são incentivados a explorar informações visuais e escritas de diversas maneiras. As fotos dos produtos são interativas, para que você possa clicar em várias visualizações de diferentes ângulos, e o recurso "Passarela Virtual" da ASOS mostra as roupas em uma modelo enquanto ela se move em um vídeo—é uma ótima maneira de deixar os usuários entusiasmados com o produto, e responde à necessidade de saber como um produto se parece na vida real, antes de comprá-lo.

Transforme a inspiração em ação

É claro que a ASOS executou um zilhão (esse é o número exato) de testes e validações de UX para resolver todos os obstáculos e bugs que poderiam tornar os usuários menos propensos a realizar ações de conversão, seja permanecendo na página de um produto por tempo suficiente para assistir ao vídeo, ou completar o pagamento na página de checkout. Sua UX brilhante consiste na compreensão de como os usuários se comportam—e por quê.  

Para alcançar tudo isso por conta própria, fique por dentro de todas as métricas de UX e execute análises de UX. Conduza testes A/B ou experimentos multivariados para entender como os clientes respondem a diferentes layouts de página. 

Use os mapas de calor da Hotjar para ver onde você está perdendo cliques— e clientes. Você pode descobrir que algo simples, como posicionar seu CTA de forma diferente, pode aumentar drasticamente as conversões.

3. Calm: empatia emocional e satisfação do usuário

O aplicativo Calm oferece uma variedade de sessões de meditação e de bem-estar, e faixas de áudio bem fáceis de navegar.

Por que é um exemplo de UX design incrível

Desde o início, fica claro que o Calm foi projetado pensando nas necessidades do usuário. A interface do usuário transforma o aplicativo em um oásis para usuários estressados, com cores e sons suaves e relaxantes, que começam antes mesmo de você clicar em uma faixa de áudio.

A hierarquia do design é simplificada e clara, garantindo que os usuários não se sintam sobrecarregados com inúmeras opções diferentes. Você só vê os ícones básicos de reprodução, pausa, retrocesso, e o ícone de compartilhamento, ao fazer uma meditação.  

A experiência inicial também é excelente. O aplicativo permite que os clientes respondam rapidamente a perguntas simples e intuitivas para começar—em poucos cliques, você já está começando a fazer uma meditação personalizada. Suas respostas são usadas para personalizar ainda mais a experiência do usuário, com notificações e lembretes de outros recursos que podem interessá-lo. E é fácil desativá-los caso você não esteja interessado nestes recursos adicionais. 

Há pequenas possibilidades de prazer adicional para o usuário espalhadas pelo aplicativo, oferecendo recursos adicionais, efeitos sonoros e meditações exclusivas com celebridades. 

O Calm transforma até mesmo os obstáculos de experiência do usuário em oportunidades de prazer e relaxamento. Momentos de alto atrito, como esperar pelo carregamento de uma meditação, são integrados à experiência do aplicativo. Os usuários são solicitados a respirar profundamente enquanto esperam, o que transforma a experiência de impaciência durante a espera pelo carregamento da meditação (e também um ponto em que os usuários poderiam desistir e abandonar) em um mini exercício de mindfulness que oferece valor adicional ao produto. Incrível!

Transforme a inspiração em ação

Siga o exemplo do Calm, procurando entender profunda e emocionalmente seus clientes. 

É possível usar gravações para criar empatia pela experiência do usuário, mas você realmente precisa conversar com seus usuários para se conectar mais profundamente. Conduza entrevistas com clientes e pesquisas de UX, e use as ferramentas de pesquisa da Hotjar para descobrir o que os usuários estão pensando e sentindo, com suas próprias palavras. 

A empatia com os usuários o ajudará a eliminar bugs, barreiras e atritos. Mas também o ajudará a identificar oportunidades onde você pode agregar alegria e prazer à experiência e, assim, reter clientes. 

Mas não pergunte apenas o que há de errado com a experiência do usuário: pergunte também aos clientes o que mais eles gostariam de ver e como gostariam de se sentir ao usar o seu produto e, em seguida, use as respostas obtidas para agregar valor.

4. Keurig: simplificando as informações para o comprador

A Keurig oferece uma experiência de compra informativa para suas máquinas de café de alta qualidade, e cápsulas de bebidas aromatizadas.

Por que é um exemplo de UX design incrível 

As máquinas de café Keurig são conhecidas pelo seu design elegante e pela sua facilidade de uso, portanto, a jornada de comércio eletrônico pelo site da Keurig também prioriza a estética do design e a facilidade de uso. 

Seu UX design atinge um equilíbrio sólido, oferecendo simplicidade visual, mas contendo ainda assim todos os detalhes técnicos do produto que um comprador de produtos eletrônicos domésticos deseja. 

Os clientes podem explorar imagens detalhadas de diferentes produtos e recursos de diferentes ângulos, para ter uma boa idéia e noção visual do produto. Há muitas informações detalhadas sobre o produto, mas elas são divididas em grupos intuitivos de especificações e explicadas em uma linguagem clara. Ao invés de listar especificações técnicas detalhadas, os detalhes do produto explicam aos usuários como cada recurso afetará a sua xícara de café matinal: os clientes em potencial são incentivados a imaginar como o produto se encaixa na sua vida cotidiana.

Informações imparciais podem ser obtidas facilmente através das avaliações de cada produto, e clicar para lê-las não o afastará do produto que você está vendo. A compra é simples e tranquila, e fica muito claro quais modelos e cores estão disponíveis.

Uma característica notável são as tabelas de comparação, que facilitam para os clientes a comparação de diferentes modelos, conhecer todas as opções  lado a lado e entender as suas diferenças.

Transforme a inspiração em ação

Fornecer aos clientes todas as informações necessárias sobre um produto, sem sobrecarregá-los, é um desafio. Você pode tentar evitar designs muito saturados e complicados, desorganizados ou contendo toneladas de jargão técnico, mas com um design simplificado, como você determina quais informações são importantes o suficiente para serem incluídas? 

O que é realmente importante é o que é importante para seus usuários. Você terá que perguntar, ouvir, colocar em prática as suas sugestões e, em seguida, perguntar novamente. É uma questão de tentativa, erro e iteração. Assista a gravações de sessão, use pesquisas de usuário e converse com os clientes antes e depois de cada iteração. 

Você também pode aprender com a Keurig prestando atenção especial às informações que ainda estejam faltando para os seus usuários poderem realizar as etapas finais de conversão. Talvez a exibição de avaliações com um maior destaque, ou oferecer uma tabela de comparação projetada para ajudar os clientes a tomarem uma decisão possa fazer toda a diferença—você não saberá, a menos que pergunte.

Use o recurso de Feedback de usuários da Hotjar para pedir aos seus clientes que avaliem a sua experiência, e que falem sobre quais informações adicionais gostariam de ver. 

Analise também as gravações de sessões dos clientes que não converteram nos estágios finais, e veja se eles estavam clicando para obter mais informações e, em seguida, use pesquisas para perguntar por que eles não converteram.

5. Airbnb: simplicidade e flexibilidade

O site do Airbnb combina navegabilidade e estilo, ao mesmo tempo que ajuda os usuários a encontrar aluguéis por temporada, ou a alugar suas casas como anfitriões.

Por que é um exemplo de UX design incrível

Os clientes sabem exatamente o que fazer assim que chegam à página de destino do Airbnb: há um CTA forte no topo da página.

O UX design do Airbnb consegue atender às necessidades de dois públicos muito diferentes: anfitriões e hóspedes. Cada grupo de usuários é preparado de forma diferente, com recursos visuais que atendem aos seus desejos (férias relaxantes para os hóspedes; uma fonte de renda estável e sem preocupações para os anfitriões) e usam a narrativa para criar uma conexão. 

Os recursos de pesquisa estão no centro da experiência do usuário do Airbnb. Os usuários começam com uma caixa de pesquisa simples e limpa e, em seguida, é fácil aplicar filtros e detalhar por faixa de preço, quarto ou apartamento.

A experiência do usuário é marcada por um design responsivo e adaptável que oferece diferentes maneiras de visualizar as informações, incluindo a filtragem dos imóveis por preço, por serviços (como piscina ou varandas) ou a visualização de propriedades em um mapa móvel e interativo.

Há também um senso de urgência bem utilizado para gerar as conversões: o site avisa quando restam poucas datas livres para uma propriedade, ou quando você encontra uma propriedade que costuma sempre estar reservada com bastante antecedência.

Transforme a inspiração em ação

Para seguir o exemplo do Airbnb, volte ao básico. Antes de lançar reformulações complexas de UX, considere fatores simples, como o quão proeminente é seu CTA, e se os usuários são atraídos a clicar nele ou a fazer uma pesquisa inicial sem hesitar. 

Não confie em suposições: use ferramentas de insights sobre a experiência do produto, como a Hotjar, para obter uma combinação de dados quantitativos e qualitativos que você pode usar para tomar decisões informadas sobre UX.

O UX design brilhante do Airbnb integra perfeitamente a usabilidade ao design, narrativa do produto, e marketing. É claramente o resultado de muitas funções e papéis diferentes: designers especializados em UX e UI, equipes de produto, marketing e vendas, analistas de negócios e muito mais. 

Inspire-se para levar um UX design incrível para além da sua equipe de produto. Promova a colaboração multifuncional para cobrir todas as bases, obter uma variedade de perspectivas e integrar as necessidades do usuário às necessidades do negócio.

6. Babbel: imersão e gamificação

A Babbel oferece uma interface simplificada de aprendizado de idiomas que ajuda os usuários a manterem o foco.

Por que é um exemplo de UX design incrível 

A partir do momento em que você experimenta o aplicativo, a Babbel pretende atrair seus clientes para um fluxo imersivo. 

O seu UX design é baseado em pesquisas educacionais e de usuários para atender às necessidades de um ambiente de aprendizado focado e estimulante. Ao se juntar a uma aula, você entra em modo de tela cheia, sem distrações ou botões extras, e as aulas combinam mídia escrita, visual e de áudio para manter as coisas variadas e envolventes.

A UX oferece diferentes caminhos a serem seguidos: você pode fazer as aulas como parte de um curso estruturado e progressivo, ou apenas brincar por alguns minutos aqui e ali. 

A experiência da Babbel busca gamificar o aprendizado de idiomas. Os usuários recebem desafios e pontuações a serem superadas, obtendo um reforço positivo durante todo o processo, e as lições são planejadas para oferecer um desafio, mas não a ponto de desencorajar os clientes. 

A experiência do usuário e a interface do usuário são projetadas para atrair os clientes rapidamente e mantê-los engajados enquanto aproveitam a experiência e alcançam seus objetivos.

Transforme a inspiração em ação

O vice-presidente de design de produtos da Babbel afirma: "Realizamos pesquisas de usabilidade regularmente, com a expectativa de que os novos designs passem por pelo menos duas iterações até que estejam perfeitos."

Siga o exemplo deles, descobrindo e adaptando-se continuamente às novas informações que você obtém sobre os seus clientes.  

Esteja disposto a questionar as suas suposições por meio de pesquisas aprofundadas com os usuários. 

O exemplo da Babbel também mostra que nem todos os usuários têm as mesmas necessidades ou a mesma maneira de interagir com o seu produto ou site: alguns podem querer interações rápidas, enquanto outros podem estar buscando uma interação mais estruturada e regular.

Por isso, é importante complementar os dados quantitativos com insights qualitativos sobre determinados segmentos de clientes. Usando mapas de calor e dados analíticos, você pode ver que uma certa porcentagem de usuários está deixando de participar, mas pode haver mais de um motivo para isso. Use gravações de sessão filtradas por dados demográficos do usuário, para obter informações mais detalhadas, e ferramentas de pesquisa e entrevista com usuários para descobrir quais necessidades específicas dos usuários não estão sendo atendidas.

Lembre-se: com os Mapas de calor, Registros de sessão, e Pesquisas, a Hotjar permite que você acesse vários tipos de dados de clientes em um só lugar!

Crie uma cultura de UX design centrada no cliente

Como esses exemplos inspiradores deixam claro, o UX design é um processo contínuo. As melhores equipes estão sempre buscando maneiras de entender melhor seus usuários e otimizar a sua experiência. 

Para obter um UX design brilhante, todos os aspectos do seu produto devem se concentrar em atender às necessidades dos clientes. 

Ferramentas de insights sobre a experiência do produto ajudam você a combinar a análise com insights qualitativos valiosos. Ao ter empatia com os usuários, você pode criar uma experiência de UX centrada no cliente que aumenta a conversão, a retenção e o impacto.