top of page
Mockup.png

Brasil Exchange

Ideação e Teste de Usabilidade

Tendo as soluções definidas, chegou a hora de criarmos os sketches para o nosso futuro aplicativo, seguindo o princípio pencils before pixels.

Com o intuito de analisar as melhores ideias que poderiam nos conduzir a ilustrar da melhor maneira nossas soluções, todos os integrantes do time desenharam os rabiscoframes.

Rabiscoframe - Karol.png
Rabiscoframe - Pedro.png

Wireframe

De acordo com os rabiscoframes criados, chegou o momento de construir o esqueleto do aplicativo.

Pensamos em dois fluxos para o app:

  • Depositar dinheiro

Depósito_2x.png
  • Comprar uma criptomoeda

Compra_2x.png

Confira nosso wireframe!

1_VMvWSRgaPQWcaXRl82Xo-A.gif

Teste de Usabilidade

Para realizarmos os testes com o wireframe, decidimos utilizar o Maze.

Dentro da plataforma, sugerimos três tarefas para os usuários realizarem.

  • Comprar Bitcoin.

  • Encontrar o gráfico de comparação dos rendimentos com indicadores econômicos.

  • Simular um depósito em reais.

Confira nosso teste de usabilidade!

  • Tarefa 1 - Comprar Bitcoin

Gráfico - Comprar BTC.png

O fluxo de compra pareceu ser bem intuitivo para a grande maioria.

No menu inferior, 5 pessoas clicaram no botão do meio para comprar o ativo, só em seguida clicaram no botão “Comprar” que está ao lado. Isso nos leva a crer que as pessoas esperavam encontrar essa opção neste botão.

Embora houvesse um botão primário no corpo da página para a compra de ativos, nenhum dos usuários testados fizeram o scroll na mesma. Isso nos leva a crer que não há a necessidade deste botão, tendo em vista que a maioria usou o menu inferior.

Recomendação

Acreditamos que seja interessante retirar o botão principal do corpo do conteúdo e adicionar um rótulo para o botão do menu inferior.

Antes & Depois_2x.png
  • Tarefa 2 - Encontrar o Gráfico de Rendimentos

Gr�áfico - Gráfico de rentabilidade.png

Nesta tarefa, 6 respondentes tiveram sucesso direto. Notamos que 3 respondentes foram na página do ativo em busca da rentabilidade da carteira. Acreditamos que, para estas pessoas, não ficou claro que haveria um segundo gráfico na tela inicial.

Recomendação

Melhorar a indicação de que há um segundo gráfico na página inicial.

Antes & Depois_2x-1.png
  • Tarefa 3 - Depositar na conta

Gráfico - Depósito.png

Percebemos que o botão “Depositar BRL” na aba superior ficou bem localizado, tendo em vista que 83% dos respondentes o usaram de primeira.

Quer voltar para o case principal Brasil Exchange?

bottom of page