Main

🎃 10 Erros Mais Assustadores de UX e UI Design

Marcus Dutra
8 min readNov 1, 2022

--

Disclaimer: Esse artigo faz parte é uma tradução da obra original escrita por FlowMapp: 🎃 10 Scariest UX & UI Design Errors Ever.

Usar uma interface ruim é como colocar um pino quadrado em um buraco redondo. É frustrante, gasta tempo e às vezes impossível. Infelizmente existem vários exemplos de experiências de usuários ruins lá fora. Desde menus confusos até pequenos botões, aqui está alguma das piores falhas de UX:

  • Botões que são muito pequenos para apertar precisamente
  • Links que estão muito perto de si
  • Menus que são difíceis de navegar
  • Textos difíceis de se ler
  • Pop-ups que são invasivos e chatos

Vamos dar uma olhada em algumas das falhas de design de experiência do usuário, infelizmente, muito familiares.

#1 — Captcha sem fim

Escolha todas as motos, todos os sinais de trânsito, trens….você pode gastar horas tentando ser mais esperto que a máquina e falha de qualquer forma. Mas quem é o perdedor aqui? Obviamente, o dono do site, que não se importou nada em criar uma boa experiência de usuário.

Linkedin web page with Captcha of same frog in 6 different positions

#2 — Muitos botões de "comprar"

Websites são como roupas: quantos mais botões eles têm, mais feios eles parecem. E logo com as roupas, websites com muitos botões não são atrativos para os usuários.

Websites com botões em peso são cansativos e confusos pro usuário. Eles deixam difícil para os usuários saberem quando clicar e o que fazer em seguida. Pior, eles dão a impressão que o site é complexo e desafiante. Isso é a última coisa que você que os seus usuários pensem.

Websites cheios de botões também podem ser difíceis para carregar e navegar. Todos esses botões extras adicionam um peso para página, diminuindo o tempo de carregamento. E se os usuários têm que clicar em um monte de botões para achar o que eles estão procurando, eles provavelmente vão ficar frustrados e desistir.

Então, se você quer que seu site seja user-friendly, mantenha os botões no mínimo. Seus usuários vão agradecer por isso!

Shein wensite with a pop-up with a lot of buttons

#3 — Muitos Filtros em Online Shopping

Muitos filtros numa loja online são como aquelas pessoas na festa que tentam ser amigo de todo mundo. Você conhece o tipo. Eles vão de grupos em grupos, ansiosamente oferecendo suas opiniões em cada tópico. Eles estão tentando sem simpáticos, mas você os quer longe por um tempo.

Da mesma forma, muitos filtros em uma loja online podem ser cansativos e desanimador para usuários. Eles podem ter dificuldades de achar o produto certo com tantas opções para seus desejos. Pior ainda, eles ainda podem ficar frustrados e abandonar a pesquisa. Então lembre, menos é mais quando é para comprar online. Obrigado por filtrar isso para nós!

Website page of pilulka with a lot of text and options as an exemplo of overwhelming

#4 — Pixelated Images

Você ja tentou entender o que estava em uma imagem pixelada? Não é tão fácil né? E é ainda mais difícil se você está em uma tela pequena. Por isso que imagens de baixa qualidade são uma dor para os usuários. Eles não podem ver o que supostamente era pra eles olharem, e tem que apertar e forçar os olhos para fazer algum sentido na bagunça. Em alguns casos, eles podem até desistir e ir para outro lugar.

Então se seu website está cheio de imagens pixeladas, você pode querer considerar trocar essas fotos por algo visível. Pode parecer como uma pequena mudança, mas irá fazer uma grande diferença para seus usuários.

Meta website with $6 billion on the center with 4 images of people around the world

#5 — Popups Irritantes

Vamos encarar: todos nos odiamos popups. Você está cuidando do seu próprio negócio, lendo o artigo ou scrollando por uma lista de produtos quando — BAM! — um popup aparece do nada, bloqueando sua visão e pedindo sua atenção. É o suficiente para você querer jogar seu computador pela janela. Mas tão irritantes que eles são, popups serve para um propósito essencial: ajudar websites a gerarem lucro. De qualquer forma, isso não necessariamente significa que vai ser bom para o usuário. Popups podem, na verdade ferir a experiência do usuário.

Para uma coisa, popups são intrusivos e interruptos. Eles aparecem sem qualquer aviso ou força para pegar ação, mesmo se você está clicando um botão ou entrando no seu endereço de email. Isso pode ser frustrante, especialmente se você está no meio de algo. Popups podem também ser difíceis para fechar, especialmente em smartphones. E se você ainda tentar fechar eles, alguns deixam uma sombra que podem ser tão chato quanto o popup em si.

Mas o grande problema com popups é que eles frequentemente contém informações enganosas ou irrelevantes. Títulos com clickbait e falsas promessas são táticas comuns para atrair pessoas a clicarem em um popup. E mesmo se a informação dentro do popup é relevante, é frequentemente apresentada de uma forma problemática para entender ou digerir. Como resultado, usuários são deixados confusos e frustrados. Livre-se deles e envolva seus usuários de maneiras mais sutis.

AliExpress website with a pop-up overlaying the screen

#6 — Scroll sem Fim

Scroll sem fim te deixa consumir conteúdo sem clicar entre páginas. No entanto, essa feature tem alguns pontos baixos para usuários que não estão sabendo sobre. Por primeiro, um scroll sem fim pode levar para uma “sobrecarga de informação”. Isso ocorre quando usuários são apresentados a muita informação de uma vez só, e eles não podem processar efetivamente. Como resultado, muitos podem perder detalhes importantes ou ficarem sobrecarregados e ter uma completa dissintonia.

Superdeal website with infinite scroll

#7 — Unformatted Text Blocks

Nós já vimos muito antes, tentar ler um artigo online, e ser confrontados por grandes blocos de textos desformtados. Isso é absolutamente soul-destroying. Conforme você rola a página, seus olhos ficam vidrados e seu cérebro começa a desligar. Você tenta desesperadamente encontrar uma maneira de tornar o texto mais legível, mas sem sucesso. Eventualmente, você desiste de frustração e passa para outra coisa.

Por que os sites insistem em apresentar seu conteúdo de uma maneira tão pouco amigável? Certamente eles devem perceber que é terrível para a experiência do usuário e acaba afastando os visitantes? A resposta, infelizmente, é que muitos proprietários de sites não se importam. Eles estão mais preocupados em colocar o máximo de conteúdo possível na página, na esperança de que alguém tropece nele e o leia. Mas, na realidade, muito poucas pessoas ficarão por perto se forem confrontadas com enormes paredes de texto.

Então, da próxima vez que você encontrar um site que pareça determinado a dificultar sua vida, lembre-se — não é pessoal. Eles são apenas ruins em web design. E enquanto isso, continuaremos esperando que alguém finalmente invente um botão de formatação que realmente funcione.

Website with a poor text formating

#8 — Muita Animação

Todo nós já estivemos lá. Você está navegando por um website, procurando informação, e de repente você é bombardeado com uma animação brilhante e cintilante. Talvez seja um popup pedindo para você assinar uma newsletter. Ou algum anúncio que começa a tocar automaticamente. Ou uma imagem rotativa da galeria que é impossível de parar.

Qual seja o caso, muita animação é terrível para a experiência do usuário. É intrusivo e irritante, fazendo desafiador a tarefa de achar a informação que você estava procurando. Em alguns casos, pode até causar dor de cabeça ou enjoos!

Então da próxima vez que você for designar um site, lembra de manter o balanço de animação. Seus usuários vão agradecer por isso.

#9 — Não Mobile-friendly

No ritmo rápido de hoje em dia, sempre ligado, websites são mais importantes do que nunca para oferecer uma experiência agradável aos usuários de smartphones. Apesar de tudo, aproximadamente 2/3 do tráfico de toda a internet provem de dispositivos mobile, e esse número só tende a crescer. Sim, e ainda alguns websites ainda não são adaptados para usuários mobile. Isso é um grande erro!

Usuários mobile são um dos mais engajados e ativos usuários por aí. Eles sempre estão indo e vindo e esperam acessar seu site de qualquer lugar a qualquer hora. Se seu website não é mobile-friendly, você está perdendo uma grande oportunidade de se conectar com seu público alvo.

#10 — Formulários Longos

Você já esteve no meio de um preenchimento de um longo formulário em website, só para perder seu progresso porque acidentalmente navegou fora da página? Se sim, você sabe o quão frustrante é lidar com um formulário extenso.

Em adição de ser consumidor de tempo, grandes formulários podem sobrecarregar sua paciência e memória. Além de tudo, quem consegue lembrar cada senha e usuário que já usou?

Ultimamente, grandes formulários são uma experiência de usuário ruim, porque eles são desnecessariamente complicados e consumidores de tempo. Então na próxima vez que você for designar um website, mantenha os seus usuários na mente e mantenha o processo de registro pequeno e adorável.

Website with lengthy registration forms

Pensamentos finais

Essas são apenas algumas maneiras pelas quais interfaces mal projetadas podem tornar nossas vidas mais difíceis. Então, da próxima vez que você se esforçar para usar uma interface, lembre-se de que não está sozinho. E se você estiver encarregado de projetar uma interface, leve essas lições a sério 🎃

Sobre o artigo

O artigo é uma ótima leitura para aqueles que procuram um conteúdo enxuto, fácil e gostoso de ler na sua rotina matinal. Possui uma categorização numérica que facilita a leitura em muito, além de citar no início um pouco do que viria pelos textos.

Apesar de ter um flow agradável de entendimento, para mim que fui traduzir afim de buscar conhecimento, não chegou a ser muito acrescentador na visão.

Possuo um bom conhecimento básico em UX Design, então ao ver esses tópicos achei que poderia me aprofundar neles descobrindo algumas dicas sobre como melhorar ou alguma pista técnica que deixaria meus designs um pouco mais atraente, porém o que eu apenas achei foi a opnião do autor.

Durante todo o texto ele comenta sobre erros e problemas de UX sérios que diversos websites tem, só que todos os 10 erros ele comenta de uma forma nada técnica, deu pra sentir bastante enquanto eu traduzia uma falta de profissionalismo no texto, o que eu achei que teria ao escolher esse artigo pra traduzir.

Porém não é somente a comunicação bem pessoal que o artigo tem de pouco profissional, o artigo também peca em usar uma linguagem pesada para o assunto, como os termos "soul-destroying", "jogar o computador pela janela". Sendo praticamente uma reclamação pessoal a questões de internet, pois ele não oferece soluções, apenas os problemas.

O que me fez achar que o escritor estava passando realmente por um tempo ruim na vida dele, enquanto fez esse artigo, mas de qualquer forma conseguiu atingir o seu objetivo, que era citar os erros de UX e UI design mais assustadores.

Conclusão: Um artigo de boa leitura em Design com uma comunicação nada profissional.

--

--