Usabilidade do site 101

A usabilidade é fundamental para o sucesso de qualquer site. Se um site for difícil de usar, não será apenas frustrante para os usuários, como também prejudicará seus negócios.


Os usuários passarão menos tempo em um site que acharem difícil de usar e desistirão antes de concluir suas chamadas à ação. Eles também se lembrarão menos do que leram e são consideravelmente menos propensos a retornar.

Em suma, a má usabilidade do site é terrível para os negócios. Mas o que você pode fazer sobre isso?

A resposta está em:

  • Entendendo o que torna um site difícil de usar em primeiro lugar.
  • Conhecendo as técnicas para melhorar as coisas.
  • Implementando um programa contínuo de testes de usabilidade ao longo da vida do site.

São esses três componentes que exploramos neste post, começando pelo que torna um site difícil de usar em primeiro lugar..

O que torna um site difícil de usar

Existem três razões principais pelas quais alguém acha difícil usar um site.

A primeira razão é que o site é apenas confuso. Talvez tenha muitos elementos na tela que o usuário precise processar. Como alternativa, pode haver muitas animações ou imagens perturbadoras. Seja qual for o caso, o usuário rapidamente fica sobrecarregado.

A segunda razão é que o site é inconsistente com as expectativas. Por exemplo, se eu perguntasse como você pesquisaria em um site, é provável que você vá para o canto superior direito da página e digite sua consulta de pesquisa em um campo de entrada antes de pressionar o botão de pesquisa.

No entanto, se o campo de entrada não estivesse no canto superior direito ou o botão estivesse ausente, você ficaria imediatamente confuso porque o site não se comportou conforme o esperado.

Exemplo de pesquisa da Wikipedia
Por um longo tempo, a Wikipedia confundiu os usuários com a posição e a rotulagem de seu mecanismo de pesquisa.

A última razão pela qual as pessoas lutam com os sites é que eles simplesmente pedem demais. Muitos sites apresentam muitas opções para o usuário de uma só vez, com longas listas de produtos, inúmeras chamadas à ação ou navegação inchada.

As pessoas ficam sobrecarregadas, sofrendo de paralisia de análise quando confrontado com muitas opções. De fato, Hicks Law demonstrou uma relação direta entre o número de opções e o tempo necessário para fazer uma escolha. É hora de a maioria dos usuários não querer investir on-line.

Mais opções significa maior tempo de resposta
A Lei Hicks nos mostra que quanto mais opções oferecermos a um usuário, mais tempo levará para ele decidir, aumentando assim a chance de abandonar o site..

Sem dúvida, quando você olha para o seu site, parece fácil de usar. No entanto, infelizmente, você está mal posicionado para julgar a usabilidade do seu site. Há duas razões para isso.

  • Primeiro, quanto mais familiarizamos com algo, mais intuitivo ele se torna. Você só precisa pensar em quando aprendeu a dirigir para perceber que isso é verdade. Quando as pessoas aprendem a dirigir pela primeira vez, é impressionante com tantas coisas diferentes a considerar. No entanto, depois de dirigir alguns anos, é fácil chegar ao seu local de trabalho sem lembrança da jornada, sem falar no ato de dirigir.
  • Segundo, quando olhamos para o nosso site, geralmente dedicamos toda a nossa atenção. No entanto, os usuários raramente são. Pense na maneira como você navega em outros sites. Você costuma estar cercado de distrações, sejam colegas barulhentos no escritório ou seus filhos exigindo atenção em casa.

As coisas são ainda piores em dispositivos móveis, onde geralmente as usamos quando estamos fora de casa ou fazendo outras atividades, como assistir TV.

Portanto, se não podemos confiar em nosso julgamento em relação ao nosso site, como começamos a melhorar sua usabilidade? A resposta é que temos que testar.

Como testar a usabilidade do seu site

Muitos consideram o teste de usabilidade um luxo que não podem pagar. Que é demorado e caro. No entanto, embora certamente possa ser os dois, não precisa ser.

Para iniciantes, existem muitos conceitos errados sobre o teste. Você não precisa testar com muitas pessoas. Cinco ou seis pessoas são amplas, pois mais não descobrem significativamente mais problemas. Você também não precisa necessariamente do seu público real. Embora seja sempre melhor testar com seus usuários reais quando se trata de testar a usabilidade, a maioria das pessoas enfrenta os mesmos desafios. Somente quando você trabalha com pessoas com necessidades específicas (como idosos ou crianças), a demografia é importante.

Mais testadores não significam mais problemas encontrados
O número de problemas adicionais encontrados diminui drasticamente ao testar com mais de 5 ou 6 usuários.

Existem muitos testes simples que você pode executar que podem ser feitos de graça ou no máximo alguns dólares. Além disso, muitas vezes você pode obter resultados em uma hora. Você pode gastar mais do que isso debatendo sobre a abordagem correta quando poderia ter acabado de testar e obter uma resposta definitiva.

A melhor abordagem é adotar uma mentalidade de “vamos testar isso”. Em outras palavras, sempre que você tiver que decidir sobre qual estratégia escolher, não adivinhe, teste.

Não espere até o final da reformulação do seu site antes de testar. Nessa fase, é tarde demais. Se você encontrar problemas, é muito demorado e caro corrigir o problema.

Quando se trata de testar a usabilidade do seu site, você nunca pode começar a testar muito cedo. É ainda possível testar usando um esboço ou uma estrutura de arame. No entanto, você deve, sem dúvida, testar a maquete do design antes de criar qualquer coisa.

Seja um esboço, estrutura de arame ou conceito de design, existem dois testes fáceis que você pode executar com os usuários que lhe dirão se você está indo na direção certa.

1) O teste do primeiro clique

Ao visitar um site, o primeiro clique que um usuário faz pode muito bem determinar se é bem-sucedido em concluir sua tarefa.

Um estudo respeitado sobre usabilidade de sites por Bob Bailey e Cari Wolfson, descobriram que, se um usuário obtiver o primeiro clique certo, ele teria 87% de chance de concluir sua tarefa corretamente. No entanto, se eles errarem o primeiro clique, isso cai para 46%.

Podemos testar a probabilidade de um usuário obter o primeiro clique certo, mostrando-lhes um conceito de design e perguntando no que eles clicariam para concluir uma tarefa específica que damos a ele.

Você pode fazer isso pessoalmente ou executar uma pesquisa que você envia para as pessoas por e-mail, mídia social ou seu site. Além disso, existem muitos serviços que recrutam participantes em seu nome por apenas um dólar por pessoa.

Se você decidir executá-lo como uma pesquisa, precisará de um software especial que possa rastrear onde os usuários clicam em uma imagem estática do seu site. Um bom exemplo desse tipo de software é Hub de usabilidade. Eles não apenas permitem que você execute testes de primeiro clique, mas também oferecem suporte ao segundo teste que eu recomendaria – um teste de cinco segundos.

Mapa de calor da imagem do Hub de Usabilidade
O Hub de Usabilidade permitirá que você execute testes de primeiro clique e até ajude a recrutar participantes.

2) Um teste de cinco segundos

Enquanto um teste de primeiro clique ajuda você a entender a eficácia da sua navegação, um teste de cinco segundos testará a hierarquia visual do seu site. Em outras palavras, permite entender se os usuários veem os elementos essenciais na página.

Como o nome indica, em um teste de cinco segundos, você mostra a página ao usuário por cinco segundos antes de ocultá-la. Nesse ponto, você pede ao usuário para lembrar o que viu.

Observe não apenas o que eles lembraram, mas a ordem em que eles repetem esses elementos de volta para você. As pessoas normalmente mencionam as coisas que tiveram o impacto mais significativo primeiro. Se as pessoas se esforçarem para recordar sua chamada à ação ou mensagens críticas, você sabe que tem um problema que precisa ser corrigido.

Você também pode perguntar aos usuários sobre o que eles pensam sobre o site. Você pode se surpreender com as respostas. Freqüentemente, o que parece óbvio para nós não será para seus usuários. Não é incomum que os usuários não entendam completamente o tópico de um site ou o que sua organização oferece.

Não que seu teste seja limitado aos conceitos de design. Você também pode testar um site ou protótipo existente executando testes de usabilidade.

3) Teste de usabilidade leve

Existem várias maneiras de executar testes de usabilidade, mas para nossos propósitos, sugiro a mais leve de todas as opções de teste. Isso ajudará a estabelecer o valor dos testes de usabilidade em sua mente e talvez o incentive a ser mais ambicioso no futuro.

O tipo de teste de usabilidade a que me refiro é conhecido como teste remoto não-acilitado. Em outras palavras, você não fará o teste pessoalmente e não precisará estar presente quando o experimento estiver acontecendo.

Para realizar esse tipo de teste, você precisa de uma maneira de postar o teste online e registrar as pessoas que o concluíram. Felizmente, existem muitas ferramentas disponíveis, como UserBrain.

Teste de usabilidade do UserBrain
O UserBrain é uma das muitas ferramentas que permitem executar um teste de usabilidade remota não simplificado.

A instalação é fácil. Você define uma tarefa que deseja que os usuários concluam no seu site e depois convida as pessoas a concluí-la.

O que você recebe é um pequeno vídeo do usuário tentando concluir sua tarefa, incluindo um comentário em áudio, onde o usuário explica o que está pensando e por que toma as decisões que toma no seu site.

Mais uma vez, ferramentas como o UserBrain costumam recrutar usuários em seu nome com custo a partir da marca de US $ 15. No entanto, você também pode recrutar seus participantes de amigos, familiares ou colegas. Dito isto, tente evitar o uso de pessoas de dentro da sua empresa, pois elas saberão demais para serem bons participantes.

Como você pode ver, o teste não precisa ser difícil e, se você decidir usar terceiros para ajudar no recrutamento, geralmente obtém resultados em menos de uma hora. Como resultado, você pode testar durante todo o processo de reprojeto e também regularmente em seu site ao vivo. Essa é uma boa ideia, porque quanto mais rodadas de testes você realizar, mais problemas você descobrirá.

Mais testes com menos testadores é melhor
Várias rodadas de teste são mais eficazes do que uma única rodada com muitas pessoas.

Isso significa que você começará rapidamente a encontrar problemas no seu site que precisam ser corrigidos. Como você lida com esses problemas dependerá do que eles são. No entanto, no restante deste artigo, quero compartilhar com você algumas maneiras comuns de ajudar a superar a maioria dos obstáculos de usabilidade em seu site.

Como melhorar a usabilidade do site

Existem várias maneiras de melhorar a usabilidade do seu site. No entanto, três áreas merecem atenção especial. Esses são:

  • A simplicidade da sua interface.
  • A visibilidade de conteúdo crítico e apelos à ação.
  • A relevância e clareza do conteúdo.

Então, vamos ver esses três com mais detalhes.

1) Simplifique sua interface e conteúdo

Na maioria dos casos, simplificar a interface do usuário e o conteúdo é a maneira mais eficaz de melhorar a usabilidade do seu site.

Geralmente, os sites são preenchidos com elementos desnecessários, como imagens de estoque sem sentido, links de navegação secundários e conteúdo irrelevante com o qual o usuário não se importa..

Muitas vezes temos a atitude de que alguém pode achar útil, então vamos colocá-lo online. O resultado é que nossos sites ficam tão confusos que as pessoas não conseguem encontrar os elementos nos quais estão interessados.

Felizmente, você pode resolver isso com um processo simples de três etapas.

O primeiro passo é avalie cada elemento em uma página específica e nos pergunte se você pode remover esse elemento. Que impacto negativo isso teria e é que um custo vale a pena pagar por um site mais utilizável?

O segundo passo é observe os elementos restantes da tela e pergunte se algum desses elementos cumpre uma função secundária. Talvez eles atendam às necessidades de um público secundário ou permitam que o usuário resolva uma tarefa menos importante.

Se for esse o caso, pergunte-se se você poderia ocultar esse elemento para não distrair as pessoas de tarefas mais importantes. Poderia ser escondido mais enterrado no site ou talvez sob uma guia ou acordeão? Isso significa que ainda é acessível às pessoas, mas não complica a experiência da maioria dos usuários..

Finalmente, é hora de olhar para o que resta na página. Precisamos tomar algumas decisões sobre o que queremos que o usuário preste mais atenção.

Por exemplo, qual é a sua chamada à ação principal? Isso recebe significativamente mais atenção do que uma ação subsequente, como “siga-nos nas mídias sociais?”

E o conteúdo? Em que ordem as pessoas tendem a ver seu conteúdo? Isso fará sentido? As pessoas verão o seu guia explicando o que você faz antes de verem algo menos crítico como o seu endereço postal?

É aí que o teste de cinco segundos pode ser útil. Isso ajudará você a descobrir se a hierarquia visual de uma página está correta.

Obviamente, para julgar se as coisas estão certas, você precisa de uma idéia clara de quais elementos são mais importantes na página.

Uma maneira de fazer isso é atribuir pontos de atenção aos elementos. Dê a si mesmo 25 pontos de atenção. Cada elemento da página precisa ter pelo menos um ponto, mas se você deseja que as pessoas prestem mais atenção a uma coisa e não a outra, ele precisa ter mais pontos. Assim, por exemplo, sua frase de chamariz principal pode ter seis pontos, enquanto a política de privacidade teria um.

Depois de fazer isso, você pode criar a página para refletir essas prioridades relativas. Isso levanta a questão de como você cria uma página para garantir que você chame a atenção para os elementos certos.

2) Design para máxima visibilidade

Existem muitas técnicas que os designers usam para chamar a atenção do usuário para elementos de tela mais essenciais, como linhas diretas ou frases de chamariz. No entanto, existem cinco que se mostram particularmente poderosos. Esses são:

  • Posição.
  • Imagens.
  • Espaço negativo.
  • Cor.
  • Tamanho.

1) Considere a posição

Devido à forma como lemos as páginas da Web e como esperamos que elas se comportem, algumas posições em uma página têm mais probabilidade de chamar a atenção do que outras.

Por exemplo, porque no oeste lemos da esquerda para a direita, favorecemos a esquerda das páginas. Também aprendemos que, na maioria dos sites, a coluna da direita tende a ter conteúdo secundário. Juntos, esses dois fatores significam que colocar conteúdo valioso na coluna da direita reduz a probabilidade de o usuário vê-lo.

Os usuários priorizam o lado esquerdo
A atenção do usuário é um viés na coluna da esquerda.

Os usuários também tendem a prestar mais atenção ao conteúdo mais alto da página; portanto, se você deseja que as pessoas identifiquem algo, geralmente é melhor colocá-lo perto do topo.

No entanto, o tempo também é essencial. Se você quiser que alguém se inscreva no seu boletim, por exemplo, talvez seja melhor colocar essa frase de ação mais abaixo na página depois que tiverem a oportunidade de avaliar a qualidade do seu conteúdo.

É por isso que aconselho testar quando se trata de saber se é melhor posicionar os elementos. Sim, como regra geral, colocar uma ordem de ação no alto da página e à esquerda ou no centro será o melhor. No entanto, existem muitas exceções, entre as quais a influência das imagens.

2) Use as imagens com cuidado

As imagens atraem muito a nossa atenção. Nossos olhos são atraídos pelas imagens e, principalmente, se a imagem contiver um rosto. Somos programados biologicamente para prestar atenção nas pessoas.

Isso pode ajudar ou dificultar a usabilidade do seu site, dependendo de como você usa imagens.

Por exemplo, é fácil para a atenção do usuário ignorar uma chamada à ação, se houver uma imagem próxima para chamar sua atenção..

As imagens podem reduzir a eficácia do CTA
É fácil chamar atenção para as chamadas à ação para imagens próximas.

No entanto, também podemos usar uma imagem para chamar a atenção dos usuários. Por exemplo, tendemos a seguir a linha dos olhos dos rostos que vemos nas fotos. Se a pessoa estiver observando sua frase de chamariz ou outro conteúdo crítico, é mais provável que ela seja identificada..

As imagens associadas ao CTA são melhores
Associar imagens a uma frase de chamariz pode ajudar a chamar a atenção dos usuários.

Não que seja apenas a linha dos olhos que tendemos a seguir. Podemos usar setas ou linhas direcionais para chamar a atenção ou afastar-se de outro conteúdo.

Além disso, a distância relativa entre um conteúdo crítico e as imagens associadas afetará o que as pessoas veem. Quando dois elementos estão próximos, eles tendem a estar associados um ao outro. Portanto, uma imagem ao lado de uma chamada à ação geralmente chamamos nossa atenção para esse apelo à ação.

Design sutil chama à ação
Filas sutis de design podem atrair a atenção do usuário em relação às chamadas à ação críticas.

A relação entre elementos também pode ajudar de outra maneira. Pode nos permitir usar o espaço negativo a nosso favor.

3) Faça uso do espaço negativo

Tenho certeza que você já viu Onde está Wally no passado. O que torna tão difícil identificar Wally não é que o personagem esteja particularmente camuflado. Na verdade, ele tem uma roupa brilhante e distinta. Ele é difícil de ver porque está cercado por tantos elementos na página, competindo por nossa atenção.

Já falamos sobre retirar o número de elementos que competem por nossa atenção em uma página. Mas outra técnica que podemos usar é cercar nosso conteúdo crítico com espaço. Sem mais nada para se agarrar nas proximidades, nossos olhos se concentrarão nesse conteúdo. É a mesma razão que veremos a menor marca em uma parede branca.

Espaços negativos
O espaço negativo concentra a atenção em quaisquer elementos da tela próximos.

Não que o espaço negativo seja a única maneira de destacar seu conteúdo crítico de outros elementos. Nós podemos usar a cor também.

4) Aprimore com cores

Todos sabemos como pássaros e flores usam cores contrastantes para se destacar do ambiente. Podemos usar a mesma técnica em nossos sites, reservando uma cor diferente exclusivamente para conteúdo crítico, como nossos apelos à ação.

Realçar cores
O designer digital criativo, Andy Clarke, usou cores de destaque efetivamente em seu trabalho com o WWF.

No entanto, precisamos ter cuidado para não confiar apenas na cor, porque todos a vemos de maneira um pouco diferente.

Dito isto, a cor pode ser uma ferramenta poderosa para chamar a atenção quando combinada com outras técnicas, como usar o tamanho para nossa vantagem.

5) Utilize tamanho relativo

Uma maneira de julgarmos a importância relativa dos elementos é pelo tamanho. Instintivamente, sabemos que um grande botão de call to action é mais importante do que o pequeno link para a política de privacidade.

No entanto, não é tanto o tamanho em si que importa como os tamanhos relativos entre os itens. Se tudo é grande, nada é. Tudo tem igual importância na mente das pessoas.

Além disso, quanto mais significativa for a diferença entre os tamanhos dos elementos, maior será a distinção entre eles. Portanto, o contraste entre nossa política de privacidade e a chamada à ação primária é óbvio.

No entanto, muitas vezes o tamanho relativo entre elementos em um site não é grande o suficiente e, portanto, a distinção não é aparente o suficiente para fazer a diferença.

Como você pode ver, o design é uma ferramenta poderosa para chamar a atenção, mas também precisamos considerar o conteúdo em nosso site.

3) Considere o usuário ao criar conteúdo

O principal problema com o conteúdo dos sites é que não o criamos com o usuário em mente. Começamos com a premissa de “o que queremos dizer sobre nós mesmos”. Em vez disso, devemos perguntar “o que o usuário deseja saber”.

Isso significa que, do ponto de vista da usabilidade, devemos colocar as informações certas na frente dos usuários no momento certo.

1) Não faça o usuário procurar respostas

Com freqüência, os usuários precisam procurar as informações de que precisam. Por exemplo, imagine que você está se inscrevendo em um boletim informativo. Pouco antes de você, um monte de perguntas vem à sua mente sobre se elas enviarão spam ou a segurança do seu endereço de email. No entanto, com muita freqüência, você teria que procurar respostas em alguma política de privacidade escondida no fundo do site. Em vez disso, devemos responder a essas perguntas em o design do nosso formulário de inscrição no boletim informativo.

Responder a perguntas dos usuários
Responda às perguntas do usuário onde está sua atenção atualmente. Não os faça caçar respostas.

Não que esse seja o único problema de como abordamos o conteúdo. Também temos o hábito de estruturar conteúdo em torno de nossa visão de mundo. Esquecemos que o usuário vê o mundo de maneira diferente.

2) Combine o modelo mental dos usuários

Cada um de nós tem um modelo mental do mundo. Isso influencia a maneira como vemos o mundo e as conexões que fazemos entre conceitos ou coisas.

O problema é que, quanto mais especializados nos tornamos, mais nosso modelo mental difere daqueles que nos rodeiam. Por exemplo, se eu lhe perguntasse o que você faria se fosse ao banco, provavelmente pensaria em algum tipo de transação financeira. No entanto, se eu fizesse a mesma pergunta que um pescador profissional, eles podem pensar em uma margem do rio.

Esses modelos mentais diferentes podem ser um grande desafio ao criar a estrutura do site, porque seu modelo mental provavelmente é muito diferente do seu público. Você é especialista em seu assunto e, portanto, a maneira como vê o mundo será diferente dos seus usuários.

É por isso que precisamos envolver o usuário na criação da estrutura do site, usando uma técnica como classificação de cartão, ou pelo menos testar qualquer arquitetura de informação que surgirmos.

O outro problema que você pode encontrar com sua arquitetura de informações é o número de itens de navegação que você exibe.

3) Limite de opções e faça-as distintas

Um obstáculo significativo à usabilidade em muitos sites é a complexidade da navegação. Muitos sites simplesmente possuem muitos elementos em cada nível de navegação. Isso é um problema por duas razões.

  • Primeiro, somos péssimos em manter muitas informações em nossa memória de curto prazo. Normalmente, podemos armazenar cerca de quatro elementos por vez, e é por isso que o número do seu cartão de crédito é agrupado em quatro grupos de quatro dígitos.
  • Segundo, quanto mais elementos de navegação tivermos, maior a probabilidade de serem semelhantes. Quando as opções não são distintas umas das outras, os usuários ficam inseguros e são mais propensos a cometer erros.
Faça escolhas distintas
Se você tiver mais de uma opção, verifique se elas são distintas. Se eles são muito semelhantes, os usuários não escolherão.

Como resultado, devemos limitar o número de opções que mostramos aos usuários a qualquer momento e garantir que cada opção seja a mais distinta e claramente rotulada possível. Isso se aplica se você estiver falando de itens de navegação, categorias de produtos de comércio eletrônico ou apelos à ação.

Um pequeno investimento pode fazer uma grande diferença

A usabilidade do site é um assunto enorme e complicado. No entanto, é fácil começar, e fará uma diferença significativa com apenas uma pequena quantidade de esforço.

Você não apenas terá usuários mais felizes, mas também verá melhorias nas taxas de conversão e o número de visitantes que retornam, sem mencionar a recomendação boca a boca.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map