Article7 Erros de usabilidade que estão prejudicando sua marca

Publicados: 2022-08-12

A usabilidade é um dos fatores mais importantes para o sucesso de um site. Mas muitas vezes passa despercebido. Vez após vez, vimos empresas violando as melhores práticas de usabilidade.

Isso prejudica sua marca e prejudica seus resultados, 100% do tempo.

Neste artigo, detalhamos sete dos erros mais comuns para que você saiba o que procurar e possa criar boa vontade com seus usuários em vez de perdê-la.

Sentamos com Jason Wolter (Arquiteto de Informação) e Cynthia Stipeche (Diretor de Experiência de Marca) para analisar esses sete erros e como cada um afeta sua marca.

  • Erro nº 1: O 'Menu Hambúrguer'
  • Erro nº 2: não usar links para casa
  • Erro nº 3: nenhuma função de pesquisa
  • Erro nº 4: carrosséis giratórios
  • Erro nº 5: reprodução automática de vídeos
  • Erro nº 6: Formulários de duas colunas
  • Erro nº 7: texto de espaço reservado

Erro nº 1: O menu 'hambúrguer'

Jason: Vamos começar com as grandes armas. Portanto, o maior é provavelmente o menu de hambúrguer. As pessoas usam bastante o menu de hambúrguer, mas tem uma taxa de descoberta muito baixa. As pessoas nem sempre veem o cardápio, principalmente quando são os três bares.

As três barras geralmente não são reconhecidas. No negócio em que estamos, é uma espécie de segunda natureza para nós usar um menu de hambúrguer. Mas em testes de campo, as pessoas não sabem o que essas três barras representam. Esconde o menu para uma baixa capacidade de descoberta para a melhor opção.

Se você precisar usar um menu de hambúrguer (por exemplo, ao visualizar em um dispositivo móvel), a prática recomendada é usar um botão que diga 'Menu' com um contorno ao redor para indicar claramente que é um botão clicável. Mas não substitui a navegação visível. Idealmente, esse é realmente o caminho que você deseja seguir.

Muitas agências usam porque é mais limpo. Mas é difícil para as pessoas verem. Usabilidade é tornar as coisas sem atrito e facilitar a interação dos usuários. E se os usuários precisam aprender a usar seu site para interagir com ele, qual é a probabilidade de eles voltarem?

Chama-se carga cognitiva. Você entra com uma lousa em branco, mas quanto mais difícil for para alguém encontrar algo, ou quanto mais você os fizer esperar por alguma informação, mais provável será que eles acabem abandonando você. A solução é criar uma solução mais simples que funcione para eles.

É um dos principais erros de usabilidade; o menu de hambúrguer deve ir!

Cynthia: Vou contextualizar um pouco isso. Muita gente não reconhece o cardápio de hambúrgueres e os testes estão provando isso. Mas, ao mesmo tempo, vai depender do público da empresa.

Por exemplo, se for um site de entretenimento ou jogos e o público for muito mais jovem, eles provavelmente saberão exatamente o que essas três linhas significam. Existem práticas recomendadas de teste, mas geralmente é uma diversidade de idades. Se sua empresa tiver muitos clientes mais jovens, eles saberão exatamente o que é isso. No momento, especialmente se você estiver fazendo um site B2B, provavelmente não deve se apoiar nesse menu de hambúrguer.

O público-alvo e as personas são importantes. Se você tem um site que atende a todos, é um grande erro. Os usuários ficarão sobrecarregados sem contexto e sem informações que os atendam. Você precisa definir o propósito de cada página. Se não estiver definido, então não está estruturado corretamente. E se não estiver estruturado corretamente, não funcionará corretamente.

Quando você desenvolve personas e elas não são baseadas em pesquisas, você pode acabar criando um site que falha com seu público. Observar o usuário final, conversar com o usuário final, conversar com o cliente é tão fundamental para a usabilidade e gestão da sua marca através do seu site. E nós fazemos isso. Fazemos muitos estudos de voz do cliente para entender melhor nosso público-alvo e seus pontos problemáticos.

Se você vai desenvolver empatia pelo seu público-alvo, ela deve estar enraizada em pessoas reais. Deve estar enraizado na observação e não em suposições.

Erro nº 2: não usar links para casa

Jason: Muitos sites confiam em que as pessoas saibam que, se você clicar no logotipo no canto superior esquerdo ou onde quer que o logotipo da marca esteja, sempre o levará de volta à página inicial.

Os testes mostram que não é bem assim.

Muitas pessoas não percebem que você é capaz de navegar dessa maneira. Então, o que as pessoas acabam fazendo é clicar no botão Voltar no navegador para tentar voltar à página inicial. Portanto, ter um link persistente em páginas internas cria uma maneira clara de os usuários voltarem para essa página inicial. E muita gente ignora isso.

Cynthia: Às vezes queremos trazer claramente um botão que diz 'Home' novamente nas páginas internas. Acho que isso remonta às diferenças geracionais. Um público mais jovem provavelmente esperará que, se eu clicar no logotipo, ele me leve para casa. Mas agora, os testes mostram que não é uma prática recomendada ter o logotipo como a única maneira de voltar à página inicial.

Erro nº 3: Sem função de pesquisa ️‍️

Jason: A pesquisa é outra coisa. Há um subconjunto de usuários que navegam em sites por meio de pesquisa. Portanto, se você não tiver uma opção de pesquisa ou se não estiver enfatizando sua opção de pesquisa com uma barra de pesquisa exposta ou um botão de pesquisa que se destaque da sua navegação, você está alienando um público específico. É especialmente importante em grandes sites com uma arquitetura profunda. Um estudo do Search Engine Journal descobriu que cerca de um terço dos usuários dizem que não se incomodam com nenhuma caixa de pesquisa em um site. Mais de 40% dizem que uma caixa de pesquisa é o recurso mais importante em um site.

O mínimo deve ser um ícone visualmente distinto de sua navegação. Há um teste em que você aperta os olhos e olha para o meio da tela. Sua visão fica embaçada e você procura itens que se destacam e que você pode identificar visualmente. Se você puder ver o ícone de pesquisa saindo do texto de navegação, isso é aceitável. Mas a melhor coisa que você pode fazer é ter uma barra de pesquisa exposta para que fique claro por onde começar sua consulta.

Cynthia: Meu outro problema é quando você oferece pesquisa em seu site e não dá às pessoas uma maneira de filtrar os resultados da pesquisa. Ou mesmo se você tiver uma função de pesquisa, a página resultante não terá a capacidade de filtrar por tipo de arquivo, por exemplo. Isso cria mais atrito para o usuário enquanto ele tenta localizar informações.

Outro erro com a função de pesquisa em sites é a incapacidade de pesquisar novamente na página de resultados. Fizemos testes no passado e descobrimos que muitas pessoas que se inclinam para os mais jovens não usavam o menu principal para pesquisar no site ou encontrar conteúdo. Eles foram direto para a função de busca.

Eles não mexem na navegação e vão direto para a busca. Para uma geração criada para encontrar informações por meio de mecanismos de pesquisa como o Google, se o recurso de pesquisa não funcionar em seu site, você os perderá.

Erro nº 4: carrosséis giratórios

Jason: Carrosséis giratórios automáticos - ou carrosséis em geral - não são muito eficazes. As pessoas geralmente passam por eles. Portanto, se você estiver apenas digitalizando uma página, um letreiro pode ter quatro mensagens principais, mas a maioria das pessoas verá apenas a primeira, porque rolará para baixo até o conteúdo.

Um carrossel automático é pior. Dependendo do conteúdo que você tem lá, os usuários realmente não têm controle sobre a mensagem que estão vendo. Então, eles podem estar interessados ​​em uma de suas mensagens-chave e, em seguida, ela desaparece antes que eles possam consumir tudo. Ou eles podem ter visto e querem voltar a ele. Então eles rolam de volta para cima e não está lá e eles têm que clicar e ir encontrá-lo.

Então você está fazendo com que eles funcionem. O que remonta à carga cognitiva. E então, uma vez que eles encontram a mensagem que estão procurando, eles ficam nela por cinco segundos e então ela muda novamente. Eles têm que clicar nele para voltar. Isso é apenas uma bagunça.

Por exemplo, se você tiver cinco slides de depoimentos, 95% dos seus usuários verão apenas o primeiro. Eles não vão clicar e tentar ver todos eles. Mas isso não é uma prioridade super alta, então, em alguns casos, isso é aceitável.

Onde é realmente ruim é na sua marquise onde você tem três ou quatro mensagens principais e um CTA. Essas são mensagens-chave que você está realmente tentando transmitir e as pessoas nunca as veem. Tudo bem se eles não virem três de seus quatro depoimentos, mas é ruim se um carrossel giratório fizer com que um usuário perca mensagens importantes.

Cynthia: Normalmente evitamos carrosséis como a praga, mas muitas empresas ainda os usam. Especialmente não faz sentido em uma marquise porque o usuário pode perder uma informação vital. Provavelmente seria melhor se você não ocultasse partes importantes do conteúdo, mesmo que estejam no topo da página.

Algumas pessoas querem enfiar tudo no topo da página e é só nisso que pensam. Mas se as informações estiverem ocultas na marquise, elas não farão nada por você.

Erro nº 5: reprodução automática de vídeos

Jason: Muitos sites gostam de usar movimento em suas marquises. Pode haver um vídeo e quando eles chegam à página, o vídeo começa a ser reproduzido. Algumas pessoas não gostam disso. Eles não gostam do movimento e não querem ver o vídeo.

Para contornar isso, você deseja incluir um botão de pausa. Você quer ter algo que dê ao usuário a capacidade de desligá-lo se ele não quiser vê-lo. A melhor prática provavelmente seria ter uma imagem lá atrás e realmente enfatizar um botão de play para dar ao usuário a opção: "Quero ver este vídeo ou não?" Você não está apenas empurrando-os e fazendo-os ver.

Mesmo vídeos de reprodução automática em outras áreas de um site podem interromper o fluxo do usuário em busca de informações. Portanto, geralmente não é uma boa ideia reproduzir automaticamente qualquer coisa.

Cynthia: Os vídeos de reprodução automática são horríveis. É uma experiência chocante. Você não quer visitar um site e iniciar um vídeo automaticamente. Seria ruim reproduzir um vídeo com o volume desligado. Pior seria com o volume ligado. Se você quiser convencer as pessoas a evitar seu site como uma praga, vá em frente e coloque um vídeo de reprodução automática.

Agora, se você tiver um conteúdo de vídeo forte, eu provavelmente pegaria um segmento desse vídeo e criaria um loop passivo. Então não é tão em seu rosto e proeminente. Ele pode ser reproduzido em um loop de três segundos ou mais e incluir uma frase de chamariz para assistir ao vídeo inteiro. Então não está chocando ou jogando você fora. Nesse ponto, basta induzir o usuário a dizer: “Estou interessado em aprender mais sobre isso”. Você dá a eles a opção de quando o áudio for ativado e o vídeo começar a ser reproduzido, eles não ficarão surpresos. O usuário deve estar no controle o tempo todo. As pessoas muitas vezes não pensam sobre isso.

Precisamos ter empatia com o usuário. Então, o que isso significa? Um negócio vai ter seus próprios objetivos. Mas isso não pode atrapalhar o que os próprios usuários finais precisam. Uma questão-chave é “Como posso servir melhor o que estou oferecendo dentro da estrutura de sua experiência? Então, quando você tiver empatia pelo seu usuário final, convide-o para visitar o site e aprender sobre ele. E apoiá-los enquanto eles mergulham para aprender mais.

Nesse ponto, há uma sensação de boa vontade. Se você abordar seu site tentando fazer o que é melhor para o usuário em vez de fazer o que é diretamente melhor para o seu resultado final, pagará dividendos a longo prazo.

Erro nº 6: Formulários de duas colunas ‍

Jason: Ter campos em uma linha vertical em vez de campos à esquerda e à direita em uma página é muito mais útil. As pessoas estão acostumadas a tabular algo e esperam descer a página. Se você tiver duas colunas, há muitos padrões de tabulação diferentes. Eles não sabem se vai cair. Eles não sabem se está indo para a direita. Há uma expectativa do que deve acontecer e isso é descer. Portanto, você nem sempre atende a essa expectativa quando tem várias colunas. Portanto, é bom ter uma única coluna para que as pessoas desçam no formulário.

Two-Column Form Fields

Erro nº 7: texto de espaço reservado

Jason: Você não quer usar texto de espaço reservado. Os espaços reservados existem para ajudar o usuário a entender o conteúdo que você deve colocar nele. O usuário deve ser capaz de dizer o que pertence a esse campo sem nenhum tipo de texto de espaço reservado.

Então você quer seus rótulos fora desse campo. Se eles estiverem dentro como um espaço reservado, quando você clicar neles, o texto desaparecerá. Se você sair da tarefa, poderá voltar e não terá certeza de qual campo está preenchendo.

Best Practice for Form Fields

Isso também afeta a acessibilidade com leitores de tela. Os rótulos informam a um usuário com um leitor de tela qual deve ser esse conteúdo. Se o rótulo for um espaço reservado e não for incluído como instruções externas, poderá confundir as pessoas com leitores de tela.

O maior erro: estética sobre funcionalidade

Nunca priorize a estética sobre a funcionalidade ou vice-versa. Você quer ter uma boa mistura de ambos. Se você está pensando em implementar uma tendência de design, verifique se ela faz sentido para o seu site e se está usando-o pelo motivo certo. Um elemento de design pode parecer muito legal, mas é impraticável para a maioria dos usuários. Então você quer ter certeza de que as coisas são funcionais.

Sua marca é sua reputação. Se o seu site for difícil de usar, é provável que você o danifique de forma irreparável.