4 lições aprendidas com falhas de design famosas

Como designers, podemos apontar um design brilhante em um segundo e um design ruim em meio segundo. Na verdade, o design ruim é tão perceptível que existem subreddits inteiros dedicados a ele. Somos treinados apenas para pensar em soluções intuitivas que também são visualmente atraentes, então, quando vemos algo com espaço para melhorar, ele se destaca.

De botões quebrados a formulários defeituosos e padrões de navegação irritantes, o design ruim está ao nosso redor. Embora às vezes possa ser divertido, também pode ser muito sério.

Mas não importa o que aconteça, sempre há algo que você pode aprender com os erros de design para não repeti-los no futuro. Então, vamos mergulhar em algumas falhas de design famosas das quais você pode aprender!

“O engraçado sobre um ótimo design é que, para o resto do mundo que não é design, ele passa despercebido. ”

Lição 1: O teste do usuário é a chave para criar experiências excepcionais

Uma “falha” de design clássico é conhecida como porta normanda. Se você nunca ouviu falar disso, pergunte-se: você já tentou puxar uma porta de empurrar ou empurrar uma porta de puxar? Parabéns, você encontrou uma porta normanda!

O problema com essas portas traquinas é que o design desvia sua intuição. Ou você não sabe como abrir a porta ou, no entanto, você assume que a porta deveria ser aberta, na verdade deveria ser o oposto.

Não só as portas Norman são extremamente confusas e embaraçosas de se encontrar (eu nunca as acerto na primeira tentativa!), mas elas são tão comuns que se tornaram um fenômeno amplamente conhecido. Você pensaria que isso resultaria em uma solução e design melhores, mas isso continua sendo um problema que quase todo mundo diria que encontrou em algum momento.

Como planejar estrategicamente o design de UX com muitos dados

Big data está crescendo. No entanto, harmonizar necessidades complexas de dados com uma interface de usuário simples, limpa e útil é um teste para qualquer designer de UX hoje. Muitas vezes, o design (a ferramenta para transmitir uma mensagem) recebe...

Aprendizado:

A lição a aprender aqui é que a experiência do usuário e o teste do usuário são super importantes! Se as pessoas para quem você está projetando não entendem como usar ou navegar em seu design, qual é o objetivo?

Especialmente para web design, sua interface web é extremamente importante. Só porque ele é lindamente projetado não significa que ninguém saberá onde encontrar as informações de que precisa em seu site, então você precisa projetá-lo de uma maneira que os ajude a saber o que fazer em seguida.

A solução para “verificar seu trabalho” é mais simples do que você imagina: faça alguns testes de usabilidade para obter feedback de alguém do seu público-alvo. Não os incite com muita informação; apenas observe e veja como eles navegam em seu site para ter uma ideia melhor de como eles esperam usá-lo. Deixe-os fazer perguntas e faça perguntas para si mesmo!

Lição 2: Proteger-se contra erros humanos

Não importa o quão bem algo seja projetado, no final do dia, as pessoas cometem erros. Selecionamos as coisas erradas, clicamos nas teclas erradas e pressionamos os botões errados. A questão então se torna: o design pode nos ajudar a superar o erro humano? Os alertas de mísseis do Havaí que foram enviados no início de 2018 são um exemplo disso. O alerta foi acionado ao pressionar o botão errado, o que levou muitos designers a questionar se um design melhor poderia ter evitado isso.

A menos que você trabalhe para os caras que apertam o botão, não há certeza de como esse processo exato funciona. As pessoas começaram a fazer algumas perguntas importantes, no entanto, e a pensar em maneiras de como o design pode ajudar a criar proteções contra erros humanos. Por exemplo, talvez se os botões “isto é um exercício” e “isto é real” fossem um pouco mais exclusivos ou não estivessem disponíveis no mesmo menu, toda a situação poderia ter sido evitada.

Este evento foi um grande choque para o mundo em como projetar para evitar erros humanos é de extrema importância. Mesmo em pequenas coisas como compras online, um pequeno erro humano pode causar grandes problemas para os pagamentos e para o seu negócio. Como dizem, uma boa defesa é o melhor ataque.

Aprendizado:

“Não importa o que você está projetando, lembre-se: “A tecnologia é tão inteligente quanto o usuário.” ”

Quando foi uma má ideia executar um pop-up de verificação para alterações importantes? Estou apenas dizendo que, se o botão "DELETE" do seu banco de dados não tiver um "Tem certeza?" tela, então não sei como você conviveu com a incerteza em seu trabalho.

Mesmo no básico da codificação, você começa a aprender como minimizar proativamente o erro humano onde puder. É por isso que até mesmo medidas preventivas simples, como definir permissões adequadas, fazer backups ou definir tipos de dados, são de extrema importância!

A proteção contra erros humanos também é super importante para os usuários do seu site. Considere o seguinte: talvez você tenha um formulário longo que seus usuários preencham para seus serviços. Existem erros incompletos que aparecem depois que eles clicam em enviar? Existe um "Tem certeza de que quer sair?" avisando se eles fecharem acidentalmente no meio de uma compra? Essas são coisas simples de fazer para ajudar seus clientes a ter a melhor experiência e evitar possíveis dores de cabeça no futuro.

Lição 3: A tipografia não deve ser uma reflexão tardia

Lembra do Oscar de 2017 com o vencedor errado de “Melhor Filme?” Fale sobre um erro simples que poderia ter sido evitado com um pouco de hierarquia!

A psicologia da tipografia

Junto com a cor, a forma como você usa a tipografia em seu site é um elemento chave que pode determinar o sucesso – ou fracasso – do seu site. A palavra escrita existe há séculos como um meio ...

Embora existam vários fatores envolvidos no anúncio falso, uma mudança que certamente poderia ter ajudado a criar um pouco de clareza foi um melhor uso da tipografia no próprio cartão. Mesmo que não haja muita informação, ela precisa ser exibida de uma forma que rapidamente faça sentido para os usuários. Isso remonta à luta contra o erro humano - se a tipografia não for forte o suficiente para criar claramente um senso de hierarquia, os usuários terão que adivinhar a ordem das informações. E se eles adivinharem errado, erros acontecem e prêmios são atribuídos ao filme errado.

Aprendizado:

“A verdade simples por trás de muitas falhas de design é que tipografia e hierarquia são importantes! ”

Organizar as informações de que você precisa e usar princípios básicos de design é sempre um ótimo começo para qualquer projeto. Exponha seu ponto de vista e pense no principal argumento ou call to action que você gostaria de transmitir. Como você pode fazê-lo se destacar entre o resto das informações? Se alguém apenas passasse os olhos pela página, ele ou ela entenderia exatamente o que eles precisam saber ou o que fazer?

Da mesma forma, ninguém quer visitar seu site apenas para pesquisar e pesquisar as informações de que precisa. Às vezes, a solução mais fácil para essa confusão é um design simples e limpo. Dessa forma, você evita redundâncias ou informações ocultas e todos podem encontrar o que precisam!

Lição 4: Embora você conheça as últimas tendências de design, seus usuários podem não

Sempre que surge uma nova tendência de design, é emocionante experimentá-la por si mesmo. Veja os botões fantasmas, por exemplo. (E não, não estou falando de um botão em forma de fantasma.) Um botão fantasma geralmente é levemente contornado com um fundo de cor semelhante (se não transparente) e fica em uma página perfeitamente sem chamar muita atenção.

Esses pequenos botões causaram bastante burburinho por seu design atraente, mas podem ser enganosos se mal executados. Às vezes, eles parecem apenas mais um elemento de design na página, em vez de elementos interativos para os usuários clicarem.

Aprendizado:

Quando se trata de design, ficar por dentro das melhores e mais recentes tendências faz você parecer que está por dentro. Só porque os garotos legais estão fazendo isso, no entanto, não significa necessariamente que é certo para o design de um site. E todos nós sabemos que é melhor ter um design básico que converte em vez de um design legal que não funciona.

Uma grande parte disso é garantir que seus botões se destaquem. Se você tiver uma linha de cabelo retangular em um botão que fica em uma página cheia de outras formas retangulares, é provável que ela não se destaque tanto quanto você imagina.

Outra dica é ter um call to action claro. Se o seu botão tiver apenas uma declaração como "Nice", isso pode não ser uma indicação clara o suficiente de que é um botão clicável - pode parecer mais um título ou elemento decorativo. Usar cópia com um verbo como “Saiba mais” ou “Aplicar agora” é mais claro.

Resumo da lição

Embora as falhas de design sejam fáceis de perceber, todos sabemos que os designers sempre têm as melhores intenções. É importante manter-se informado e aprender uns com os outros. Uma das maneiras mais fáceis de aprender com o design é ajudar um designer - um segundo par de olhos nunca faz mal a nada!

Ao analisar criticamente seu próprio trabalho de design, tente pensar nele a partir da mente de um usuário. Pergunte a si mesmo, isso é intuitivo? Isso é simples, mas informativo? Há alguém a quem eu possa pedir para ver este trabalho? Olhar criticamente para o seu próprio design pode ser difícil às vezes, mas é um passo fácil para tornar seu trabalho ainda mais excelente.

O que você tirou dessas falhas de design? Há alguma lição que você aprendeu da maneira mais difícil? Compartilhe suas experiências conosco nos comentários!

Download gratuito: plano de fundo da área de trabalho “Design importa”

Em todas as coisas, entendemos que “Design é importante”. Nesse espírito, criamos um plano de fundo de área de trabalho gratuito compartilhando essa mensagem! Faça o download quando você assinar o Layout.