Como transformar a experiência do usuário em design UX
O teste de usabilidade não precisa ser complicado. Existem dezenas de opções para uma equipe de projeto que deseja testar remotamente suas soluções. Para provar isso, nós redesenhamos Yelp , com a ajuda de testes de usabilidade remotos.
Nós executamos testes de usabilidade remotos porque são rápidos e acessíveis. Todos esses testes não eram moderados, o que significa que os usuários os executavam no conforto de suas próprias casas. Enquanto isso nos dá menos controle, fornece resultados mais naturais. Como as reações deles foram registradas, nós os incentivamos a pensar em voz alta.
É vital entender que não existe uma abordagem mágica única. Há uma ampla seleção de táticas que variam de estudos de laboratório de usabilidade a simples pesquisas por e-mail, e todas elas têm seu tempo e lugar. Fizemos um teste de usabilidade remota porque ele consegue um bom equilíbrio entre velocidade, precisão e custo.
Neste artigo, explicaremos por que a pesquisa qualitativa é importante, explicamos os insights e mostramos como eles foram incorporados ao novo design.
Como abordar a análise qualitativa
Quando se trata de análise qualitativa, você não pode simplesmente pedir aos usuários que falem sobre suas experiências.
Como Jakob Nielsen, sócio do Nielsen Norman Group, aponta , você nunca deve ouvir apenas o que os usuários dizem. A abordagem errada seria criar alguns designs e, em seguida, perguntar aos usuários qual deles eles mais gostavam - os usuários não tentaram o design, então eles só podem comentar sobre o que eles vêem na superfície.
A abordagem correta é observar o que os usuários fazem e, em seguida, perguntar a eles o mínimo Única pergunta de facilidade , que é: “Quão fácil, ou difícil, foi a tarefa?” Isso ajuda a reduzir o preconceito e chega ao ponto principal da análise da experiência do usuário: como os usuários realizaram suas tarefas e quão fácil ou difícil foi? Nossa gravação de tela também capturou áudio (já que encorajamos as pessoas a pensar em voz alta), porque, do contrário, é fácil ignorar por que determinado comportamento ocorreu.
Como analisamos os vídeos do usuário
Padrões distintos surgiram nos vídeos de interações do usuário com o site do Yelp. Sem surpresa, aprendemos que a barra de pesquisa era uma das mais essenciais e fáceis de usar. Claro, isso faz sentido porque o Yelp é essencialmente um mecanismo de busca de negócios com alguns recursos sociais adicionados. No entanto, outros recursos não foram tão intuitivos, como você verá abaixo.
Lição 1: A barra de pesquisa foi o ponto de partida preferido
Todos os cinco participantes do teste confiaram bastante na barra de pesquisa, mesmo em tarefas que poderiam ser facilmente concluídas navegando pelas categorias (como encontrar um bom restaurante ou bar sem receber nenhum critério específico). Na verdade, quatro dos cinco participantes foram direto para a barra de pesquisa para encontrar um restaurante. Apenas um usuário começou a navegar pelas categorias, e ela rapidamente as considerou "esmagadoras" e acabou voltando à barra de pesquisa.
É importante mencionar que em nossas instruções de teste, pedimos aos usuários para “encontrar” um restaurante, e não para “procurar” um restaurante, porque queríamos observar como eles completariam naturalmente essa tarefa sem influenciá-los em uma função específica.
Curiosamente, quando os usuários receberam parâmetros específicos (como orçamento, ambiente e tipo de restaurante, ou o nome de uma empresa individual), quase sempre ignoraram tudo na página inicial, exceto na barra de pesquisa. Em nosso novo design, nos certificamos de que a barra de pesquisa fosse o recurso mais visualmente proeminente.
Lição 2: os eventos não são muito visíveis
Em uma tarefa, pedimos aos dois usuários sem contas do Yelp que encontrassem um evento interessante em sua área neste fim de semana. Queríamos saber se eles usariam a guia "Eventos" no topo da página.
Surpreendentemente, ninguém usou a guia de eventos . Quando solicitados a encontrar um evento interessante em sua área neste fim de semana, um participante do teste usou a barra de pesquisa, enquanto o outro navegou pela categoria de artes e entretenimento na melhor seção do Yelp .
Como a realização de eventos é uma parte importante dos negócios do Yelp, nosso novo design retiraria a seção de eventos da barra lateral e a tornaria parte da rolagem principal.
Lição 3: o Bookmarking foi confuso e ninguém usou listas
Estávamos curiosos para ver como os usuários escolheriam salvar locais para referência futura. No Yelp, há duas maneiras de fazer isso: os usuários com contas existentes podem marcar um local ou criar uma lista. Simplesmente pedimos ao grupo 1 (três usuários com contas do Yelp) para "salvar" um número de locais para analisar mais tarde, de modo que nossas palavras não mencionassem nenhum recurso que pudesse influenciar suas ações.
Dos três usuários que receberam essa tarefa:
- Um salvou as empresas usando marcadores, mas reclamou que o processo levou muito tempo
- Um começou a salvar empresas usando marcadores, mas desistiu porque demorou muito
- Um não conseguiu descobrir como economizar negócios e desistiu da tarefa
Os dois usuários que usaram marcadores ambos comentaram Seria bom poder marcar uma empresa como favorito na página de resultados de pesquisa, em vez de precisar acessar a página de cada empresa separadamente.
Seria bom permitir que os usuários tivessem um método mais fácil e intuitivo de salvar as empresas para que voltassem mais tarde. Por isso, adicionamos um recurso de salvamento com um clique no novo design. Esse novo recurso permite que você salve uma empresa diretamente da página de resultados sem mergulhar mais fundo.
Lição 4: É rápido e fácil procurar um local específico
Todos os cinco usuários receberam uma tarefa para encontrar uma empresa específica e descobrir se ela estava aberta em um determinado momento. Todos concluíram com sucesso essa tarefa e classificaram a tarefa como "muito fácil". Como mencionado anteriormente, todos os cinco usaram a barra de pesquisa para realizar essa tarefa.
Como a pesquisa por uma empresa específica está funcionando tão bem, decidimos que a funcionalidade não precisava ser alterada.
Lição 5: as fotos são a melhor escolha para determinar o ambiente
Quando solicitado a encontrar um restaurante com um determinado ambiente, nenhum dos cinco usuários tentou usar a barra de pesquisa. Em vez disso, três usuários pesquisaram fotos do restaurante no Yelp, um visitou o site do restaurante, eo último afirmou que os símbolos de preços ($, $$, $$$, $$$$) foi o suficiente para indicar se o restaurante tinha o ambiente certo.
Isso trouxe dois insights:
- As fotos são uma parte essencial da experiência do Yelp e são essenciais para os usuários escolherem uma empresa.
- Para evitar desordenar a interface, a solução pode ser tão simples quanto apenas ampliar as fotos quando você chegar à página de resultados da pesquisa.
Lição 6: os usuários confiaram nos filtros, mas precisam ser reformulados
Todos os cinco usuários foram solicitados a encontrar um restaurante para um grupo de 15, três dos cinco participantes usaram o filtro bom para grupos , enquanto um usou o recurso de fazer uma reserva e rolou para baixo até encontrar um restaurante que pudesse acomodar o grupo.
Em outro ponto, um usuário tentou para selecionar duas categorias para filtrar seus resultados, mas uma de suas escolhas desapareceu quando ele clicou no outro.
Embora os filtros sejam importantes, aprendemos que eles poderiam ser muito melhorados. Para cavar mais fundo, decidimos executar um tipo de cartão em todas as opções de filtro atuais do Yelp para determinar quais são realmente úteis para os usuários.
Para o novo design, decidimos categorizar as categorias de filtro em grupos de quatro com base em como os usuários as priorizaram. Por exemplo, aprendemos que "Abrir agora" e "Aceitar cartões de crédito" são alguns dos filtros mais importantes, mas pode levar vários cliques para acessá-los.
Lição 7: Categorias de preço não estavam claras
Quando os usuários pesquisavam o restaurante com parâmetros específicos, um dos requisitos era encontrar um restaurante dentro de um orçamento de US $ 20 por pessoa. Dois dos cinco usuários ficaram confusos com o fato de o orçamento de US $ 20 do restaurante cair na categoria $, $$ ou $$$. Um usuário afirmou que ela não sabia o que os símbolos significavam e outro clicou na categoria errada. Os outros três escolheram corretamente a categoria $$.
A definição dos símbolos não é exibida quando os usuários selecionam filtros; Ele só é exibido quando o usuário navega para a página de um determinado restaurante. Como as expectativas de preço são altamente subjetivas, não ficou claro para os usuários qual categoria eles deveriam escolher.
No novo design, resolvemos isso colocando os valores exatos entre parênteses ao lado dos símbolos. Isso é especialmente útil à medida que você se move entre as categorias, já que $$ tem um significado diferente se você estiver escolhendo um mecânico ou uma lanchonete.
Design impulsionado por insights de usabilidade
Quando chegou a hora de projetar, seguimos uma abordagem baseada nos últimos passos da Design do Google Ventures processo. O CEO da UXPin, Marcin Treder, começou com inúmeros esboços informais antes de uma decisão da equipe ajudar a separá-los dos 2-3 esboços. Para evitar o design por comitê, Marcin teve a palavra final sobre quais esboços iriam progredir em prototipagem e wireframing.
Criamos um wireframe para incorporar a maioria das alterações de design e adicionamos algumas interações e animações para transformá-lo em um protótipo de baixa fidelidade. Depois que as animações foram suavizadas, adicionamos detalhes para um protótipo de alta fidelidade.
Protótipos de baixa fidelidade
Protótipos de alta fidelidade
Determinando todas as dimensões de usabilidade
O que os usuários dizem e o que os usuários devem fazer como verificações e balanços durante o teste do usuário. Embora você não precise necessariamente estar presente durante o teste, uma gravação audiovisual é obrigatória, caso contrário, você pode perder o contexto das ações. Ao combinar análise qualitativa com análise quantitativa, você terá uma ideia ainda mais clara de por que e como corrigir um problema, além de quantos problemas de usabilidade seu projeto precisa resolver.