Como evitar armadilhas comuns de UX
Quantas vezes você esteve em um site, apenas para deixar frustrado e irritado com a experiência que recebeu durante a sua visita? Acredite ou não, esta é uma ocorrência bastante comum, especialmente quando os sites ignoram boas práticas de UX.
Se você estiver envolvido em algum aspecto de uma compilação de website, é imperativo que você evite problemas comuns de UX, se quiser permanecer nos bons livros de seus usuários. Vamos dar uma olhada nas 4 armadilhas UX mais comuns em que os designers se enquadram e como evitá-los…
Formulários
Formulários são necessários para coletar informações sobre usuários, clientes e clientes. Você não pode dar a volta usando-os, mas eles não devem ser insuportáveis para preencher. Os formulários devem ter poucas perguntas sobre quais informações um site está procurando. Um dos maiores problemas dos formulários on-line é quando não há instruções.
Formatação
Ao pedir informações específicas a alguém, enfatize o que você está procurando. Se você precisar de um formato especial para algo, como data, hora ou qualquer outra informação formatada, ele deve vir com um exemplo. Nada é mais irritante do que preencher um formulário, apenas para receber uma mensagem de erro quando terminar.
Texto de espaço reservado
É bom quando um designer vai um pouco acima e além e dá uma dica sobre o tipo de informação que eles estão procurando, fornecendo texto de espaço reservado no campo de formulário. Embora isso seja extremamente conveniente, houve várias vezes em que encontrei um texto de marcador de posição que não desaparece quando você começa a digitar no campo de formulário. Este é um grande ponto de frustração para qualquer usuário, porque eles precisam parar de digitar, selecionar tudo e apagá-lo, começando tudo de novo. Eles também podem selecionar o tipo desnecessário e excluí-lo, causando uma interrupção no processo de raciocínio durante o preenchimento do formulário. Sempre que usar texto de espaço reservado para sugerir o tipo de informação que você está procurando, verifique se ele desaparece quando alguém seleciona esse campo de entrada.
Mensagens de erro
Não há nada mais frustrante do que tentar fazer algo em um site, apenas para receber uma mensagem de erro, sem informações suficientes ou qualquer outra. Se um usuário do site encontrar um erro, deve haver uma explicação sobre o que está incorreto e como corrigi-lo. Por exemplo, se você entrar em um site com um nome de usuário e senha, se você cometer um erro com um, você deve saber qual. Com tantos logins para sites lá fora, é fácil acumular várias variações de nomes de usuário e senhas. Há alguns casos em que precisei modificar minha combinação usual de nome de usuário e senha, porque ela não atendia aos requisitos do registro de um site, como duas letras maiúsculas ou um número, uma letra, uma pontuação ou um símbolo.
Outros exemplos incluem: se as senhas não corresponderem, durante o processo de registro, mostre uma mensagem de erro antes de enviar. Outro exemplo pode ser se um nome de usuário já foi feito, mostre isso antes que alguém envie seu registro.
Ninguém gosta de ter que refazer algo, especialmente depois de receber instruções ruins. Você terá um engajamento muito maior se facilitar que os usuários forneçam as informações corretas na primeira vez.
Cabeçalhos de navegação grandes e fixos
Não sei como isso se tornou popular, mas eu já vi muito em muitos sites da Web. O problema com um cabeçalho tão grande e todos esses elementos de navegação é quando você rola a página, bloqueia muito conteúdo. Isso é especialmente frustrante quando há partes que você precisa acessar ou quando o conteúdo preencheria a altura do navegador, mas parte dele é ocultada pela navegação.
Especialmente no celular
O que é ainda pior é que, às vezes, quando um site é reduzido ao tamanho do celular, o cabeçalho grande ainda é mantido no lugar. Essa é uma experiência ruim por toda parte, porque o espaço já é limitado nas telas dos smartphones. Ele não precisa ser usado por um menu de navegação que poderia estar oculto. Se houver certos elementos de navegação que precisem permanecer visíveis, transforme-os em pequenos ícones ou coloque-os em algum lugar fora do caminho.
Baixo contraste
Meus olhos são bons, mas eu não sou um fã de tentar visualmente discernir texto de carvão ou ícones em um fundo preto. Ninguém deveria ter que passar por isso. O contraste é fundamental, especialmente em web design.
Texto
Qualquer texto deve ser lido com facilidade, com peso suficiente para facilitar a leitura. 100 fontes de peso praticamente não têm lugar na web (exceto em alguns casos especiais). Usando uma fonte super fina em um smartphone é simplesmente pedir problemas. Tem que haver contraste visual suficiente para os seus olhos perceberem as letras.
Cor
Para todos os elementos de um site, deve haver muito contraste facilmente discernível entre as cores. Todo e qualquer texto deve ter uma alta taxa de contraste em relação ao plano de fundo. Isso vale para quaisquer links, elementos de navegação ou ícones também. Não deve ser difícil encontrar o que você está procurando.
Chamadas para ações
Assim como outros links e elementos de navegação, seus elementos de call to action devem exibir um alto nível de contraste. Se você quiser que um visitante do site aja, torne-o visível, fácil de ler e carregue e limpe. Muitas vezes você verá uma chamada à ação com um botão que não se destaca o suficiente do plano de fundo. Às vezes, não é um botão, e é apenas um simples link de texto cercado por espaços em branco.
Alvos de toque no celular
Eu vejo isso em muitos sites para celular e é um dos elementos mais frustrantes de se lidar. Se você tiver um botão ou um link para clicar, dê espaço suficiente para que os usuários não acidentalmente acertem na coisa errada. Em um smartphone, verifique se os botões ou links estão longe o suficiente da borda ou do canto da tela, para que possam ser facilmente tocados.
Muitas vezes, um botão colocado muito próximo a qualquer um dos quatro cantos de uma tela é muito difícil de ser tocado com precisão. Se você tiver dedos maiores, o smartphone não poderá registrar sua ação. Isso faz com que o usuário precise tocar várias vezes para que o recurso funcione. O espaço para esses elementos é extremamente importante.
Conclusão
Esses problemas comuns de UX podem ser facilmente evitados com um pouco de trabalho extra e previsão. Se você deseja que os visitantes do seu site usem e aproveitem o seu site, é importante tornar o processo fácil e fluido. Evitar que seus usuários repitam ações e processos novamente reduz a frustração e fornece a experiência do usuário que todos esperam de um site bem projetado.