UX/UI Design na Criação de Soluções para o Descarte Consciente de Resíduos

Setor

Educação / Cubos Academy


Desafio

O descarte inadequado de resíduos é um desafio global que impacta diretamente o meio ambiente e a saúde humana. Sem uma gestão eficiente, o acúmulo de lixo pode gerar poluição, contaminação e desperdício de recursos. Através do UX/UI Design, podemos criar soluções intuitivas e acessíveis que incentivem práticas mais sustentáveis, facilitando o gerenciamento de resíduos e promovendo o descarte consciente.


Equipe

Camila Simões, Edna Nogueira e Guilherme Romero


Minha Função

UX/UI Designer, UX Researcher e UX Lead


Tempo de Projeto

20 semanas


Objetivo

PROCESSO DE DESIGN

Duplo Diamante

O Duplo Diamante foi essencial para que não apenas criássemos uma solução, mas sim uma experiência significativa e eficiente, garantindo que cada etapa do processo fosse validada e aprimorada com base nas necessidades reais dos usuários.

🔍 Descobrir (Divergência – Pesquisa e Imersão)
Iniciamos o projeto com uma fase de imersão profunda, realizando pesquisas para entender como os usuários lidam com o descarte de resíduos. Coletamos dados e exploramos desafios enfrentados pelas pessoas no dia a dia.

🎯 Definir (Convergência – Refinamento do Problema)
A partir dos insights obtidos na pesquisa, refinamos nosso entendimento do problema e identificamos os principais pontos críticos. Esse processo nos permitiu definir um foco claro e garantir que nossas soluções estivessem direcionadas às necessidades reais dos usuários.

💡 Desenvolver (Divergência – Ideação e Prototipação)
Com o problema bem definido, partimos para a geração de ideias. Exploramos diferentes abordagens e criamos protótipos iniciais para testar conceitos. Esse momento foi crucial para experimentar soluções inovadoras e identificar quais tinham maior potencial de impacto.

🚀 Entregar (Convergência – Testes e Implementação)
Por fim, testamos nossas soluções com usuários reais, coletamos feedbacks e refinamos os protótipos para garantir a melhor experiência possível. Essa validação contínua nos permitiu criar uma solução funcional, intuitiva e baseada em dados concretos.


01. DESCOBRIR
MATRIZ CSD

A utilização da Matriz CSD foi essencial para garantir o alinhamento da equipe e a construção de soluções mais assertivas. Ao organizar as informações do projeto em três categorias Certezas, Suposições e Dúvidas conseguimos estruturar o conhecimento existente, identificar lacunas e direcionar a pesquisa de forma mais eficiente.

No contexto do nosso projeto, a Matriz CSD foi fundamental para:

Certezas: Consolidar o que já sabemos sobre o descarte de resíduos e as necessidades dos usuários, garantindo um ponto de partida sólido.
🤔 Suposições: Levantar hipóteses sobre o comportamento dos usuários e desafios no gerenciamento de lixo, permitindo explorar novas possibilidades.
Dúvidas: Identificar informações que precisávamos validar por meio de pesquisa, assegurando que nossas decisões fossem baseadas em dados reais.

Ao aplicar essa metodologia, garantimos que toda a equipe estivesse alinhada em relação aos objetivos do projeto e que as soluções desenvolvidas fossem fundamentadas em conhecimento validado, aumentando sua eficácia e impacto na gestão consciente de resíduos.


PESQUISA QUALITATIVA

Nosso questionário teve como objetivo coletar insights aprofundados sobre os usuários, explorando suas necessidades, comportamentos e desafios na gestão de resíduos. Buscamos entender não apenas como as pessoas lidam com o descarte de lixo, mas também suas motivações, dificuldades e percepções, garantindo que as soluções desenvolvidas fossem verdadeiramente alinhadas à realidade dos usuários.

Principais Descobertas

NECESSIDADES DOS USUÁRIO


ENTREVISTA EM PROFUNDIDADE

A motivação para realizar as entrevistas em profundidade nesta fase de descoberta foram conduzidas para compreender melhor o contexto real dos usuários e validar os insights obtidos por meio das ferramentas anteriores, como a Matriz CSD e a Pesquisa Qualitativa. Nosso objetivo era explorar com mais detalhes as práticas, dificuldades e percepções das pessoas em relação à gestão de resíduos, trazendo um olhar mais humano e detalhado para o problema.

CONEXÃO COM OS DADOS

Os relatos coletados reforçam muitos dos pontos já identificados nas etapas anteriores, demonstrando uma falta de conhecimento sobre reciclagem, barreiras logísticas para descarte adequado e dificuldades na separação do lixo devido à rotina corrida.

As falas dos entrevistados confirmam que a educação e a conscientização são essenciais para incentivar o descarte correto e que o engajamento comunitário pode ser um fator determinante para transformar hábitos.

Além disso, as entrevistas trouxeram novas perspectivas, como a importância de alternativas práticas para reutilização de materiais e a necessidade de maior acessibilidade a pontos de coleta. Esses insights complementam as descobertas anteriores e ajudam a direcionar soluções mais eficazes para atender às reais necessidades dos usuários.


DEFINIR
DIAGRAMA DE AFINIDADES

Ao conduzir as entrevistas, obtivemos uma ampla variedade de informações sobre as práticas atuais de gerenciamento de resíduos, os desafios enfrentados e as expectativas dos usuários em relação a possíveis soluções.

Para estruturar e analisar esses dados de forma eficaz, organizamos as informações em grupos lógicos por meio do Diagrama de Afinidades, permitindo a identificação de padrões e temas emergentes. Esse processo nos ajudou a sintetizar os principais insights coletados, direcionando nossas próximas etapas de desenvolvimento.

Diagrama de Afinidades

DEFINIÇÃO DA PERSONAS

Para fortalecer a empatia com os diferentes perfis de usuários, desenvolvemos uma persona baseada em dados reais coletados durante a pesquisa. Essa representação nos ajuda a compreender melhor as necessidades, desafios e comportamentos do público-alvo, servindo como um guia para tomadas de decisão ao longo do projeto.

A persona funciona como um ponto de partida estratégico, permitindo refletir sobre as dificuldades enfrentadas pelos usuários e identificar possíveis soluções que poderão ser incorporadas futuramente na arquitetura da informação.

Com base nos insights obtidos, criamos a Vitória Maria, uma persona que reflete as principais demandas e expectativas dos usuários:

Vitória Maria

📍 30 anos | Solteira
💼 Redatora (Home Office)
🎓 Especialização em Jornalismo

Biografia

Vitória Maria é redatora em uma coluna de esportes e trabalha em regime integral, atuando majoritariamente em home office. Duas vezes por mês, precisa se deslocar até a sede da empresa para reuniões presenciais.

Atualmente, está cursando uma especialização em jornalismo para aprofundar seus conhecimentos na área.

Hobbies e Interesses

✨ Aprender sobre DIY (“Do It Yourself” – Faça você mesmo)
🎬 Assistir a documentários
📚 Ler livros
🌳 Ir ao parque
👫 Sair com amigos
👨‍👩‍👦 Passar tempo com a família

PERFIL COMPORTAMENTAL DA PERSONA

Compreendendo o que impulsiona ou dificulta mudanças no descarte de resíduos.


BENCHMARK

Com a definição da persona, identificamos a necessidade de analisar soluções já existentes no mercado para garantir que nosso produto atenda às expectativas dos usuários e se posicione de forma competitiva. Esse processo nos permitiu compreender boas práticas, identificar oportunidades de inovação e diferenciar nossa proposta.

Durante esse avanço, nomeamos nossa solução como “Sustentaí”, um aplicativo voltado para facilitar a gestão de resíduos e incentivar práticas sustentáveis.

Para garantir que nossa solução seja competitiva e inovadora, realizamos uma análise comparativa com cinco plataformas voltadas para a gestão de resíduos e reciclagem: Recicla Sampa, Recicla Fortaleza, Cataki, Recicla RS e Descarte Info. O objetivo foi identificar o que cada uma dessas soluções já oferece e quais oportunidades de inovação poderíamos incorporar ao Sustentaí.

Análise Comparativa

A análise revelou que, embora cada uma dessas soluções possua um foco específico, nenhuma delas reúne todas as funcionalidades essenciais em um único aplicativo.
O Sustentaí se diferencia ao integrar diversos recursos que atendem melhor às necessidades dos usuários e incentivam a prática do descarte correto de resíduos de maneira acessível e eficiente.


DESENVOLVER
PRIORIZAÇÃO DAS FUNCIONALIDADES

Método MoSCoW

Para priorizar os requisitos do projeto, aplicamos o método MoSCoW, que nos permitiu definir quais funcionalidades e recursos são essenciais para serem implementados na primeira fase da solução. Esse método nos ajudou a organizar as entregas de forma estratégica, garantindo que os aspectos mais críticos fossem priorizados para atender às necessidades dos usuários de maneira eficiente.

Matriz MoSCoW

USER FLOW

Com base na priorização dos requisitos e funcionalidades, estruturamos o User Flow para garantir uma navegação intuitiva e eficiente. Após múltiplas rodadas de Crazy 8’s, identificamos que a solução precisava apresentar conteúdos textuais de forma clean e objetiva, além de um fluxo bem definido, deixando claro os pontos de início e término da jornada do usuário.

Devido ao tempo de implementação, optamos por focar inicialmente nas funcionalidades do grupo “Deve ter”, conforme definido no método MoSCoW. Esse direcionamento nos permitiu priorizar os aspectos essenciais da solução, garantindo uma experiência coesa desde o lançamento. Em um segundo momento, planejamos evoluir o produto com melhorias e novas funcionalidades, expandindo as possibilidades de uso de acordo com as necessidades dos usuários.

User Flow

PROTÓTIPO DE MÉDIA FIDELIDADE

Com base no User Flow e na priorização das funcionalidades utilizando o método MoSCoW, desenvolvemos o protótipo de média fidelidade.

O objetivo dessa etapa foi:

📌 Definir a estrutura de navegação – Criando um fluxo intuitivo e eficiente para os usuários.
📝 Organizar os conteúdos de maneira clara e objetiva – Garantindo uma experiência limpa e sem excesso de informações.
🎯 Ajustar a disposição dos elementos na interface – Melhorando a hierarquia visual e acessibilidade.


ENTREGAR

CRIAÇÃO DA MARCA

O desenvolvimento do logotipo da Sustentaí foi pensado para representar visualmente a sustentabilidade e o crescimento, alinhando a identidade visual ao propósito da solução.

Logo by Camila Simões

Símbolo e Significado
O design incorpora a letra “S” estilizada, remetendo diretamente ao nome da marca. Além disso, a seta apontando para cima simboliza crescimento, progresso e evolução sustentável. Esse elemento também faz referência à economia circular, um conceito essencial para a reutilização eficiente de recursos, evitando desperdícios e incentivando práticas sustentáveis.

Tipografia e Estilo
Para o nome “Sustentaí”, escolhemos a fonte Goldplay Alt Bold, uma tipografia sem serifa e arredondada, trazendo uma sensação de simplicidade, acessibilidade e modernidade. O uso de letras minúsculas reforça um tom mais próximo e amigável, mantendo ao mesmo tempo uma identidade visual forte e marcante.

O resultado é um logotipo que comunica inovação, responsabilidade ambiental e acessibilidade, alinhando-se à proposta do Sustentaí de tornar a sustentabilidade mais presente no dia a dia das pessoas.

BIBLIOTECA DO SISTEMA
Design System

Para otimizar o tempo de desenvolvimento e garantir consistência visual e usabilidade na nossa aplicação, criamos um Design System contendo os principais componentes e diretrizes de interface. Esse processo envolveu desde a concepção dos wireframes, passando pelo planejamento das interfaces até a aplicação do conceito gráfico, sempre alinhado às 10 Heurísticas de Usabilidade para proporcionar uma experiência intuitiva e eficiente aos usuários.

Com um Design System bem estruturado, a construção das interfaces se tornou mais ágil, reduzindo o tempo de desenvolvimento e padronizando os elementos visuais, o que facilita escalabilidade e manutenção ao longo do projeto.

ELEMENTOS

🎨 Cores principais


Definição da paleta cromática para identidade visual e acessibilidade

🌈 Variação cromática


Tons complementares para hierarquia visual e diferenciação de elementos

🔤 Tipografia

Optamos pela Plus Jakarta como a fonte principal do nosso aplicativo devido à sua modernidade, legibilidade e versatilidade. Seu design clean e equilibrado facilita a leitura em diferentes dispositivos, garantindo clareza na comunicação e uma experiência acessível para os usuários. Além disso, sua estrutura geométrica e elegante reforça a identidade visual do Sustentaí, transmitindo um tom confiável, amigável e inovador.


📝 Estilo de texto – Padrões de formatação para títulos, subtítulos e conteúdos.


📱 Mobile – colunas e espaçamentos

Grid responsivo para adaptação em diferentes dispositivos.



Utilizamos uma escala de espaçamento baseada em múltiplos de 8px para garantir consistência, alinhamento e equilíbrio visual em toda a interface do Sustentaí.



⚙️ Ícones e Componentes
Foram desenvolvidos para garantir padronização, consistência e escalabilidade no design da interface.

Funcionalidades

Geolocalização

Mapeamento de 
pontos de descarte de lixo eletrônico 
e empresas de reciclagem

Programação

Informações de dias e 
horários de coleta de lixo

Busca

Lista rápida de resíduos
recicláveis ou não


Conteúdos

Conteúdos sobre sustentabilidade e consumo consciente

Comunidade

Comunidade de discussões
para usuários

Doações

Plataforma de doações
de produtos usados

PROTÓTIPO DE ALTA FIDELIDADE


ENTREGAR

TESTE DE USABILIDADE

O principal objetivo desta pesquisa foi identificar problemas de usabilidade que poderiam impactar a experiência do usuário. Buscamos compreender dificuldades de navegação, ações confusas e oportunidades de melhoria no design, garantindo que a interface seja intuitiva e eficiente. Dessa forma, conseguimos eliminar barreiras que possam comprometer a capacidade dos usuários de atingir seus objetivos de maneira fluida e sem frustrações.

PROCESSO

Iniciamos o processo separando todos os fluxos do protótipo necessários para o teste de usabilidade, garantindo que cada interação fosse analisada detalhadamente.
Em seguida, levantamos hipóteses sobre possíveis cenários, antecipando desafios que os usuários poderiam enfrentar.

Com as hipóteses definidas para cada fluxo, estruturamos um roteiro detalhado, permitindo a condução do teste de forma organizada e eficiente, assegurando a coleta de insights valiosos para aprimorar a experiência do usuário.

PONTO FOCAL

Facilidade de uso – Avaliar o quão intuitivas são as tarefas e a experiência do usuário ao navegar pelo protótipo.

Identificação de problemas – Detectar erros e dificuldades de usabilidade que possam comprometer a interação.

Coerência do fluxo – Verificar se o fluxo do usuário está alinhado com o esperado e se ele consegue concluir as ações sem confusão.

Análise de comportamento – Observar como o usuário interage com a interface e quais são seus padrões de navegação.

Validação das hipóteses – Confirmar se as suposições levantadas sobre a experiência do usuário são coerentes com os testes.

Tomada de decisão assertiva – Utilizar os insights obtidos para ajustar e aprimorar a interface de forma mais eficiente.

ATIVIDADES DESENVOLVIDAS

Nesta etapa, realizamos uma série de atividades para garantir a eficácia do teste de usabilidade e coletar insights relevantes para melhorias na interface. As principais ações foram:

🖥️ Criação de um protótipo navegável no Figma – Permitindo que os usuários interajam com a interface de forma realista.

📝 Desenvolvimento de um roteiro estruturado – Definição clara das tarefas e objetivos a serem avaliados durante os testes.

📊 Estudo e aplicação do Maze – Utilização da plataforma para analisar interações e medir métricas de usabilidade.

Realização de um teste piloto – Verificação prévia do protótipo para garantir que todas as perguntas e tarefas estivessem alinhadas e coerentes.

👥 Engajamento dos usuários – Incentivo à participação ativa dos testadores, garantindo um volume significativo de interações para validação da experiência.

Essas atividades foram essenciais para identificar pontos de melhoria e validar as decisões de design, garantindo um fluxo intuitivo e funcional para os usuários.

APLICAÇÃO DO TESTE DE USABILIDADE

Para avaliar a experiência do usuário no protótipo de alta fidelidade, realizamos testes de usabilidade na plataforma Maze com 14 participantes. O objetivo foi identificar dificuldades na navegação e validar a eficiência do fluxo de interação com a interface.

TAREFAS DEFINIDAS

1️⃣ Criação de Conta

  • Início na Splash Screen
  • Navegação pelo fluxo de Onboarding

2️⃣ Acessar e Realizar Ações

  • Consultar materiais disponíveis
  • Localizar ecopontos próximos
  • Explorar a comunidade, acessando o fluxo social
  • Publicar conteúdos dentro da comunidade
  • Retornar à página inicial

💡 Primeiro Contato com o Protótipo
Vale destacar que este teste representou o primeiro contato dos usuários com o aplicativo, tornando os insights ainda mais relevantes para entender a curva de aprendizado e identificar possíveis pontos de fricção na experiência.


RESULTADOS

“O design é um processo de aprendizado contínuo, onde cada interação nos ensina algo novo sobre o usuário.” – Jared Spool

Mapa de Calor – Maze

Fluxo 01. Os resultados indicam que a maioria dos usuários (86%) não encontrou dificuldades ao realizar o fluxo de Criação de Conta, evidenciando que essa etapa foi bem estruturada e intuitiva.

Fluxo 02. Os dados indicaram que 60% dos usuários relataram dificuldades ao executar as tarefas desse fluxo, revelando pontos de fricção que podem impactar a experiência do usuário.

Os testes revelaram que os usuários enfrentaram maior dificuldade no segundo fluxo, especialmente na compreensão das tarefas propostas. Essa dificuldade ocorreu, em parte, devido a fluxos e componentes que não estavam completamente claros na perspectiva do usuário, indicando oportunidades de refinamento na navegação e na apresentação das informações.

💡 Pontos Positivos
Interface intuitiva: Apesar dos desafios, os usuários destacaram que a navegação geral do aplicativo é agradável e fluida.
Temática relevante: O propósito do Sustentaí foi bem recebido, com feedbacks positivos sobre sua proposta sustentável e impacto social.

🔍 Oportunidades de Melhoria
Ajustar fluxos e componentes para torná-los mais claros e compreensíveis.
Melhorar a comunicação das tarefas dentro do aplicativo para guiar melhor os usuários.

RESULTADO FINAL

Link do vídeo

Obrigada!

O Sustentaí foi desenvolvido com base em pesquisa, teste e interação contínua, sempre com o objetivo de proporcionar uma experiência intuitiva e acessível. Seu interesse nesse processo fortalece a importância de soluções inovadoras e responsáveis para um futuro mais sustentável.

♻️💚

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *