Evolução do Projeto Eir com foco na experiência do usuário

Processo de Design Com o framework de Design Thinking de cinco fases do Stanford’s Hasso Plattner Institute como base, refinei cada etapa da jornada do usuário: Empatizar: Compreendi profundamente as necessidades e pontos de dor dos usuários. Definir: Articulei claramente os desafios a serem abordados. Idealizar: Conceitualizei soluções para otimizar o user flow. Prototipar: Construí […]

Processo de Design

Com o framework de Design Thinking de cinco fases do Stanford’s Hasso Plattner
Institute como base, refinei cada etapa da jornada do usuário:

  • Empatizar: Compreendi profundamente as necessidades e pontos de dor dos usuários.

  • Definir: Articulei claramente os desafios a serem abordados.

  • Idealizar: Conceitualizei soluções para otimizar o user flow.

  • Prototipar: Construí modelos para visualizar ideias.

  • Testar: Testei e refinei interações iterativamente.

Revolucionando a Experiência de Onboarding da Eir

Onboarding não é apenas uma introdução; é uma jornada de usuário transformadora que estabelece confiança, empoderamento e engajamento. Para a Eir, isso foi redefinido como um ponto de entrada de alto valor onde os usuários são calorosamente recebidos, informados e apoiados. Cada interação, seja para serviços financeiros, configurações de conta ou faturamento, é projetada para ser intuitiva e impactante, preparando o terreno para uma experiência empoderadora e centrada no usuário.

Revolucionando a Experiência de Onboarding da Eir

Ilustrações para Preencher Lacunas
Em áreas subutilizadas, incorporei ilustrações direcionadas, criando uma estética coesa e fluxo visual em toda a interface. Isso não apenas aprimorou a usabilidade, mas também transmitiu a identidade da marca de forma consistente e envolvente.

Preenchendo Lacunas com Ilustrações

Abordando Desafios de Sistemas Legados

Navegar por sistemas legados exigiu planejamento meticuloso para garantir transições suaves, manipulação segura de dados e acesso ininterrupto ao usuário. Nossa solução foi um fluxo de registro robusto, porém flexível, oferecendo aos usuários a escolha de registro por email ou celular, proporcionando acessibilidade aprimorada e liberdade ao usuário.

Abordando Desafios de Sistemas Legados

User Flow Otimizado

Desenvolver o mapa de user flow me permitiu identificar potenciais pontos de atrito, como becos sem saída e loops redundantes, garantindo uma jornada fluida. Após o lançamento, monitoramento e testes contínuos permitiram otimização contínua para manter a experiência do usuário relevante e envolvente.

User Flow Otimizado

Centro de Notificações: Empoderando o Controle do Usuário

O Centro de Notificações dentro da plataforma Eir foi projetado para aprimorar o controle do usuário com opções simplificadas. Ao introduzir visualizações seletivas de notificações (“Todas”, “Não lidas”, “Não vistas”) e simplificar ações como “Marcar todas como lidas”, o Centro de Notificações se tornou um ponto central para navegação fácil e engajamento oportuno.

Centro de Notificações

Fluxo de Portabilidade Simplificado

Para aprimorar a experiência do usuário durante a portabilidade de número, projetei um processo simplificado de três etapas focando em validação, input de informações essenciais e agendamento. Cada etapa é intuitiva, segura e amigável ao usuário, permitindo que os usuários façam a transição perfeitamente, abordando as demandas de segurança de dados e integridade do sistema.

Workshop: Card Sorting

Para aprimorar a experiência de navegação, um workshop foi conduzido utilizando a técnica de Card Sorting. Neste workshop, um conjunto de cartões representando várias funcionalidades de nossa plataforma SaaS foi preparado. O workshop reuniu equipes multifuncionais, incluindo membros de marketing, design e desenvolvimento, para colaborativamente organizar esses cartões em grupos ou categorias lógicas que fizessem sentido para eles.

Os participantes foram encorajados a organizar os cartões em grupos baseados na lógica que consideravam mais adequada. Este processo foi fundamental na formação da estrutura de navegação do aplicativo. Durante o workshop, discussões animadas foram incentivadas entre os participantes. Eles foram solicitados a articular o raciocínio por trás de seus agrupamentos de cartões, e insights valiosos foram registrados. Posteriormente, uma análise aprofundada dos dados coletados foi conduzida para identificar padrões e tendências emergentes. Esta análise servirá como base para informar o design da navegação do aplicativo.

Navegação Inferior

Com base nesses insights de nosso workshop de Card Sorting, chegamos a um mapa de site refinado que inclui elementos de navegação principais: ‘Fatura’, ‘Serviços’, ‘Início’, ‘Ofertas’ e ‘Ajuda’. Essas escolhas representam a sabedoria coletiva de nossas equipes multifuncionais, incluindo membros de marketing, design e desenvolvimento, que colaborativamente organizaram esses elementos em grupos lógicos que ressoaram com nossa abordagem centrada no usuário.

Navegação Inferior

As discussões do workshop foram animadas, enquanto deliberávamos sobre a colocação de cada elemento dentro da UI. Os participantes expressaram suas opiniões sobre o melhor posicionamento, com frases como ‘Serviços deve ser fácil de encontrar, é isso que nossos clientes precisam!’ enfatizando a perspectiva centrada no usuário. ‘Fatura no menu é muito importante para nossos clientes’ validou ainda mais a decisão.

O debate continuou com considerações sobre ‘Início’, o coração do aplicativo, e ‘Ajuda’, a mão guia sempre confiável para os usuários. ‘Ofertas’ apresentou uma oportunidade empolgante, com nossa equipe ponderando o local ideal para exibir essas promoções. ‘Pense no que você clicaria primeiro; é Fatura para mim!’ capturou a essência de nossas deliberações cuidadosas.

‘Serviços – onde você espera vê-lo? Compartilhe seus pensamentos’ gerou insights valiosos, enquanto ‘Fatura ou Início? Vamos decidir qual vem primeiro!’ refletiu nosso compromisso com uma experiência focada no usuário. ‘Ajuda é essencial; qual é seu lugar no menu?’ resumiu a importância do suporte acessível.

Navegação Inferior

Na Eir, como provedora líder de telecomunicações e banda larga, a segurança de dados para nossos clientes é uma preocupação primordial. Dado o cenário tecnológico em constante evolução, embarquei em um desafio: condensar a jornada do usuário para portabilidade de número em apenas três etapas essenciais. Este processo simplificado garante uma transição fluida e segura para nossos usuários.

Como parte desse esforço, estamos introduzindo uma nova funcionalidade chamada ‘Registrar’. Esta funcionalidade é projetada para segregar usuários com bancos de dados distintos, abordando certas limitações temporárias de forma inteligente.

No contexto da funcionalidade ‘Registrar’, apresentaremos uma série de mockups mostrando três etapas cruciais para facilitar o processo de portabilidade para nossos usuários:

  • 1. Validar Número: Nesta etapa inicial, os usuários validarão seus números de celular, garantindo que sejam elegíveis para o processo de portabilidade. Esta etapa é projetada para verificar o status do número de telefone atual do usuário.

  • 2. Inserir Informações da Conta: A segunda etapa envolve os usuários fornecendo informações essenciais da conta. Este input é crucial para uma transição suave e garante que sua nova conta será perfeitamente integrada aos nossos serviços.

  • 3. Agendar Mudança: A etapa final empodera os usuários a agendar a mudança de número real. Esta etapa permite que os usuários escolham uma data e hora adequadas para a transição, proporcionando-lhes a flexibilidade e conveniência que merecem.

Exemplo de Onboarding

Esses mockups e etapas ressaltam nosso compromisso em entregar uma experiência segura e amigável ao usuário, superando desafios temporários. Eles representam nossa dedicação em fornecer serviços de primeira linha aos nossos valiosos clientes.

Desbloqueando Brilhantismo Centrado no Usuário: Uma Jornada de Design System com Material UI

No cenário em constante evolução do UX design, embarcamos em uma jornada transformadora para criar um Design System que não apenas simplificaria nossos processos de design, mas também elevaria nossa experiência de usuário a novos patamares. Nosso destino? Uma interface que ressoa com sutileza, um casamento harmonioso de beleza e funcionalidade.

Com um compromisso com design centrado no usuário, reconhecemos a importância primordial de um Design System estelar. É a Estrela do Norte guiando nossos esforços de design, garantindo consistência, eficiência e, mais importante, um design que verdadeiramente fale com nossos usuários.

Nossa jornada é impulsionada pelo Material UI, um framework de UI versátil e dinâmico, harmoniosamente conectando os mundos do Figma e React no front-end. Esta sinergia dinâmica oferece o melhor de dois mundos: a precisão pixel perfect das ferramentas de design do Figma e a responsividade fluida das capacidades de front-end do React. Esta união se traduz em transições perfeitas do design à implementação, permitindo-nos
criar uma interface de usuário que exala fidelidade e agilidade.

O poder do Material UI reside em sua adaptabilidade e escalabilidade. Ele nos capacita a infundir nossos designs com a vida e vibração que nossos usuários merecem. Os componentes reutilizáveis e padrões de design dentro do Material UI garantem que nossa interface não seja apenas bonita, mas também altamente funcional e responsiva.

Neste trecho de case, desvendamos o profundo impacto de nossa jornada de Design System, oferecendo um vislumbre da mecânica que alimenta a elegância e eficiência de nossa interface. Nosso compromisso com o brilhantismo centrado no usuário está no coração de cada pixel, cada componente e cada interação.

Design System

Junte-se a nós enquanto viajamos pelo mundo dos Design Systems, onde a criatividade encontra estrutura, e onde a centralidade no usuário reina suprema. Nossa viagem é um testemunho de nossa dedicação inabalável em criar uma experiência de usuário excepcional, um pixel de cada vez.