Fizemos alguns esboços no papel para melhor visualizar e estruturar as ideias das etapas anteriores.
Opções para a página inicial em dispositivos móveis
notion image
Opções para a página de categoria em dispositivos móveis
notion image
Opções para a página de produto em dispositivos móveis
notion image
A partir dos desenhos, montamos um protótipo em papel e fizemos uma rodada de testes de usabilidade com 3 pessoas para identificar a opção que funcionaria melhor para os usuários. Desta vez, algumas das observações incluíram:
  1. 2 de 3 preferem ver todas as categorias principais na página inicial;
  1. Eles estão familiarizados com o menu no canto superior esquerdo e acham que é mais fácil de navegar;
  1. Na página da categoria, a maioria dos usuários disse que se sentiu um pouco confuso ao ver uma imagem do produto, em seguida uma cópia sobre a categoria e depois os outros produtos;
  1. Todos os usuários preferem uma visualização em grade na página da categoria, porque eles podem escanear os produtos de forma mais eficaz;
  1. Na página do produto, eles disseram que deslizar para os lados é mais intuitivo;
  1. Os usuários preferem selecionar seu tamanho e adicionar o produto à sacola (como um processo separado) em vez de clicar em 'adicionar à sacola' para ver os tamanhos disponíveis;
  1. Todos os usuários disseram que gostam das seções relacionadas ('você também pode gostar') e de produtos semelhantes dentro da página do produto, pois isso pode mostrar a eles mais opções e combinações.
Em seguida, começamos a criar wireframes e refinar as idéias.
 
badge