9 Exemplos de UX que Todo Designer Deve Conhecer

O UX design está com tudo.

E a razão disso é bem simples:

Concorrência.

Hoje em dia, há inúmeros produtos com recursos parecidos que resolvem o mesmo problema. Para vencer a concorrência, as empresas tentam criar produtos que despertem a paixão dos usuários.

E a única forma de fazer isso? Oferecendo uma ótima UX.

Quando a UX é boa, os clientes aproveitam melhor o tempo com o seu produto e ficam mais satisfeitos com o seu negócio. Com uma maior satisfação do cliente, fica muito mais fácil atrair novos clientes, converter usuários de primeira viagem em usuários regulares e reter os clientes atuais.

Para desenvolver produtos com uma ótima UX, você deve conferir os melhores e os piores exemplos de UX design.

Mas como definimos uma boa UX?

Resumo

  • O design da experiência do usuário é um dos principais elementos que podem fazer com que seu site seja bom ou ruim, portanto um bom design de UX é fundamental.
  • Um bom design de UX envolve vários fatores, incluindo simplicidade, usabilidade e estética visual.
  • Estamos cercados por uma boa UX na maior parte do tempo. Por exemplo, seu aplicativo móvel favorito de aprendizado de idiomas pode ter recursos impressionantes.
  • Este artigo envolve bons elementos de UX e diversos bons exemplos de design de UX, portanto não se esqueça de dar uma olhada neles!

O que define uma boa UX?

Se você está no mundo SaaS há algum tempo, seu olho já deve estar treinado para identificar uma boa UX.

Nem todo mundo sabe o que há de errado quando encontram uma UX ruim, mas pelo menos a maioria de nós entende que algo está errado. Isso acontece porque reconhecemos três elementos simples de um bom design:

1- Simplicidade

Talvez a parte mais importante de um bom UX design seja a simplicidade. Sim, antes mesmo da usabilidade, pois é muito provável que os seus usuários não consigam utilizar o seu site ou app se ele não for simples o bastante.

Podemos até dizer que a simplicidade é um requisito para usabilidade.

E por que é tão importante que as coisas sejam simples? Porque o simples funciona. Especialmente mais hoje em dia, o simples não apenas funciona, mas satisfaz.

Veja a página inicial da Zara, por exemplo:

exemplos de boa experiência do usuário ux zara

Uma imagem em um plano de fundo branco. Palavras simples em preto. Um botão de pesquisa ligeiramente maior que o restante do texto.

Mesmo sem fazer compras online com frequência, você saberia navegar por este site. E é isso que torna a UX simples.

2- Usabilidade

Você já deve ter entendido que simplicidade e usabilidade em UX andam de mãos dadas. No entanto, elas também podem estar de lados opostos.

Uma UX muito simples pode não entregar a usabilidade esperada, pois esta possui seus próprios critérios. Podemos pegar como exemplo qualquer redesign no Dribbble ou Behance. Ou veja este design do Hossein Majidinejad que eu adoro. É lindo, mas será que é melhor de navegar que a UX atual do Instagram?

exemplos de experiência do usuário ux instagram

3- Visual

Eu sei, nós somos ensinados a não julgar o livro pela capa.

Mas quando se trata de UX, não tem outro jeito. Na verdade, os usuários decidem se gostam ou não do seu site/app em apenas 50 milissegundos.

Fica difícil assim, né? Então é melhor dar uma razão aos usuários para gostar do seu site.

How Far It Is To Mars? é um site com uma única função: ele mostra a distância da Terra até Marte. Mas seu design é cativante; eu não estava nem aí para a distância até Marte, mas continuei no site pela UX.

exemplos de experiência do usuário

Sim, criar uma boa UX não é uma tarefa fácil. Mas garantir que o seu site ou app seja simples, fácil de usar e visualmente agradável é um bom começo.

Vamos ver alguns exemplos que aplicaram esses três elementos.

9 grandes exemplos de uma boa UX

1- O Google mantém as coisas simples desde 1998

O Google, serviço criado oficialmente em 4 de setembro de 1998 por Larry Page e Sergey Brin, possui sem sombra de dúvidas o maior motor de busca do mundo.

Mais de 3,5 bilhões de pesquisas são feitas todos os dias por meio do Google, o que resulta em 1,2 trilhão de pesquisas por ano.

Além disso, o Google investe em tecnologias web, tradução automática, inteligência artificial e diversos outros campos, o que coloca a gigante entre as cinco maiores – se não a maior – empresas de tecnologia do mundo.

Seu produto mais amado e mais utilizado, no entanto, é o foco do nosso artigo de hoje:

O motor de busca do Google.

Por que o Google teve tanto sucesso? Somente graças às suas campanhas de marketing ou aos seus investimentos em tecnologia?

A resposta é não. Talvez a maior razão por trás desse sucesso esteja no excelente UX oferecido pelo motor de busca do Google.

É a ferramenta mais simples e mais rápida já criada. Não exige um tutorial ou qualquer tipo de tooltip.

Basta digitar o que você deseja encontrar, apertar Enter e pronto.

O produto sempre foi assim, e parece que ele fica cada vez mais fácil, simples e rápido com o passar do tempo.

Aqui está uma das primeiras versões da Pesquisa Google – não dá uma certa nostalgia?

ux design no google

Embora eles tenham alguns links adicionais na parte inferior, a ferramenta permanece a mesma, sempre funcionando com rapidez e simplicidade.

Ao longo de mais de 20 anos, tudo o que eles mudaram na Pesquisa Google foi remover os links adicionais e torná-la ainda mais simples e rápida.

Veja como a página inicial do Google é atualmente.

ux design no google

É por meio de um bom UX que você entrega exatamente o que foi prometido de maneira simples e prazerosa, e é isso que o Google tem feito ao longo desses anos.

2- Os e-mails de onboarding do Grammarly fazem muito sucesso

Eu uso muito o Grammarly.

Seja para escrever um documento acadêmico, uma publicação no blog ou uma mensagem para um cliente. Vou ser honesto: eu não quero cometer erros.

E o Grammarly é uma ferramenta incrível para isso. Ele não apenas corrige seus erros de ortografia, mas também é capaz de corrigir as palavras usadas, o tom da sua escrita, entre outros detalhes – ele diz claramente o que você fez de errado.

Não se trata apenas de um corretor ortográfico; é uma ferramenta capaz de lhe ensinar gramática.

No entanto, a ideia deste artigo não é elogiar a ferramenta em si. Meu foco está nos e-mails interessantes que tenho recebido desde que comecei a usar a ferramenta.

O Grammarly faz um ótimo trabalho enviando e-mails de onboarding aos seus usuários. Eles não enviam apenas ofertas especiais e atualizações do produto, mas também enviam estatísticas e conquistas para incentivar seus usuários.

Veja os últimos e-mails que recebi do Grammarly.

ux design no gmail

Eu sinceramente amo esses e-mails e costumava abrir cada um deles até que começaram a aparecer na pasta de promoções.

Eles enviam e-mails que realmente oferecem valor, fazem questão de garantir que você entenda suas estatísticas e abordam seus usuários de uma maneira extremamente amigável.

Aqui está um e-mail que eles me enviaram quando troquei de computador e me esqueci de instalar o Grammarly:

ux design no grammarly

E aqui está o e-mail que eles me enviaram quando eu tirei férias:

ux design no grammarly

Como você pode ver, apenas alguns e-mails escritos com cuidado e atenção podem fazer com que seus usuários se apaixonem pela sua marca.

A UX não precisa estar dentro do produto em si, já que esse conceito se refere à experiência geral que o seu negócio fornece aos usuários. A UX também pode ser melhorada por meio de métodos externos, como é o caso do Grammarly.

Aqui está tudo o que você precisa saber sobre e-mails de onboarding.

3- O LinkedIn oferece um dos checklists de onboarding mais úteis do mercado

Você consegue imaginar como seria sua vida profissional sem o LinkedIn?

Como você pesquisaria por vagas de emprego ou contrataria novos funcionários?

Bem, não seria tão difícil assim, mas o LinkedIn realmente facilita muito as nossas vidas.

Eu me lembro de quando dei meu primeiro passo na vida profissional ao criar minha conta no LinkedIn. A primeira coisa que notei foi como o produto sempre sugeria coisas que eu poderia fazer para melhorar a aparência do meu perfil no LinkedIn e minha capacidade de usar o produto.

E eu me lembro de fazer tudo isso, pois parecia algo necessário – e ainda foi um prazer.

Quando um usuário novo começa a usar seu produto com uma conta recém-criada, você deve fornecer a ele uma noção do que deve ser feito a seguir. O LinkedIn conseguiu fazer isso muito bem.

Veja como sua página inicial é apresentada logo após fazer o primeiro login no LinkedIn:

ux design no linkedin

“Conclua estes passos para aproveitar ao máximo o LinkedIn”…

Você não pode simplesmente ignorar uma lista de afazeres após uma frase como essa, pois ela é honesta e vai direto ao ponto: se quiser ser um usuário eficiente, você deve fazer isso!

O LinkedIn também lhe fornece algumas tarefas para melhorar seu perfil público. Veja como a página do seu perfil se parece no início:

ux design no linkedin

Após ter concluído esses passos, eu obtive um bom perfil público e um bom conhecimento do produto em si. Eu estava completamente integrado.

Para integrar seus usuários com eficiência, você pode adicionar checklists ao seu processo de onboarding. Eles ajudam a guiar seus usuários ao longo dos primeiros passos até que atinjam o momento “Aha!”.

4- Todos nós amamos como o Facebook cuida dos seus usuários

Há mais de 2,5 bilhões de usuários ativos mensalmente no Facebook.

A cada segundo, cinco perfis novos são criados.

Deve ser uma tarefa desafiadora fornecer um bom UX para cada um desses usuários!

Mas o Facebook lida com isso como ninguém. O serviço personaliza a experiência de cada usuário com base nos seus interesses e nas suas atividades no Facebook, fornecendo a cada usuário uma experiência única.

Com dezenas de elementos, incluindo localização, idioma, interesses e atividades do usuário, o Facebook se torna seu próprio espaço virtual para passar o tempo.

Cada um desses recursos pode ser considerado um bom elemento de UX, mas eu gostaria de falar especificamente sobre o valor que o Facebook dá aos seus usuários.

O Facebook não tenta apenas ser uma plataforma de rede social; ele busca ajudar seus usuários de todas as formas que puder.

Como neste exemplo em que o Facebook fornece uma informação breve sobre como será o clima na sua região naquele dia:

Isso pode parecer algo simples, mas não é. Eles não precisavam adicionar esse recurso ao Facebook, está longe de ser necessário.

Como eles valorizam seus usuários e se preocupam com a experiência vivida por eles, esse recurso foi adicionado, e as pessoas amaram.

Aqui está outro recurso do Facebook: Verificação de Segurança.

ux design no facebook

A Verificação de Segurança permite que você se marque como seguro em relação a um incidente ocorrido na sua região e solicite que seus amigos no Facebook façam o mesmo.

Quando passamos por um momento difícil após um desastre, todos nós buscamos conforto perguntando para nossos amigos e familiares se eles estão seguros, e o Facebook ajuda muito com isso.

Embora um recurso do tipo possa não trazer lucros para o seu negócio, fornecer aos seus usuários um recurso útil para melhorar a experiência deles com o produto é uma chance de estabelecer uma relação de confiança entre você e seus usuários.

5- A loja online da Apple é única

Eu estava procurando por um iPad esses dias.

Em vez dos sites mais populares em que podemos comprar produtos de tecnologia por preços mais baixos, eu acessei a própria loja online da Apple.

Embora eu tenha entrado para conferir a seção de iPads, quando me dei conta eu estava navegando sem rumo pelo site.

Era tão simples de usar e oferecia tanto conteúdo interessante que acabei comparando os modelos de Apple Watch e conferindo as últimas séries da Apple TV.

O que fez com que esse site fosse tão tentador?

Seu design.

Em primeiro lugar, o site é fácil de navegar. Veja como é a barra de navegação.

ux design na apple

Juntamente com os nomes das categorias, as subcategorias consistem em pequenas imagens que facilitam a navegação.

Você acaba passando mais tempo em um app que é fácil de navegar.

Outra coisa que chamou minha atenção foi a linguagem usada ao longo de todo o site.

Veja uma seção de exemplo:

ux design na apple

A linguagem usada no site mostra que eles vão direto ao ponto e que são criativos.

Basta ler essas frases para entender o valor da proposta dos produtos.

Você pode pensar que isso é mais um exemplo de UI design do que de UX, mas a interface que você oferece aos seus usuários também faz parte da experiência vivida por eles.

Melhorar o design da sua interface, entendendo e trabalhando no que seus usuários gostariam de ver, é uma ótima forma de melhorar a UX do seu produto.

6- A GhostwriterAI faz um onboard separado para cada recurso

A GhostwriterAI é uma plataforma baseada em Inteligência Artificial que ajuda os vendedores de conteúdo a identificarem seu público-alvo e envolvê-lo com novos conteúdos altamente focados.

Eles entraram de última hora nesta lista, e eu tive que citá-los após a nossa história de sucesso com a CEO da GhostwriterAI, Ester Liquori. Eles têm usado a UserGuiding para oferecer um onboard eficaz e eficiente para os novos usuários da plataforma.

Uma coisa especial sobre o onboarding deles é que ele não é linear.

um guia de usuário diferente para cada recurso, como se fossem produtos independentes – o que às vezes parecem ser. Por exemplo, isso faz parte da sua ferramenta Profiler:

ux design na ghostwriter

E isso está na sua ferramenta Curator:

ux design na ghostwriter

Em vez de fazer um longo guia que vai pulando de um recurso para o outro e mostra apenas os pontos essenciais, o que deixaria o usuário entediado até a alma, eles dividiram seu onboarding em diversas partes que podem ser digeridas conforme for necessário.

Dessa forma, eles evitam a perda de muitos usuários que ficariam confusos com tanta informação de uma só vez.

Eu acredito que este é um grande esforço para melhorar a experiência dos seus usuários, poupando-os de minutos de tortura.

E sabe como a GhostwriterAI criou um onboarding tão eficiente?

Com a UserGuiding, uma ferramenta que os ajudou a gastar 63% menos tempo criando e mantendo os guias de onboarding e ainda gerou uma taxa de conclusão de 80%.

Veja como eles conseguiram isso!

Software de onboarding de clientes simples, acessível e poderoso

Software de onboarding de clientes simples, acessível e poderoso

New call-to-action

7- O Duolingo é mais do que um meme

Todo mundo ama o Duolingo. Sim, tivemos bons memes.

Mas deixando o marketing da marca de lado, o Duolingo sabe o que faz quando se trata de UX.

Da UX do site/app à UX do onboarding e das notificações, o Duolingo cria uma experiência de aprendizagem de idiomas que vai além de uma simples tarefa.

Como? Por meio da gamificação, tudo vira um jogo.

Veja só este padrão de UX de onboarding do Duolingo:

bons exemplos de experiência do usuário ux duolingo
exemplo de experiência do usuário ux duolingo

Outro exemplo de UX gamificada do Duolingo é a pontuação de cada lição:

exemplo de ux duolingo

Ao premiar o resultado do usuário com XP e colocar essa pontuação em uma tabela de classificação, o Duolingo incentiva os usuário a continuar usando o app. E se os seus usuários usarem o seu app como usam o Duolingo, pode ter certeza que você tem uma boa UX.

8- O Airbnb sabe o que você quer fazer

Desde sua criação, o Airbnb sempre teve uma site muito legal, e é claro que isso também se aplica à sua UX.

Porque ela só melhora.

Ao acessar o Airbnb, a primeira coisa que aparece é uma barra de pesquisa. Mas o que há de tão especial nessa barra de pesquisa?

Nada. E é por isso que ela é interessante.

O Airbnb tem uma barra de pesquisa tão boa que acabo planejando uma viagem aleatória toda vez que eu abro o site – mesmo que eu não tenha tempo para viajar.

exemplos de experiência do usuário ux airbnb

Mas é claro que o padrão de UX de maior destaque do Airbinb é a visão de mapa na lateral.

Ao possibilitar que os usuários vejam os preços em um mapa, o Airbnb fornece exatamente o que todos nós queremos: poder ver todas as informações em uma imagem.

bom exemplo de ux airbnb

Além disso, o Airbnb também fornece a segunda coisa que mais precisamos em um site de aluguel para viagens: dicas.

good ux example airbnb

Do microtexto “Você ainda não será cobrado” à marcação de “Raridade” em anúncios específicos, o Airbnb coloca todas as informações que você precisa em um só lugar e da forma mais simples possível de ler e entender.

E isso é o que eu chamo de uma boa UX.

9) O Spotify mudou a personalização para sempre

É o que eu sempre digo: quem inventou a Retrospectiva do Spotify merece um prêmio de marketing.

Temos a Retrospectiva, os mixes diários, o radar de lançamentos e, mais recentemente, a possibilidade de criar uma playlist que misture o seu gosto com o dos seus amigos.

Uma coisa ficou clara:

A personalização do Spotify está em outro nível.

E essa personalização que todos nós buscamos é o que torna a UX do Spotify tão única.

good ux examples spotify

Não é só a personalização, mas a forma com que o app trabalha a ideia de gosto musical pessoal também é uma grande parte da experiência do usuário do Spotify. Ao criar um ciclo de música personalizada, nós continuamos usando o app e descobrimos o que ouvimos ao longo de cada ano.

É uma ideia brilhante.

Conclusão

Conforme o seu público cresce, seu serviço alcança mais usuários e você entra de fato na competição, a UX se torna uma parte crucial da corrida pelo “melhor produto”.

Trabalhar no design do seu produto, estimular os usuários fora do app, fornecer recursos importantes e melhorar a experiência de onboarding fornecida aos seus usuários são ótimas formas de melhorar a sua UX.

Estude como os grandes nomes da tecnologia criam uma UX perfeita e mãos à obra!


Perguntas Frequentes


O que é UX?

A experiência do usuário (UX, na sigla em inglês) envolve os pensamentos e as emoções de um cliente ao usar um produto específico.


Por que oferecer uma boa UX é importante?

Ter boa UX significa que seus clientes estão satisfeitos com o que você oferece. Quando seus clientes estão satisfeitos, seu produto é utilizado por mais tempo e seu negócio tende a crescer mais.


É possível ter uma boa UX sem uma boa UI?

Sim, você pode ter uma boa UX sem uma boa UI. No entanto, para ter a UX perfeita, a interface do usuário também precisa ser excelente.

Junte-se a mais de mil equipes e melhore seu onboarding

Teste grátis de 14 dias, com mais 30 dias de garantia de dinheiro de volta!

Selman Gokce

Selman Gokce

Selman Gokce é o Especialista de Inbound Marketing da UserGuiding. Ele estuda muito onboarding de usuários e adoção digital, principalmente para SaaS, e escreve sobre esses assuntos para o blog da UserGuiding. Quando não está escrevendo, ele pode ser visto ouvindo as trilhas sonoras de O Senhor dos Anéis enquanto cozinha ou irritado por ter perdido em algum jogo.