Todos nós já vimos sites ou experiências digitais que imediatamente consideramos “designs ruins”. Mas o que realmente torna um design “ruim”? E como nós, como designers, aprendemos a reconhecer e evitar esses erros?
Entender o que torna um design ruim é o primeiro passo para aprender a criar bons designs . Aqui estão dez exemplos comuns de design ruim e como corrigir suas deficiências.
1. O design é muito confuso
Projetos desordenados eram comumente vistos nos primeiros dias da internet. Os designers tentaram enfiar o máximo que podiam em cada página, muitas vezes ignorando completamente o espaço em branco. Os resultados foram páginas difíceis de navegar, sem estrutura e tornando quase impossível encontrar o que você procurava.
Embora as interfaces de usuário desordenadas do design dos anos 90 e do início dos anos 00 tenham (principalmente) desaparecido, os designs desordenados ainda existem. Embora nem todo site precise ser minimalista, com espaços amplos entre cada elemento, certifique-se de que você está dando ao seu design algum espaço para respirar. Remova elementos desnecessários quando possível para permitir que as partes importantes se destaquem.
2. Inconsistências na sua IU
A interface do usuário inconsistente é um dos tipos mais irritantes de design ruim. Quando as paletas de cores mudam de página para página, a navegação salta em cada página para onde o designer quiser colocá-la, as fontes parecem ser escolhidas aleatoriamente e não há um estilo visual unificado, os usuários sofrem. Eles precisam se adaptar constantemente a cada seção ou página do seu site, exigindo um esforço mental extra para atingir seus objetivos. E mesmo pequenas inconsistências podem contribuir para isso.Uma das melhores maneiras de combater inconsistências é criar um guia de estilo para seus designs.
Uma das melhores maneiras de combater inconsistências é criar um guia de estilo para seus designs. Defina a aparência das coisas, incluindo onde coisas como navegação devem ser colocadas em cada página, qual deve ser a paleta de cores, as opções de tipografia e até coisas como a largura das linhas para ícones e divisores.
Isso ajudará a garantir que sua interface do usuário permaneça consistente, independentemente das alterações no conteúdo ou do envolvimento de vários designers.
Em termos de criação de designs de sistemas, desenvolvemos as regras para cada componente relevante, enquanto produzimos condições para iconografia e paletas de cores. Todas essas regras são baseadas em princípios de design atômico, fundados por Brad Frost. Essas configurações do sistema…
3. Hierarquia tipográfica ruim
As pessoas chegam ao seu site apenas para serem apresentadas a uma parede de texto? Texto na web não é o mesmo que texto em um livro ou revista. Uma página inteira de texto sem hierarquia tipográfica é intimidante para os visitantes e pode aborrecê-los rapidamente.
Uma hierarquia tipográfica estruturada que facilita a escolha de títulos e subtítulos, bem como texto e legendas do corpo, é vital para a legibilidade na web. Uma boa hierarquia tipográfica geralmente consiste em um ou dois tipos de letra usados em diferentes tamanhos, pesos e estilos para diferenciar entre níveis de título, cópia do corpo e outros elementos de texto.
Para aumentar ainda mais a legibilidade em designs digitais, certifique-se de usar parágrafos mais curtos, alturas de linha suficientes e tornar o conteúdo importante mais digerível por meio do uso de itens como listas com marcadores.
Oi, pessoal! Aqui está o sistema de tipografia que @Phil Goodwin e eu criamos para a Paligo Siga-nos no Behance | Instagram | YouTube Mais sobre nós em desdobra.co
4. Iconografia confusa
O objetivo dos ícones é dar aos visitantes uma dica visual sobre o conteúdo que estão vendo. Os ícones são frequentemente usados para coisas como navegação. O objetivo é que os usuários reconheçam imediatamente o que um ícone representa para facilitar a interação com seu site.
Ícones universais existem por um motivo. Ou seja, que eles são instantaneamente reconhecíveis para os usuários. Quando você começa a experimentar ícones ou conjuntos de ícones que têm significados mais abstratos ou metafóricos, tudo o que você está fazendo é potencialmente confundir os usuários. Se você se desviar dos ícones universalmente reconhecidos ou precisar usar ícones para algo que não tenha um símbolo universal anexado, use rótulos para evitar confusão.
5. Design de formulário ruim
Se você estiver criando um site para fazer qualquer outra coisa além de fornecer informações, os formulários provavelmente farão parte do design da interface do usuário, sejam eles formulários para os usuários assinarem, fazerem uma compra ou alguma outra função. Infelizmente, o design de formulário ruim é abundante na web. E se seus formulários não forem fáceis de usar, você verá uma taxa de envio muito menor.
Há algumas coisas básicas a serem lembradas ao projetar formulários:
- Mantenha seus formulários o mais curtos possível para atingir o objetivo necessário. Por exemplo, os formulários de inscrição devem, idealmente, incluir apenas um campo para o endereço de e-mail e, possivelmente, o nome do assinante.
- Torne os botões de envio altamente visíveis e rotulados de forma descritiva. Por exemplo, use “subscrever” em vez de “enviar”.
- Certifique-se de que suas mensagens de erro sejam úteis. Idealmente, eles devem ser acionados à medida que o formulário é preenchido e não após o envio.
- Divida formulários longos em páginas menores. Um formulário de checkout, por exemplo, pode ser dividido em páginas para informações de envio, informações de cobrança e revisão da compra antes de enviar. Não se esqueça de indicar o progresso aos usuários enquanto eles trabalham nessas páginas.
Olá para todos! Estou animado para compartilhar com você o design do formulário de várias etapas que fiz para o Flowbase. Ele tem várias versões. Vou compartilhar com vocês nos próximos dias. Por favor, dê sua opinião! Obrigado <3
6. Alinhamento ruim
O alinhamento incorreto de elementos pode fazer com que uma página pareça pouco polida, mesmo que os usuários não reconheçam imediatamente o motivo. Mas consertar seu alinhamento geralmente é bem simples. Usar uma grade para colocar elementos em seu design é uma maneira simples e estabelecida de manter o alinhamento. Não se esqueça de usar uma grade de linha de base também.
7. Imagens irrelevantes
Imagens e fotos devem ser incluídas em um design para apoiar o conteúdo que está sendo apresentado. Eles devem reforçar as ideias e conceitos na página, não distraí-los. Certifique-se de que todas as imagens incluídas estão diretamente vinculadas ao conteúdo da página. Fotos fofas de gatinhos são ótimas, mas apenas se o seu conteúdo for sobre gatos!
“Você deve selecionar imagens que tenham um forte relacionamento com os objetivos do seu produto e garantir que sejam relevantes ao contexto.” — Anastasia Marinicheva, UI/UX Designer
8. Falta de contraste
O contraste ruim é mais do que apenas visualmente desagradável. Também pode prejudicar a acessibilidade de seus projetos. Certifique-se de que o contraste entre elementos importantes — incluindo texto — em suas páginas atenda aos padrões de acessibilidade. Isso garantirá que os usuários não percam as partes importantes, além de tornar qualquer conteúdo de texto mais legível.
9. Pesquisa ruim do usuário
Não entender as necessidades do seu público pode levar a um design terrível. Afinal, um bom design não é apenas a aparência de um site; trata-se principalmente de quão bem seu design funciona para seus usuários.
Reserve um tempo no início do processo de design para aprender sobre o que seus usuários desejam e precisam do seu site. Em seguida, teste diferentes ideias de design e iterações para encontrar uma solução que resolva os problemas do usuário. Um design que é visualmente medíocre, mas atende às necessidades e desejos do usuário, sempre será um design “melhor” do que aquele que parece bonito, mas é difícil para as pessoas usarem.
Por que a pesquisa de experiência do usuário é tão importante? 🤔 _ Dica de: @jelena.jankovic91 _ Como o trabalho do designer visa resolver os desafios do usuário e encontrar soluções, a única coisa lógica a fazer é explorar e pesquisar a perspectiva do usuário. Sua…
10. Falta de acessibilidade
A acessibilidade é muitas vezes considerada um inconveniente. Mas os designs acessíveis são mais úteis para todos os usuários. Aprenda os conceitos básicos de acessibilidade para criar produtos digitais que funcionem melhor para todos.
Aplique os padrões de acessibilidade WCAG a todos os seus projetos para melhorar a experiência do usuário em geral. Não pense neles como um inconveniente ou uma restrição, mas sim como uma maneira de tornar seus projetos melhores para todos.