Oct 7, 2024Web

B2C: Liderei a Investigação, Análise de Usabilidade e Design de Utilizador de um Agregador de Swaps com mais de $300M de Volume Mensal

Gideon Awolesi

Gideon Awolesi

UX Designer

Voltar ao portfólio

Sobre o projeto

  1. Cargo: Senior UX Designer e Research Lead
  2. Plataforma: Euler, uma solução DeFi de empréstimo e crédito
  3. Objetivo: Criar uma experiência de utilizador fluida e intuitiva para uma plataforma que movimenta mais de $300M de volume mensal
  4. Equipa e Cronograma: Colaborei com uma equipa multifuncional (2 Product Managers, 4 Engenheiros, 1 Especialista de QA) ao longo de um ciclo de desenvolvimento de 6 meses

Definição do problema

“Muitos dos utilizadores da plataforma Euler têm dificuldade com a complexidade dos fluxos de empréstimo e crédito de DeFi, o que resultou numa elevada taxa de abandono e num envolvimento reduzido com a plataforma.”

Objetivos e métricas de sucesso

Antes sequer de começar a investigação de utilizadores, planeei e executei um workshop abrangente com a equipa para identificar os objetivos da investigação de utilizadores e ajudar a identificar a definição do problema e a solução proposta, que ficaram assim definidos:

  1. Melhorar o Onboarding: Descobri, através do Google Analytics instalado no website, que uma elevada percentagem de utilizadores da plataforma abandonava muito cedo. Assim, o primeiro objetivo foi reduzir a confusão e o abandono dos novos utilizadores em pelo menos 30% .
  2. Melhorar a Usabilidade: O passo seguinte foi garantir um aumento de 20% nas transações bem-sucedidas de empréstimo/crédito. Alguns utilizadores que não abandonavam na landing page saíam normalmente do website nesta fase. Ao tentar executar uma transação, deparavam-se com dificuldades e abandonavam o processo por completo.
  3. Aumentar a Retenção: Precisávamos de garantir que os utilizadores continuavam a voltar, por isso, em colaboração com a equipa de marketing, o objetivo aqui era medir a frequência de utilização e visar um aumento de 10% nos utilizadores ativos semanais recorrentes.

A consolidação destes objetivos garantiu que toda a equipa estava alinhada em resultados centrados no utilizador e não apenas em outputs de funcionalidades.

Dar vida às ideias

  1. Wireframes de Baixa Fidelidadecriei wireframes rápidos que mostravam uma UI limpa e minimalista . Mapeei os ecrãs essenciais para onboarding, empréstimo, crédito e gestão de empréstimos. Foquei-me também fortemente na clareza da navegação e na hierarquia de informação para reduzir a carga cognitiva.
  2. Mockups de Média Fidelidadeintroduzi elementos de design visual (cores, iconografia) alinhados com as normas de DeFi mas menos intimidantes. Incorporei também tooltips básicos e pop-ups para orientação do utilizador.
  3. Protótipos de Alta Fidelidadeo passo seguinte foi construir um protótipo clicável no Figma para simular fluxos de utilizador reais, completo com tutoriais interativos. Adicionei um modo escuro para utilizadores avançados, refletindo o feedback da comunidade sobre as interfaces cripto típicas.

Após a primeira ronda de testes de utilizador, 60% dos testadores acharam os campos de introdução de texto em mobile apertados. Alargámos as áreas de toque e simplificámos a barra de navegação superior para melhorar a acessibilidade, resultando em taxas de conclusão de transações 25% mais rápidas em mobile nos testes seguintes.

Testar e refinar: Análise iterativa de usabilidade

  1. Ronda 1: Conduzi sessões remotas moderadas com 8 participantes usando a primeira iteração do design. Recolhi feedback sobre a navegação geral, a clareza e os sinais de confiança.
  2. Ronda 2: Implementei ajustes de design (por exemplo, tooltips estendidos, visuais de dados reorganizados) e corri testes A/B a comparar layouts avançados vs. simplificados.
Feedback do Utilizador: “A nova interface é muito mais fácil de navegar—finalmente sinto que estou no controlo dos meus fundos, em vez de a interface me controlar a mim.”

Arranque e investigação de utilizadores

Depois de entrar no projeto Euler, o meu foco principal foi colmatar a lacuna entre as capacidades avançadas das finanças descentralizadas (DeFi) e um percurso de utilizador intuitivo, e, para o conseguir, era importante estabelecer uma compreensão profunda da nossa base de utilizadores.

Conduzi uma série de 12 entrevistas aprofundadas com utilizadores de DeFi, tanto novatos como experientes. Corremos também 2 inquéritos online que recolheram feedback de mais de 200 respondentes. Este feedback veio da comunidade… enviei uma mensagem no servidor de anúncios do Discord, e obtivemos muitos utilizadores que mostraram interesse em participar na investigação de ux.

Alguns dos nossos parceiros com uma grande participação financeira na plataforma também se ofereceram para participar nas entrevistas individuais, por isso tínhamos um leque muito rico para os nossos dois principais grupos de utilizadores. Houve quatro grandes destaques da investigação de UX:

Brainstorming de soluções centradas no utilizador

Usando os insights dos utilizadores como fonte de verdade, liderei workshops de cocriação com as nossas equipas de produto e de engenharia. Examinei cada etapa do percurso do utilizador, da landing page até ao fluxo de pagamento do empréstimo.

Soluções ideadas

Fluxo de Onboarding Simplificado com uma sobreposição estilo “walkthrough” que explica cada funcionalidade à medida que o utilizador a encontra. A ajuda sensível ao contexto para clarificar termos de DeFi, avisos de segurança e taxas de transação foi implementada com tooltips.

O dashboard adaptativo envolveu a adição de um modo novato e um modo avançado para os utilizadores

Foram implementados Indicadores de Segurança e Confiança para destacar potenciais riscos de liquidez ou alterações nos rácios loan-to-value e reforçar a confiança com pistas visuais (por exemplo, ícones de cadeado, notificações de confirmação) para garantir aos utilizadores a segurança das transações.

Usei storyboards e wireframes de baixa fidelidade para validar rapidamente as nossas hipóteses, garantindo que cada ideia respondia diretamente a uma necessidade do utilizador.

Lançamento e impacto: Validar o sucesso

  1. 85% de Feedback Positivo dos Utilizadores: Os inquéritos pós-lançamento indicaram um aumento significativo na satisfação dos utilizadores face à interface anterior.
  2. 30% de Redução no Abandono: O fluxo de onboarding simplificado e a ajuda contextual reduziram o abandono precoce.
  3. 20% de Aumento nas Transações Concluídas: Os utilizadores sentiram-se mais confiantes ao tomar decisões de empréstimo e crédito.
  4. Melhor Envolvimento em Mobile: O tempo passado em mobile aumentou 15% , sinalizando uma melhor experiência em movimento.