UI/UX Design
Dashboard Atmos
Visão geral
O Dashboard Atmos é um dos produtos que compõem o Portal Atmos, derivado do Projeto Atmos, uma iniciativa voltada à análise e monitoramento de eventos meteorológicos com impacto direto na operação e manutenção de ativos da AXIA Energia.
O Dashboard Atmos é um dos produtos que compõem o Portal Atmos, derivado do Projeto Atmos, uma iniciativa voltada à análise e monitoramento de eventos meteorológicos com impacto direto na operação e manutenção de ativos da AXIA Energia.
Meu papel
UX Researcher e Product Designer
Período
2024 – 2026
Contexto
O Dashboard Atmos foi desenvolvido inicialmente sem a participação de UX Design, devido a restrições de tempo e planejamento. Em sua concepção inicial, a ferramenta não seria um produto final, mas um protótipo exploratório. Contudo, o resultado superou as expectativas dos stakeholders e passou a ser utilizado como solução definitiva, tornando evidente a necessidade de uma abordagem estruturada de UX para os produtos relacionados ao Projeto Atmos.
Desta forma, este projeto marcou o início da aplicação formal de UX Design dentro da iniciativa Atmos, tendo o Dashboard Atmos como primeiro produto a receber esse olhar dedicado.
Usuários e objetivo do produto
O Dashboard Atmos é uma solução utilizada por analistas de operação, com formação superior, responsáveis por ativos específicos da AXIA Energia.
Seu principal objetivo é apoiar a tomada de decisão operacional por meio da análise preditiva de eventos meteorológicos moderados e severos.
Ao identificar ativos sob sua responsabilidade dentro de manchas de eventos críticos, o usuário passa a ter insumos para decisões estratégicas relacionadas à operação e manutenção.
Visão geral do Dashboard Atmos, produto voltado à análise preditiva de eventos meteorológicos para apoio à decisão operacional.
Meu papel no projeto
Este foi meu primeiro projeto dentro da iniciativa Atmos.
Atuei como UX Designer responsável pelo Dashboard Atmos, sendo o único profissional de UX Design dedicado ao produto e conduzindo a primeira inserção estruturada de UX no projeto.
Minha atuação foi end-to-end, abrangendo:
- Imersão no produto e entendimento dos fluxos existentes
- Alinhamento contínuo com stakeholders e equipe de desenvolvimento
- Apoio em ajustes iniciais de interface
- Definição das tarefas de teste
- Planejamento, condução e análise de testes de usabilidade
- Consolidação de recomendações de UX e apoio à implementação
Desafios e restrições
O projeto apresentou desafios estruturais importantes desde o início. O Dashboard Atmos já estava em uso quando a atuação de UX começou e não havia um histórico documentado de decisões sobre experiência, exigindo reconstrução de contexto e entendimento das escolhas anteriores. Também não existiam processos consolidados de pesquisa e validação, o que demandou estruturar uma abordagem praticamente do zero. A instabilidade do ambiente de dados limitava testes com informações em tempo real e exigiu ajustes no planejamento. Além disso, havia restrições técnicas e de agenda da equipe de desenvolvimento, tornando necessária a priorização cuidadosa das recomendações sem comprometer a operação.
Primeira versão do dashboard ao iniciar minha atuação no projeto, desenvolvida sem participação de UX.
Processo de UX
Durante esta etapa, foram realizadas as primeiras reuniões com o cliente, e a equipe se organizou para dar início à pesquisa, e levantar dados importantes para alimentar a criação do novo layout. A fim de estabelecermos referências para o projeto, houveram duas etapas principais na fase de descoberta: visita à loja física e análise de benchmarking de lojas concorrentes. Ambas etapas foram muito importantes para coletar insumos que contribuíram muito tanto para a construção da arquitetura da informação do site (desenho do Sitemap) quanto para os primeiros direcionamentos visuais do novo layout.
Imersão e alinhamento
A etapa de imersão e alinhamento foi essencial para estruturar a atuação de UX no Dashboard Atmos. O primeiro passo foi compreender profundamente o funcionamento do produto, seus fluxos de navegação, regras de negócio e limitações técnicas, visto que não havia documentação formal das decisões anteriores. Isso exigiu entender a lógica por trás das escolhas realizadas. Mantive um alinhamento constante com o desenvolvedor responsável, promovendo trocas frequentes para esclarecer comportamentos do sistema e restrições técnicas.
Durante essa fase, foi desenhada a arquitetura da informação do Portal Atmos (que na época, era composto apenas pelo Dashboard Atmos), organizando conteúdos e hierarquias de maneira mais coerente com o modelo mental dos usuários. Também foi mapeado o principal fluxo de navegação. Esse processo permitiu identificar pontos de fricção e oportunidades de melhoria, além de viabilizar ajustes pontuais de layout e organização visual. A imersão consolidou uma base sólida para a condução dos testes de usabilidade e para a evolução estruturada do produto.
Fluxo estratégico de autenticação e controle de acesso do Portal Atmos, estruturado para garantir clareza na jornada até o Dashboard.
Definição das tarefas
A definição das tarefas foi realizada em conjunto com stakeholders, com o objetivo de garantir que as análises refletissem o uso real do dashboard no contexto operacional. Foram estruturadas atividades centrais para a tomada de decisão dos analistas, como a seleção de ativos sob sua responsabilidade, interpretação das condições meteorológicas apresentadas na interface e a análise de precipitação em diferentes recortes temporais. Também foram levadas em consideração, tarefas relacionadas à navegação e seleção de subestações e linhas de transmissão no mapa interativo, avaliando a clareza dos feedbacks visuais e a coerência dos fluxos de interação.
As tarefas consideradas de uso real do dashboard definidas foram estas:
- Seleção de ativos e subestações;
- Interpretação de condições meteorológicas;
- Análise de precipitação em diferentes períodos;
- Navegação e seleção de linhas de transmissão.
Esse conjunto de tarefas permitiu mapear pontos críticos da jornada e evidenciar potenciais fricções na experiência. A partir destes achados, tornou-se clara a importância de validar essas hipóteses com testes de usabilidade estruturados, garantindo que as decisões futuras fossem orientadas por evidências reais de uso.
Testes de usabilidade
Testes de usabilidade remotos e moderados, com aplicação do Think Aloud Protocol.
Testes de usabilidade
Foram conduzidos seis testes de usabilidade remotos e moderados com analistas de operação que utilizavam o dashboard em seu contexto profissional. A amostra foi composta por participantes com diferentes níveis de experiência, tempo de empresa e formações acadêmicas, garantindo diversidade de perspectivas e maior robustez qualitativa aos achados.
As tarefas propostas buscaram reproduzir situações reais de tomada de decisão e foram estruturadas da seguinte forma:
- Selecionar uma data e uma condição climática específica;
- Selecionar um ativo da empresa correspondente;
- Informar a chuva acumulada de 30 dias do ativo selecionado;
- Identificar quais eventos meteorológicos estavam incidindo sobre o ativo.
A moderação foi leve e utilizou o Think Aloud Protocol, permitindo identificar rapidamente fricções de interface e desalinhamentos de compreensão.
Principais achados
A análise dos testes revelou padrões recorrentes de dificuldade relacionados à encontrabilidade, à hierarquia da informação, à legibilidade e ao feedback visual. Observou-se que, embora as funcionalidades estivessem disponíveis, nem sempre estavam organizadas ou destacadas de forma intuitiva. Em alguns momentos, os participantes demonstraram hesitação na busca por informações, indicando necessidade de ajustes estruturais para tornar a experiência mais clara e fluida.
Principais problemas identificados:
- Ausência de mecanismo de busca para ativos;
- Dificuldade em localizar informações relevantes na lista de ativos;
- Problemas de visualização em telas menores;
- Ambiguidade na leitura de informações próximas a gráficos;
- Falta de clareza sobre o estado de seleção no mapa.
Principais recomendações de UX
- Inclusão de campo de busca para localização rápida de ativos;
- Reorganização da hierarquia das informações na lista;
- Planejamento explícito de responsividade para diferentes resoluções;
- Revisão de títulos, legendas e diagramação de gráficos;
- Reforço de feedback visual no mapa, com destaque para seleções.
Exemplos da apresentação de achados e recomendações de experiência do usuário e interface
Após a condução dos testes de usabilidade, foi aplicada também a System Usability Scale (SUS) com os mesmos participantes, com o objetivo de obter uma medida quantitativa complementar às evidências qualitativas coletadas nas sessões. A utilização da escala permitiu avaliar a percepção geral de usabilidade do produto de forma padronizada e comparável, oferecendo um indicador sintético do nível de maturidade da experiência. Essa combinação entre análise qualitativa e métrica quantitativa fortaleceu a consistência dos achados e contribuiu para embasar as recomendações de melhoria com maior robustez.
Dashboard em 2024 (antes do processo de UX)
Dashboard em 2026 (depois do processo de UX, e ainda passando por iterações)
resultados e conclusões
Impacto e resultados
Todas as recomendações prioritárias foram integralmente implementadas pela equipe de desenvolvimento.
Este projeto marcou a primeira aplicação formal de testes de usabilidade dentro da iniciativa Atmos, estabelecendo um precedente para a prática de UX Design nos produtos seguintes.
A partir dessa experiência, testes de usabilidade passaram a ser incorporados aos cronogramas de novos produtos, sempre que faziam sentido dentro do contexto da iniciativa.
Após essa etapa, o Dashboard Atmos consolidou-se como um dos principais produtos do Portal Atmos, reforçando sua relevância operacional e maturidade enquanto produto digital.
Aprendizados
- Introduzir UX em produtos já em uso pode gerar impacto significativo, mesmo sob restrições;
- Testes de usabilidade em produtos críticos exigem ambientes de teste estáveis e controlados;
- A proximidade entre UX e desenvolvimento acelera ajustes e melhora a qualidade das decisões;
- Testes de usabilidade vão além da interface: revelam modelos mentais, expectativas e prioridades reais dos usuários.
resultados e conclusões
As etapas de pesquisa e definição de componentes revelaram descobertas muito interessantes, permitindo-nos criar componentes inovadores para a página, que ainda hoje estão presentes. Esse foi o primeiro projeto que liderei ao entrar na agência, e fiquei satisfeito com seu desenvolvimento e os resultados obtidos.
O aprendizado ao longo do projeto foi imenso, e as dificuldades enfrentadas na interação com o cliente também foram significativas. No entanto, acredito que o resultado final foi satisfatório. A loja online da Papelex continua operando, com um layout quase totalmente baseado no que foi concebido durante esse projeto.
Outros projetos
Ratatapp
FATEC Senac Rio
Papelex
Original.io
Clube do Sorvete
Original.io
Loja Modelo VTEX
Original.io
PT_BR 
EN