Customização no-code: Criando uma interface generalista para status de risco

Traduzi requisitos em uma interface generalista e intuitiva. O resultado foi a redução do suporte técnico e a customização escalável para diversas indústrias.

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

Síntese do projeto

Atuei nesse projeto desde o recebimento da demanda até acompanhamento do desenvolvimento,realizando o design da feature ‘Status de Barreira’ para o produto Dynamic Risk Advisor (DRA) na plataforma LIVE da Intelie (setor de Óleo e Gás).

O desafio central era: transformar a customização de termos de status de risco (baseada na metodologia Bowtie) em uma interface no-code (sem código), que fosse simultaneamente generalista e intuitiva para os usuários.

Para solucionar isso, desenvolvi uma nova interface que utilizou modelos mentais já familiares aos usuários da plataforma LIVE, garantindo uma boa usabilidade. O projeto resultou em uma redução significativa do tempo de suporte, na ampliação do uso de interfaces sem código e na escalabilidade da solução para atender às necessidades de customização em diversas indústrias.

Contextualização

O Dynamic Risk Advisor (DRA), um produto plataforma LIVE, que utiliza a metodologia Bowtie para monitoramento em tempo real, visualizando riscos e o status de eficácia das barreiras de prevenção e mitigação (ex: Verde, Vermelho, Cinza).

Anteriormente, as opções de status eram estritamente limitadas às cores e nomes pré-definidos no sistema. Esta rigidez gerava um custo operacional e de tempo, pois:

  1. Dependência de Código: Qualquer alteração nos termos ou a adição de novos status exigia o recurso a desenvolvedores e conhecimento técnico.

  2. Falta de Flexibilidade: A impossibilidade de personalização impedia que o sistema se adequasse à terminologia específica de cada indústria, diminuindo a adoção e exigindo trabalho manual de workaround.

A introdução da feature ‘Status de Barreira’ teve como objetivo principal transferir o poder de customização para a mão do usuário, removendo a barreira do código.

Essa solução possibilitou:

  • Customização No-Code: Criar e editar livremente os status (personalizando nomes e cores) de acordo com a taxonomia do cliente.

  • Autonomia e Agilidade: Implementar mudanças com rapidez e facilidade, eliminando o custo e os atrasos associados ao suporte técnico.

O design desta feature transformou uma limitação técnica em um habilitador de agilidade, essencial para a escalabilidade e a satisfação do cliente B2B.

Processo de design

Apliquei uma abordagem centrada no usuário, guiada pela metodologia Design Thinking (Duplo Diamante), para transformar um problema técnico de customização em uma solução escalável.

A jornada começou com a interface entre o Cliente e Produto, através de um problema relatado pelos usuários. Para isso atuei com:

  • Entendimento do problema: Busquei a validação do problema não apenas com o feedback inicial, mas também com outras áreas para entender a frequência e o impacto da dor.

  • Viabilidade: Realizei uma imersão técnica e regulatória, incluindo a leitura da Nota Técnica da Agência Nacional de Petróleo (ANP), e conversei com a Equipe de Desenvolvimento para delimitar a viabilidade e os custos da solução.

  • Definição: A análise confirmou a necessidade de uma funcionalidade no-code que permitisse aos clientes usar os mesmos status e terminologias de sua indústria, resolvendo um gargalo de agilidade e conformidade.

Com o problema definido e validado, foquei na criação de uma solução intuitiva e escalável.

  • Criação do fluxo e prototipagem: Iniciei o desenho dos fluxos da feature, para garantir a autonomia do usuário final e reduzir a intervenção técnica.

  • Validação contínua: Mantive uma comunicação constante e multifuncional com stakeholders chave (Vendas, Lideranças, Especialistas do Domínio e Desenvolvimento), garantindo que os fluxos estivessem alinhados com o negócio.

  • Handoff e acompanhamento: Finalizei o detalhamento da solução na interface e realizei o handoff com a Engenharia. O processo incluiu o acompanhamento ativo do desenvolvimento para garantir a fidelidade da entrega.

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.

Devido à natureza crítica do seu cargo (gerencial/técnico), ele exige agilidade, autonomia e confiança na execução de tarefas. or 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 interface no-code de personalização de status de barreiras não apenas resolveu o problema de customização, mas gerou impactos no custo operacional e autonomia do usuário no ambiente B2B:

1. Impacto no negócio e operações (Suporte e Custo)

  • Redução no custo operacional: Diminuição da dependência do suporte técnico e do time de desenvolvimento para a realização de modificações e ajustes de nomenclatura, otimizando a alocação de recursos.

  • Aumento da autonomia do administrador: O usuário gestor/administrador obteve controle total sobre a gestão de status, garantindo que o sistema esteja alinhado com a taxonomia de risco da empresa sem a necessidade de intervenção de terceiros.

  • Escalabilidade e versatilidade B2B: A flexibilidade para adaptar o DRA à terminologia e aos processos específicos de cada cliente (setores de Óleo & Gás, Mineração, etc.) ampliou a versatilidade do produto e facilitou a entrada em novos segmentos de mercado.

2. Impacto em UX e Adoção (No-Code e Usabilidade)

  • Simplificação e acessibilidade (No-Code): O design intuitivo tornou a personalização acessível a usuários com diferentes níveis de conhecimento técnico, eliminando a barreira do código e promovendo a auto-serviço.

  • Clareza e comunicação otimizada: A possibilidade de personalizar livremente nomes e cores otimizou a comunicação e a clareza do sistema. O status da barreira passou a refletir com precisão a realidade da organização, reduzindo erros de interpretação em ambientes críticos.

Protótipo de exemplo abaixo:

Conclusão

Este projeto transformou um gargalo técnico em um sucesso de produto, resultando em:

  • Impacto operacional: O design da interface no-code reduziu o tempo de suporte e a dependência de desenvolvedores para customizações, gerando eficiência de custos.

  • Autonomia do usuário: Conferi aos administradores flexibilidade total para personalizar a taxonomia de risco, otimizando a clareza e a aderência à conformidade.

  • Aprendizado estratégico: Confirmei que a customização é um requisito de escalabilidade para grandes indústrias e a importância da iteração ativa (Launch and Learn) para o sucesso de features em ambientes B2B.

Tamara®

Tamara®

Tamara®