3 maneiras rápidas e eficientes de testar a usabilidade do seu produto

No dia-a-dia de times de produto, sempre nos deparamos com possíveis hipóteses de entendimento de uma interface, seja sobre se o usuário irá entender a nomenclatura de um botão para um determinada ação, se o ícone está passando a mensagem que gostaríamos, ou até mesmo se o texto está claro para explicar um contexto, dentre outros. Muitos desses pontos são validados dentro de um teste de usabilidade no qual incluímos nos cenários, uma forma de avaliar e validar essas hipóteses.
No entanto, há casos que precisamos de respostas mais rápidas até mesmo como refinamento de um protótipo para validar em um teste com usuário, e nem sempre tem tempo hábil de elaborar o planejamento do teste, recrutar usuários, preparar o local, etc, etc.. E pode se correr o risco de ficar apenas no achismo por não se ter conseguido montar um teste mais bem elaborado.
Mas falando de agilidade no processo criativo, precisamos errar rápido para ajustar o quanto antes, e há meios de validarmos hipóteses com algumas abordagens de testes. A seguir, irei listar algumas técnicas e como podem se encaixar bem como fonte de captura de dados de validação de problemas de usabilidade.
1. Teste do primeiro clique ( First click )
Esse teste tem a finalidade de avaliar onde o usuário clicará primeiro na interface para concluir uma tarefa. Essa é uma boa maneira de indicar se as pessoas estão conseguindo ou não encontrar de forma intuitiva o que estão procurando e entender a parte comportamental do usuário.
De acordo com Jeff Sauro, da Measuring Usability, se um usuário conseguir acertar o primeiro clique no local certo, ele concluirá sua tarefa com êxito 87% do tempo. E se estamos falando de tempo, lembramos que é uma maneira de avaliar a eficiência da interface. Nesse artigo aqui, eu abordo sobre esse tipo de métrica.
Benefícios do First Click
- Entender se a hierarquia de conteúdo e os elementos visuais estão fáceis de serem encontrados pelo usuário.
- Avaliar se a taxonomia de botões, links e conteúdo estão claros.
- Analisar qual lugar da interface é mais intuitivo posicionar elementos como botão, ícones, menus etc..
Principais aprendizados que o teste fornece
- Quantidade de pessoas conseguiram acertar o primeiro clique X quantas erraram.
- Qual lugar as pessoas clicaram errado e o porque isso pode acontecer.
- Quando há mais de um lugar correto para o clique ( Ex: ícone no footer ou no header ), em qual parte houve maior incidência de cliques e porquê?
- Qual tempo médio as pessoas levaram ate dar o primeiro clique.
Como montar o teste?
Assim como todo teste, precisamos de três elementos , primeiro um objetivo ( o que você quer descobrir/validar com o teste, seguido por definição dos cenários e tarefas para serem executadas.
Para ilustrar, vamos a um exemplo prático (hipotético) de como podemos estruturar o teste de maneira simples e objetiva.
Problema atual
Os heatmaps das páginas de produto mostram que a localização do botão atual está sendo visualizado por apenas 75% das pessoas que fazem scroll na página.
Hipótese a ser validada
Acreditamos que o ícone na navbar pode ser mais fácil de ser visualizado pelo usuário, dessa forma, seria uma maneira de diminuir o esforço cognitivo e aumentar o número de conversão de vendas.
Objetivo do teste
Analisar se os usuários compreendem a função do ícone Adicionar item ao carrinho localizado na navbar e se preferem ele ao invés do botão localizado no final da página de produto.
Neste exemplo eu usei o Usabilityhub, onde eu inseri a imagem do teste, em seguida , descrevi o seguinte cenário e tarefa:
Cenário: Você recebeu um cupom de 20% para comprar o relógio CKW.
Tarefa: Coloque o produto no seu carrinho de compra.

Resultado

Importante lembrar que se o teste ocorrer de maneira remota não moderada, o cenário e tarefa precisam ser bastante claros, pois não haverá um moderado explicando. Ao final do teste, você pode inserir um pequeno questionário para saber o motivo que o usuário clicou em determinado lugar, é muito bom para captar feedbacks e entender os possíveis erros dos testes e analisar o ponto de ação para corrigir.
A própria ferramenta fornece os dados de análise de teste, como tempo médio de cada teste até o acerto, quantidade de teste com sucesso, heatmaps, mapa de cliques detalhados entre outros.
2. Five Second Test
Trata-se de um teste de pesquisa onde ajuda a medir quais informações os usuários conseguem escanear visualmente e qual impressão eles tem sobre a página dentro de 5 segundos. É uma avaliação que ajuda a compreender se entendimento e objetivo da página estão claros e avaliar o quão eficiente está sendo o design para esta comunicação. Esse é um tipo de dado que traz tanto feedback quantitativo quanto qualitativo e ajuda a tornar o design mais otimizado.
De acordo com alguns estudos, 5 segundos já é tempo suficiente para que o um design bem feito consiga comunicar a mensagem da página. Existe cada vez mais a tendência de que as pessoas abrem vários sites ao mesmo tempo, o que acarreta na redução de atenção, o que reforça a necessidade de ser mais eficiente na comunicação. Esse artigo fala mais sobre o tempo de permanência dos usuários nas páginas .
Quando utilizar?
Os testes de cinco segundos são indicados para determinar se as primeiras impressões dos usuários sobre sua página estão corretas para o que você deseja informar/comunicar. Isso envolver responder perguntas como estas:
- Do que se trata essa página? Qual o objetivo?
- Quais são as principais partes da página que você se lembra?
- Para quem você acha que foi feito essa página, que tipo de pessoas?
- O design transmite confiança?
- Qual foi sua impressão geral sobre o design?
- O usuário conseguiu enxergar o Call to action?
Como funciona?
A imagem da sua página irá aparecer durante 5 segundos para o usuário e ele poderá fazer o scroll para ver todo o conteúdo, ou o moderador do teste pode solicitar que a pessoa foque em alguma parte específica da página ou até então ou perguntar onde eles clicariam para encontrar determinadas informações.
Após o término desse tempo, ele é convidado a responder algumas perguntas simples com base na memória e impressão gerado pelo design.
A seguir, irei ilustrar como estruturamos esse tipo de teste, você pode optar por algumas ferramentas tais como: fivesecondtest ou o próprio UsabilityHub.
Para seguir a sequência irei fazer todos no usabiliyhub :)
A ilustração do teste ficaria assim:
Caso queira ver o teste online para ter uma noção do funcionamento, só ir neste link.

Quando não usar esse tipo de teste?
Esse tipo de teste não é indicado quando você precisa validar informações muito complexas, páginas com textos longos, se precisa fazer perguntas mais complexas ou fazer análise comportamental. Neste casos, o mais indicado seria um teste de usabilidade mesmo :)
3. Teste de preferência
O teste de preferência no ajuda escolher qual das versões agrada mais o usuário, seja um botão, um ícone, texto em CTAs etc..
Como funciona?
Durante o teste o usuário recebe 2 ou mais opções de um mesmo design, e é convidado a escolher qual delas ele se agrada mais, não só no quesito estética , mas de interpretação de informação, hierarquia de conteúdo entre outros.
Essa modalidade de teste irá fornecer resultados qualitativos e quantitativos, todavia, o mais importante é se concentrar no feedback qualitativo, onde irá ser identificado o motivo pelo qual os usuários prefererem determinada versão.
Quando usar esse teste?
Sempre que estamos construíndo uma interface, nos deparamos com aqueles testes de variação no design , no qual não sabemos qual é a melhor opção para um contexto/problema. Para não ficar no achismo de pessoas envolvidas no projeto, baseando-se em gosto pessoal o teste de preferência é bem vindo na fase inicial do design.
É uma boa maneira de se aprovar algum conceito de interface/arquitetura, antes mesmo de começar evoluir o design como todo.
Como aplicar?
Esse já é mais simples de ser feito, basta submeter e configurar o teste usando já uma ferramenta que irá compilar os dados de forma mais fácil, caso deseje fazer remoto, claro.:)
Referências