Traduzindo a Complexidade do Código para a Simplicidade da Interface

Este é um projeto interno da INTELIE by Viasat, portanto a apresentação possuirá restrições de conteúdo para preservar dados sensíveis.

Síntese do projeto

Neste projeto, o problema central era a necessidade de customização dos termos dos status das barreiras no-code (sem código). Para resolver isso, foi desenvolvida uma nova interface que permitia essa customização. Os principais usuários impactados são os engenheiros responsáveis pela configuração de um bowtie.

A feature “Status de Barreira” foi desenvolvida para o Dynamic Risk Advisor (DRA) na plataforma LIVE da Intelie by Viasat. O Dynamic Risk Advisor (DRA) é uma ferramenta que auxilia na exibição e monitoramento de dados, utilizando a metodologia bowtie como base, ele funciona dentro do LIVE que é uma plataforma de dados em tempo real, que tem como principal mercado o de óleo e gás.

Atuei como UX designer desde o recebimento da demanda até a entrega e acompanhamento do desenvolvimento. Meu principal desafio foi criar uma interface generalista e fácil de ser utilizada. Para isso, desenvolvi uma solução com um modelo mental já familiar aos usuários, baseado em outras áreas da plataforma LIVE. O que resultou em uma redução do tempo de suporte, uma utilização de interfaces sem código, um atendimento às necessidades de customização e melhor adaptação às diversas industrias.

Contextualização do problema

O Dynamic Risk Advisor (DRA) utiliza a metodologia bowtie como base. Essa metodologia permite a visualização de riscos, barreiras de prevenção e mitigação, além de seus respectivos status.

No DRA, as barreiras as apresentam medidas e controles implementados para prevenir ou mitigar os impactos negativos de eventos indesejáveis. Cada barreira possui um status associado, que indica seu nível de efetividade em proteger a organização.

O status da barreira é representado por um nome e uma cor. As cores padrão são:

  • Verde: Barreira ativa e funcionando corretamente.
  • Vermelho: Barreira inativa ou com falhas, exigindo atenção imediata.
  • Cinza: Barreira não monitorada, sem informações sobre seu estado atual.


Antes da implementação da feature de status de barreira, as opções de status se limitavam às cores e nomes pré-definidos, impossibilitando a personalização de acordo com as necessidades específicas de cada indústria ou organização.

Para adicionar novos status ou modificar os existentes, era necessário recorrer a desenvolvedores, exigindo conhecimento técnico e tempo. Isso gerava custos adicionais e atrasos na implementação de mudanças, impactando negativamente a agilidade e a flexibilidade do sistema.

A introdução da feature de status de barreira possibilita:

  1. Criar e editar livremente os status das barreiras: Personalizando nomes e cores de acordo com suas necessidades e terminologia específica.
  2. Implementar mudanças com rapidez e facilidade: Realizando alterações sem a necessidade de suporte técnico, agilizando o processo e reduzindo custos.

Desafio

A feature de status de barreira no Dynamic Risk Advisor (DRA) visou democratizar a personalização do sistema, concedendo aos usuários administradores autonomia para:

  • Editar cores e nomenclatura das barreiras: Adaptando-as à terminologia e identidade visual da organização, otimizando a comunicação e a clareza.
  • Criar novos status: Refletindo com mais precisão a realidade da organização e seus processos, possibilitando a customização para diferentes indústrias.


O sistema original apresentava limitações na edição dos status das barreiras, exigindo conhecimento técnico e edição manual via código. Para solucionar o problema, foi desenvolvida uma interface intuitiva para editar os status das barreiras no DRA. Essa solução foi dividida em duas entregas:

  1. Edição das nomenclaturas;
  2. Adição de novos status e edição das cores.


Essa interface permite a customização dos termos de status de forma simples e acessível, sem a necessidade de conhecimento técnico e foi validada com os clientes da indústria de Óleo e Gás que já utilizavam o produto, como a empresa Ocyan.

Processo de design

A área que faz a ligação entre os clientes e o produto me apresentou um problema relatado pelos usuários. A partir desse ponto, busquei entender a necessidade dos clientes e a importância dessa necessidade para eles, validando a definição do problema.

Utilizei um processo de design thinking para guiar a tomada de decisões, começando com a compreensão das necessidades dos usuários por meio de entrevistas e feedbacks. Isso me ajudou a definir o problema e a estabelecer objetivos para a solução.

Os clientes precisavam usar outros termos para se referir aos status de suas barreiras, o que levou à identificação da necessidade de criar uma nova funcionalidade no-code (sem código) para atender suas necessidades. Essa funcionalidade permitiria que os clientes utilizassem os mesmos status usados em sua indústria, afetando a forma como as barreiras são configuradas.

Escolhi esses processos porque eles garantem uma abordagem centrada no usuário, o que é importante para desenvolver soluções que realmente atendam às necessidades dos clientes. A metodologia no-code foi adotada para facilitar a implementação e a adaptação pelos usuários finais, reduzindo a necessidade de intervenção técnica.

Após entender o problema, conversei com a equipe de desenvolvimento para entender a viabilidade técnica da implementação, li a nota técnica da Agência Nacional de Petróleo e iniciei o desenho dos fluxos.

Para enfrentar os desafios, mantive uma comunicação constante com todas as partes envolvidas, ajustando os fluxos de trabalho conforme necessário. A flexibilidade no processo de design permitiu adaptações rápidas e eficientes às mudanças de requisitos e feedbacks dos usuários.

Com os fluxos definidos, validei a solução com os stakeholders relevantes (vendas, lideranças, especialistas e desenvolvimento) para refiná-la e fazer o handoff.
Essa solução foi testada em produção e resultou na necessidade de adicionar outras funcionalidades, como mais status e alteração de cores.

O levantamento de conhecimentos, incluindo a leitura da nota técnica da Agência Nacional de Petróleo e a análise de feedbacks dos usuários, foi importante para a solução ser bem sucedida. Essas informações orientaram as decisões de design e garantiram que a solução fosse tecnicamente viável e alinhada com as necessidades reais dos usuários.

Portanto, atuei nas seguintes áreas:

  • Entendimento do probelma;
  • Validação com stakeholders;
  • Criação do fluxo do usuário;
  • Detalhamento da solução na interface;
  • Handoff;
  • Acompanhamento do desenvolvimento;
  • Acrescimento de funcionalidades após feedbacks.

Protopersona

O usuário que utiliza a interface de Status de barreira é quem faz toda a configuração do bowtie na plataforma, ele geralmente tem um cargo de gerência e necessita de agilidade na execução de atividades do dia a dia.

Por essa razão, é essencial que a plataforma seja intuitiva, que ele tenha flexibilidade e consiga tomar ações de forma rápida.

Resultados

A implementação da personalização de status de barreiras no DRA gerou como resultados:

Redução do Tempo de Suporte:

  • Diminuição da dependência do suporte técnico para modificações simples;
  • Maior autonomia dos usuários administradores na gestão do sistema.

Utilização de Interfaces Sem Código:

  • Simplificação da personalização, tornando-a acessível a usuários com diferentes níveis de conhecimento técnico.

Atendimento às Necessidades de Customização:

  • Flexibilidade para adaptar o DRA às necessidades específicas de diferentes indústrias e organizações.


Melhor Adaptação às Diversas Indústrias:

  • Aumento da versatilidade do DRA, permitindo sua aplicação em diversos segmentos.

Conclusão

Neste projeto, consegui impactar positivamente tanto os usuários finais quanto a eficiência da equipe de suporte da Intelie. Além disso, adquiri um aprendizado prático valioso sobre a necessidade de customização de alguns produtos para atender grandes indústrias e a importância de testar certas funcionalidades em produção, permitindo que elas cresçam conforme a necessidade dos usuários. O contato constante com os usuários foi essencial para o desenvolvimento e aprimoramento da customização dos status de barreira.