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!