UX/UI Design

Elevando A Experiência Do Suporte Com IA

Redesign completo de um sistema de helpdesk para melhorar a experiência do usuário e preparar para integração com inteligência artificial.

Cliente Venda ERP
Papel UI/UX Designer
Prazo 3 meses
Ano 2024

Compreendendo o Desafio

O sistema de helpdesk já existia, mas sua interface era básica e sem divisões estruturadas, funcionando apenas como um chat simples. O desafio era aprimorar a experiência do usuário, criando um design mais organizado e intuitivo, além de estruturar a integração futura com inteligência artificial. O objetivo era tornar o suporte mais eficiente e personalizado, proporcionando uma plataforma escalável e moderna.

Pesquisa e Descobertas

Para embasar o redesign, realizei uma análise de mercado, estudando concorrentes como JivoChat, Freshdesk, Zendesk e SpeedChat (Tecnospeed). Identifiquei funcionalidades úteis que poderiam ser implementadas e problemas comuns que precisavam ser evitados. Esse estudo guiou a diferenciação do produto, garantindo flexibilidade nas configurações de IA e uma experiência única para os usuários.

Além disso, conduzi entrevistas com os agentes de suporte e realizei análises de dados do sistema atual, identificando pontos de atrito e oportunidades de melhoria no fluxo de trabalho. Descobrimos que os agentes perdiam tempo significativo classificando manualmente os tickets e buscando informações em diferentes sistemas.

Processo de Design

O processo de redesign do sistema de helpdesk seguiu uma abordagem centrada no usuário, focando tanto na experiência dos agentes de suporte quanto dos clientes finais que utilizariam a plataforma.

1

Mapeamento de Jornada

Documentei a jornada completa dos usuários no sistema atual, identificando pontos de atrito e oportunidades de automação com IA. Utilizei técnicas como user journey maps e fluxogramas para visualizar os processos existentes.

2

Wireframes e Arquitetura

Desenvolvi wireframes para reorganizar a estrutura do sistema, criando espaços específicos para diferentes funcionalidades como histórico de conversas, base de conhecimento e área para IA. Esta fase focou em usabilidade e hierarquia de informação.

3

Prototipagem Interativa

Criei protótipos interativos no Figma, simulando a experiência completa de uso. Esta etapa permitiu testar os fluxos de trabalho com usuários reais antes da implementação.

4

Design Visual

Desenvolvi o sistema de design completo, com cores, tipografia e componentes padronizados para garantir consistência visual em toda a plataforma. Integrei elementos visuais que indicam claramente a interação com IA.

5

Testes com Usuários

Realizei testes com agentes de suporte e clientes para validar as soluções propostas. Os feedbacks foram incorporados em iterações sucessivas do design.

A Solução

A nova interface do sistema de helpdesk foi completamente redesenhada com foco na experiência do usuário e preparação para integração com IA. As principais características da solução incluem:

Dashboard Intuitivo: Reorganização completa do painel de controle com métricas visuais e alertas inteligentes para priorização de atendimentos.

Chat Estruturado: Interface de chat com áreas específicas para histórico de conversas, sugestões de IA e base de conhecimento integrada.

Sistema de Categorização: Implementação de um sistema automático de categorização de tickets, utilizando IA para classificar e direcionar as solicitações ao atendente mais adequado.

Design Responsivo: Interface adaptável para uso em diferentes dispositivos, permitindo que os agentes trabalhem de qualquer lugar.

Detalhes do Design

O design foi desenvolvido seguindo princípios de usabilidade e acessibilidade, com atenção especial aos seguintes aspectos:

Sistema de Cores: Utilizei uma paleta predominantemente em tons de azul e violeta, que transmitem confiança e tranquilidade. As ações relacionadas à IA receberam destaque através de um tom específico de roxo, criando uma identidade visual clara para essas interações.

Tipografia: Optei pela família tipográfica Poppins, que oferece excelente legibilidade em diferentes tamanhos de tela e um visual moderno e profissional.

Componentes: Desenvolvi uma biblioteca completa de componentes reutilizáveis, garantindo consistência visual e facilitando atualizações futuras. Os componentes foram projetados seguindo um sistema modular, permitindo diferentes configurações conforme necessário.

Microinterações: Adicionei feedbacks visuais sutis para melhorar a experiência do usuário, como animações durante o carregamento de respostas da IA e indicadores de status da conversa.

Resultados e Impacto

A implementação do novo design trouxe melhorias significativas para a equipe de suporte e para os clientes. Os números iniciais após três meses de uso mostram:

40%
Redução no tempo médio de atendimento
32%
Aumento na satisfação dos clientes
65%
Aumento na eficiência dos agentes

Além dos números, observamos melhorias qualitativas como:

• Maior clareza na comunicação entre agentes e clientes
• Redução da fadiga dos agentes devido à automação de tarefas repetitivas
• Melhor organização do fluxo de trabalho da equipe de suporte
• Preparação da infraestrutura para futuras expansões das funcionalidades de IA

Vamos Criar Algo Juntos?

Se você busca transformar sua interface ou melhorar a experiência do usuário do seu produto, estou aqui para ajudar a transformar ideias em realidade.