Redesign de Usabilidade
Quando falamos sobre dados que um sistema fornece para os seus clientes, é importante que esses dados estejam legíveis e de fácil compreensão.
Além disso, é importante que um sistema que fornece informações complexas, busque simplificar o máximo possível sua interface, para o que os usuários sejam orientados, ao invés de saírem mais perdidos do que entraram.
Esse projeto tinha como objetivo tornar o i4cast um sistema mais claro, objetivo e fácil de usar.
Problema
O i4cast, sistema de previsão e mitigação de riscos climáticos, possuía uma interface pouco intuitiva e fluxos confusos para os usuários.
Isso exigia esforços extras do time comercial para auxiliar na navegação do sistema, fornecer treinamentos e criar insights (alertas) para os usuários.
Como time de produto, precisávamos melhorar a navegação e a usabilidade do sistema mobile e desktop.
O que foi feito?
-
Criação e entendimento da jornada do usuário;
Entrevistas com oceanógrafos e time comercial da empresa;
Entrevistas com clientes usuários.
-
Criação de um benchmarking robusto e detalhado com players de previsão global do mercado;
Realizei alguns testes internos com os players concorrentes, para entender prós e contras de cada um.
-
Os esboços foram apresentados ao time comercial para entender se os ajustes faziam sentido.
Resultados
Algumas descobertas:
O sistema web tinha uma jornada complicada e lenta, dificultando o engajamento do usuário;
O aplicativo mobile possuía visualização que dificultava o entendimento dos dados;
O fluxo de criação de insights possuía alguns gargalos;
A lógica de cadastro de insights era difícil de compreender.
Com as alterações realizadas, conseguimos uma redução de 40% do tempo de criação de um novo insight.
Resultados coletados pelo Grafana:
Aumento de 25% nos cadastros de novos insights;
Aumento de 75% na edição de insights;
Aumento de 400% na criação de novos dashboards;
Aumento de 100% na criação de novas localidades.
Fluxo de criação de insights
Insights são uma espécie de alerta. O usuário deve cadastrar condições climáticas adversas, que atrapalhem as suas operações, para conseguir visualizar no gráfico quando essas condições estiverem prestes a acontecer.
O fluxo de criação era lento porque:
Um dashboard pode demorar bastante para carregar, devido a quantidade de dados gerados por cada dashboard;
O fluxo consistia em: Criar novo dashboard > Voltar para o início > Criar nova localização > Voltar para o início > Enfim, criar um novo insight.
Ajustamos esse fluxo:
Criamos um gerenciador de insights, onde o usuário pode realizar a criação de todos os itens necessários sem precisar retornar à tela de início;
Dividimos cada etapa do processo em abas, ao invés de telas separadas;
Padronizamos as listas e os botões com um novo padrão de estilo e cores para o i4cast;
Criamos modais de edição rápida e confirmação de exclusão (prevenção de erros).
Lógica de insights
Dificuldade de entender a lógica de cadastro de insights foi um dos problemas encontrados.
Para resolver isso:
Reduzimos a quantidade de informações necessárias para cadastrar um insight;
Reformulamos a estrutura lógica.
Baseado nas portas lógicas booleanas, os insights possuem ligações de “E” e “OU” entre suas condições e grupos de condições. É uma lógica que, por si só, pode se mostrar de difícil compreensão.
Criamos um formato de visualização em linha, da esquerda para a direita, como a leitura de um texto;
Adicionamos os operadores lógicos (”E” e “OU”) nas divisórias entre uma condição (ou grupo de condição) e outra.
Estados vazios
Queríamos empoderar o usuário e guiá-lo no processo de criação. Para isso, inserimos estados vazios que instruíam o usuário no que deveria ser feito.
Indicávamos qual seria o próximo passo;
Botões call to action para chamar a atenção para a ação principal;
Instruções simples, curtas e informativas.
Mobile
Uma outra descoberta importante das pesquisas foi:
Nossos usuários não estavam sempre na frente de um computador. Eles saíam, visitavam navios, precisavam de dados de previsão objetivos e de fácil visualização.
Para isso, a visualização gráfica não ajudava tanto, por fornecer informações mais detalhadas. Ajustamos:
Os gráficos permaneceram, mas foram para uma aba secundária;
A aba principal do aplicativo se tornou a nova aba de Tendências;
Na aba de tendências, foram criados cards que apresentam os dados brutos para cada variável presente no i4cast;
É possível visualizar a direção mais recorrente naquele período, para cada variável que apresenta uma direção (informação essencial quando se fala, por exemplo, sobre vento);
Os intervalos de hora de previsão (3h - 6h - 12h) representavam as horas mais importantes no planejamento da operação para os usuários.
Considerações finais
O redesign de usabilidade foi um projeto realizado para o i4cast entre o final de 2022 e o início de 2023 e está no ar até hoje, atendendo aos usuários da plataforma.
Para esse projeto, realizei um estudo aprofundado, e atuei de ponta a ponta no processo de UX e UI design.
Quer saber mais detalhes sobre o que foi feito em cada etapa? Entre em contato comigo!