Wireframe e testes de usabilidade para Estudo de caso de UX — Guifti

Mariana Igawa
4 min readSep 3, 2021

--

Este artigo é complementar ao case Guifti — Melhorando a experiência na busca online por presentes.

Primeiro teste de Usabilidade

O teste realizado com o protótipo de baixa fidelidade foi feito através do compartilhamento de tela pelo Google Meet, com 4 usuários, que foram orientados a pensar alto enquanto executavam as tarefas através do aplicativo Marvel App, dentro do seguinte contexto:

Você mora na cidade de São Paulo com sua família. O dia das Mães está chegando e você gostaria de encontrar um presente para a ocasião. Sua mãe gosta de artigos de cerâmica.

Tarefa 1: Buscar um presente para a ocasião

Tarefa 2: Filtrar a busca e selecionar o “Bowl de cerâmica”

Tarefa 3: Navegar pela página do produto e adicioná-lo aos favoritos

Tarefa 4: Acessar a página da loja, navegar e gerar mais confiança

Tarefa 5: Comprar o “Bowl de cerâmica”

Veja o protótipo

Feedbacks e aprendizados

2/4 — Quiseram navegar pelas “categorias” e não começaram pelo destaque das opções de produtos voltados a ocasião — Montar um fluxo iniciando por “categorias”

2/4 — Tiveram um pouco de dificuldade de encontrar o acesso à pagina da loja através da página do produto — Destacar mais o nome e deixar a pagina mais clean

3/4 — Disseram que o ícone para “favoritar” estava estranho, apesar disso conseguiram encontrar — Verificar se era por conta do desenho/foto ou a localização, tamanho.

2/4 — Já foram para a área de avaliações pela pagina do produto e uma delas já efetuou a compra

Wireframe

Segundo teste de usabilidade

A partir dos aprendizados do primeiro protótipo, foi feito o wireframe de média fidelidade e o segundo teste foi realizado com 3 usuários pelo Figma, através do Google Meet. As missões dadas foram as mesmas do teste anterior.

Você pode conferir o protótipo aqui.

Feedbacks e aprendizados

O fluxo através de “categorias” não ficou muito claro para uma pessoa. Foi questionado “cerâmica” como sendo um objeto mais decorativo e não um utensílio de cozinha. — Fazer um estudo das palavras e categorias.

A ação de “favoritar” foi feita facilmente, porém a página do “favoritos” não foi utilizada nessas tarefas. — Destacar a utilidade e criar um fluxo para isso.

Na página da loja houve dificuldades para encontrar as “Coleções” e “Avaliações” — Destacar ou fixar a barra.

Terceiro teste de usabilidade

Para o teste com o protótipo de alta fidelidade foi solicitado que os usuários seguissem por dois fluxos distintos a fim de que fossem avaliadas todas as ferramentas implementadas.

A maioria foi conduzida remotamente através da ferramenta Maze.

Primeiro cenário: O Dia das Mães se aproxima e você gostaria de encontrar algo para a ocasião. Moram em São Paulo e sua mãe adora objetos de decoração e macrame.

Tarefa 1: Iniciar a busca para o Dia das Mães

Tarefa 2: Filtrar as opções de busca e visitar a pagina do “Painel em Macrame”

Tarefa 3: Navegar pela página do produto e acessar a página da loja

Tarefa 4: Navegar pela pagina da loja, ver outros produtos e gerar confiança

Tarefa 5: Comprar “Painel em Macrame”

Feedbacks

Neste cenário, 7 pessoas realizaram o teste.

Mapa de calor — Maze

66,7% dos usuários utilizaram a área de “destaque” e concluíram a tarefa de forma direta, porém ocorreram cliques em lugares inesperados, indicando possíveis distrações ou falhas na usabilidade.

Os usuários conseguiram realizar a Tarefa 3, alguns de forma indireta, explorando a página, porém conseguiram chegar ao lugar esperado.

A Tarefa 4 ficou confusa, o mapa apresentou cliques em áreas inesperadas. 75% concluiu a tarefa de forma indireta.

Segundo cenário: O aniversário da sua mãe se aproxima e você gostaria de pesquisar algumas opções de presentes. Ela adora objetos de decoração.

Tarefa 1: Busque por produtos através de “Categorias”

Tarefa 2: Encontre o “Conjunto de quadros”, navegue pela página do produto e adicione-o aos “Favoritos”.

Tarefa 3: Veja outro produto que te chamou a atenção nas “Decorações”, o “Painel em Macrame”

Tarefa 4: Navegue pela página do produto e adicione aos “Favoritos”

Tarefa 5: Veja na página de “Favoritos” quais itens marcou como opções para presente.

Feedbacks

Neste cenário, 5 usuários realizaram o teste.

Mapa de calor 2 — Maze

Na parte de subcategoria “Casa e Lar”, usuários tiveram dificuldades de encontrar o fluxo proposto.

As outras tarefas tiveram 100% de sucesso direto.

--

--