Projeto de Redesign de uma interface para a plataforma da Tracksale, foram feitas pesquisas qualitativas e quantitativas com os usuários da ferramenta, foi feita análise de mapas de calor e de gravações de sessões do usuário pra a partir disso propor uma nova interface para que o usuário tenha uma melhor interação com o sistema.

Após o estudo e prototipação da interface, foi feita um teste de usabilidade com algumas pessoas da empresa de forma a entender se aquela solução seria válida. Foram chamadas pessoas que utilizavam muito a aplicação e pessoas que nunca tinham acessado. 

Abaixo, listo as interfaces propostas para o sistema:

Nos testes foi identificado que o usuário não sabia chegar até a home, assim foi dividido em dois o que era a "home", assim tendo uma interface que seria um dashboard e uma responsável por listar as "campanhas"(que pode ser vista abaixo), que são os pontos de contato que são medidos através das métricas.. NPS, CSAT, CES e etc..

Assim como não era simples chegar até a home da ferramenta, saber se não havia chegado nenhuma opinião era algo muito confuso, assim foi proposta uma interface que é um Empty State, que é algo que existe na documentação do Material Design.

Outra novidade aqui, é a do menu lateral esquerdo estar dentro desta interface, na versão antes do redesign, o menu não aparece, assim o usuário não sabe pra onde ir, e por sorte acaba clicando na logo do canto superior esquerdo assim conseguindo voltar para a Home do sistema.

O que antes só podia ser visto com um scroll em X, agora dá lugar para dois modos de visualização, um em card e em lista de forma com que a pessoa usuária possa ver da forma que pra ela for melhor.

Mais uma vez, o que antes era necessário um scroll em X que poderia ser gigante dependendo da quantidade de propriedades de uma opinião, aqui, o usuário pode fazer a categorização e outras ações em uma linha, apenas clicando no menu de contexto que fica ao lado da nota, várias ações podem ser feitas, como pode ser visto abaixo:

Atualmente a categorização é apertada e muita das vezes é difícil selecionar um item da categorização, por isso foi proposto ele ser uma modal, que faz com que o usuário possa selecionar e dependendo da quantidade de categorias, até mesmo pesquisar e encontrar de maneira mais fácil a categoria desejada. 

Para realizar ações em massa em um lote de opiniões, basta selecioná-lás que o header da aplicação mudaria mostrando que você está em um contexto "novo" e que ações podem ser feitas a partir daquele header.

O que antes era uma Modal para ver os dados, ganha agora uma visualização através de uma tela, onde a pessoa usuária pode ver os dados divididos em três abas, sendo elas:

* Dados gerais: onde podem ser vistos vários dados da pessoa que deu aquela opinião

* Linha do tempo: onde podem ser vistas todas as interações com a marca que aquela pessoa já teve

* Propriedades: é a aba onde podem ser vistas as tags de uma opinião, todos os dados que foram imputados sobre aquele determinado cliente assim facilitando a interpretação dos dados.

Gostou do projeto, quer saber um pouco mais sobre como funcionou e quais ferramentas foram usadas? Vamos bater um papo, me chama no Linkedin :)