2024

A tela que todo mundo visita e ninguém desenhou

O perfil do app do Bemol tinha virado gaveta de tudo que não cabia em outro lugar. Reordenar em torno do que as pessoas de fato abriam moveu todas as funcionalidades que ele continha.

Empresa
Bemol Digital
Papel
Senior Product Designer
Escopo
Product Design · Pesquisa
Canais
App Bemol
Status
Lançado · 2024

O que mudou

Três meses após o lançamento, contra o mesmo período anterior.

+170%
Uso da seção de Empréstimos
+153%
Uso do Crediário
+126%
Minha Conta e Histórico de Bônus

Antes e depois

  • Tela de perfil antes e depois do redesign

    Antes, uma lista sem hierarquia. Depois, o que importa primeiro.

Uma gaveta, não uma tela

O perfil vinha acumulando funcionalidades havia anos sem ninguém decidir o que pertencia ali. Pedidos, crediário, bônus, empréstimo e configurações conviviam com o mesmo peso, numa ordem que ninguém tinha escolhido.

O resultado é que as funcionalidades de maior valor (justamente as que o negócio mais queria ver usadas) estavam tão enterradas quanto as que quase ninguém abria.

Três problemas, nomeados separadamente

  1. Problema 1

    Todo item tinha o mesmo peso visual

    Acompanhar pedido e configuração de conta apareciam idênticos. Sem nada sinalizando importância, a lista lia como parede e as pessoas varriam em vez de navegar.

  2. Problema 2

    As funcionalidades financeiras sumiam onde mais importavam

    Crediário, bônus e empréstimo são os produtos que diferenciam o Bemol de um varejista genérico. No perfil, eram indistinguíveis de um item de ajustes.

  3. Problema 3

    Ninguém concordava sobre o que era mais importante

    Cada área tinha um modelo mental diferente da hierarquia. Sem uma ordenação compartilhada, qualquer redesign seria só uma opinião substituindo outra.

Resolvendo a hierarquia com evidência

O card sorting foi a peça que encerrou a discussão.

Quatro artefatos, em ordem. Cada um responde a uma pergunta que o anterior deixou aberta.

Entrevistas · seis áreas

  • Entrevista semiestruturada com funcionários do Bemol

Gestão, QA, engenharia, logística, trade marketing e suporte. Expuseram o quanto cada área lia a mesma tela de um jeito diferente.

Card sorting · com os mesmos seis

  • Sessão de card sorting para ordenar a hierarquia do perfil

Transformou opinião em ordenação defensável. Substituiu o "acho que pedidos deveria vir primeiro" por um resultado que todos participaram de produzir.

Benchmark · perfis de outros apps de varejo

  • Benchmark de seções de perfil em outros apps de varejo

Mostrou quais convenções o cliente já trazia de fora antes de chegar aqui.

Teste de usabilidade · perfil redesenhado

  • Teste de usabilidade do perfil redesenhado

Conferiu a ordenação contra a realidade, antes de virar produção.

O que as sessões revelaram

  • Evidência anotada das sessões de usabilidade

Evidência de teste, anotada: os achados que ajustaram a hierarquia final.

O card sorting não me disse a ordem certa. Disse a seis pessoas que discordavam que elas tinham produzido uma juntas.

O perfil redesenhado, de ponta a ponta

  • O conjunto completo das telas do perfil redesenhado

Crediário, com peso próprio

  • Seção de crediário no perfil redesenhado

O produto que mais diferencia o Bemol, não mais indistinguível de um ajuste.

O que não foi para produção

  • Ordenar o perfil por uso individual

    Personalizar por cliente deixaria a tela impossível de aprender: o item que você usou ontem muda de lugar amanhã. Ordenamos por comportamento agregado e mantivemos a posição estável.

  • Unificar bônus e crediário

    Parecem semelhantes e funcionam de formas diferentes. Juntar testou mal: as pessoas esperavam um saldo e encontravam dois conjuntos de regras.

Quem fez o quê

Christofer

  • Roteiro de entrevista e condução das seis sessões
  • Desenho do card sorting e análise da hierarquia resultante
  • Arquitetura de informação e hierarquia visual do novo perfil
  • Roteiro do teste de usabilidade e plano de medição pós-lançamento

Com o time

  • Extração dos dados de uso, com o time de analytics
  • Implementação, com o time core do app
  • Priorização de quais funcionalidades destacar, com produto

Reflexões

O redesign quase não mudou nada visualmente.

Nenhum componente novo saiu daqui. O que moveu os números foi ordenação e peso: decidir o que vem primeiro e o que ganha ênfase.

É também por isso que o resultado generaliza: os +170% em empréstimo não eram sobre empréstimo. Eram sobre uma funcionalidade finalmente estar onde as pessoas já estavam olhando.