Melhorando a visualização e navegação de dashboard
Contexto
A D4Sign é uma plataforma de assinatura eletrônica e digital. Atualmente é a plataforma que disponibiliza o maior número de ferramentas e recursos para criação e gestão de contratos, armazenamento de documentos e gestão de assinaturas.
Problemas e objetivos
A partir do dashboard, os clientes podem visualizar se existem documentos a serem assinados, limite de envios e planos. É a tela inicial ao da plataforma, o ponto de partida para que os usuários realizem suas tarefas.
Recebemos feedbacks de clientes através a respeito da usabilidade dessa tela, os quais guiaram o projeto. Os temas mais mencionados são:
• Confuso
• Pouco intuitivo
• Muita informação
• Falta de organização
• Sem saber por onde começar
• Separar temas
• Navegação
Descoberta
Para orientar a melhoria de arquitetura da informação, analisamos o mapa de calor do dashboard, de onde coletamos alguns aprendizados:
• As principais áreas de interação pelos usuários são a busca, cofres (onde os documentos são armazenados), área de envio de documentos e status de assinaturas
• Os banners não têm quantidade de cliques significativos – tanto de divulgação quanto de treinamento – tornando-se apenas ruído visual e obstáculo de foco nas tarefas que o usuário deseja realizar.
Ideação
A partir da descoberta construí um protótipo de média fidelidade, levando em conta os seguintes pontos:
• Diminuir o ruído visual para que o usuário foque nas tarefas que precisa executar.
• Trabalhar as cores para direcionar os pontos de ação por onde o usuário (principalmente novo) pode começar a utilizar a plataforma.
• Organizar a navegação em área de ferramentas e área de gerenciamento de documentos.
• Considerar também a otimização de performance da plataforma nessa melhoria.
Para atingir esses objetivos utilizei a arquitetura da informação similar a de produtos digitais como Dropbox e Gmail, me baseando na Lei de Jakob: "Os usuários transferem as expectativas que criaram em torno de um produto familiar para outro produto semelhante."
Teste
Foram realizados testes de usabilidade e design critique com stakeholders a partir do wireframe, obtendo os seguintes feedbacks:
• Ocultar o painel de eventos do cofre trouxe respiro para a página
• Destacar os botões por onde o usuário pode começar a utilizar a plataforma trouxe a sensação de ser simples de usar
• Área de cofres visível está muito pequena e gerando muita rolagem, porque os clientes costumam ter uma lista extensa de cofres
• Box de plano pode ser confundido a primeira vista com o D4Sign Score, por ter a mesma configuração visual e estarem seguidos um do outro.
