Re-Social

Estudo de caso

ui/ux design

2023

Tempo de
desenvolvimento

3 meses

O meu papel

Pesquisa, fluxo de usuário, wireframe, componetização, prototipos

Ferramentas

Figma e Illustrator

Sobre

O case em questão trata-se de uma aplicação desenvolvida como projeto final do curso de UI/UX Design da Coderhouse. O projeto visa criar uma experiência de usuário envolvente e funcional para promover a conscientização ambiental e incentivar práticas sustentáveis na gestão de resíduos.

Objetivo

Conscientizar a população sobre a importância da coleta seletiva. Incentivar e facilitar o descarte consciente de lixo.

Desafio

Falta de conhecimento da população nos impactos de separar ou não separar resíduos residenciais.

Etapas do projeto

A metodologia Double Diamond foi escolhida como a bússola orientadora que direcionou e enriqueceu a nossa jornada. Essa abordagem, amplamente reconhecida e eficaz, se mostrou instrumental para aprofundar a compreensão das necessidades dos usuários e para gerar soluções criativas e impactantes.

Descoberta

  • Desk Research
  • Matriz CSD
  • Pesquisa qualitativa e analise dos resultados
  • Construção de Persona
  • Jornada de Usuário

Ideação

  • Taskflow
  • Userflow
  • Crazy8
  • Wireframe
  • Moodboard

Prototipação

  • UI Kit
  • Protótipo de alta fideliade
  • Teste de usabilidade

Desk Research

O Desk Research foi essencial em nosso processo de pesquisa e desenvolvimento do projeto. Por meio dessa abordagem, obtivemos informações precisas e atualizadas, identificamos oportunidades e desafios, para fundamentar nossas propostas e direcionar as pesquisas de maneira eficaz.

Resultado

Entendemos com o estudo de caso e a análise de mercado que as teorias apresentadas casam perfeitamente. Entendemos que a população leva como incentivo para a separação de resíduos fatos como: gratificação financeira, descontos, trocas ou algum benefício, mais do que estar em dia com o ambiente sustentável.

Matriz CSD

Desk Research desempenhou um papel indispensável na jornada de pesquisa e desenvolvimento do projeto. Através dessa abordagem, fomos capazes de criar uma Matriz CSD sólida e bem embasada, a qual guiou as estratégias e decisões, possibilitando a identificação de causas, soluções e desafios fundamentais no campo de estudo.

Pesquisa qualitativa

Após a criação da Matriz CSD com base nas pesquisas realizadas durante a etapa de Desk Research, conseguimos reconhecer a importância de aprofundar o entendimento dos temas identificados através de uma pesquisa qualitativa. Com esse propósito, desenvolvemos um roteiro de perguntas cuidadosamente elaborado para orientar as entrevistas e discussões com os participantes da pesquisa.

Aprendizado

As pessoas (entrevistadas) sabem o que é coleta seletiva.

Não sabem como separar resíduos específicos.

Não usam lixeiras diferentes.

Acredita que a separação de resíduos é importante.

Algumas delas aprenderam a importância da separação de resíduos em suas escolas.

Algumas delas não conhecem algum programas de coleta seletiva do seus municípios.

Quem vive em condomínios acaba fazendo a separação de resíduos com mais frequência.

Matriz de Análise dos resultados

Após a realização da pesquisa qualitativa, empreendemos o processo de compilar e analisar os dados coletados a fim de obter insights valiosos e conclusões fundamentadas. A pesquisa qualitativa nos proporcionou uma compreensão aprofundada dos temas identificados através da Matriz CSD e permitiu capturar as perspectivas, experiências e opiniões dos participantes de modo significativo.

Para sistematizar e organizar as informações, foi desenvolvida uma Matriz de Análise de Resultados. Essa matriz foi cuidadosamente elaborada para refletir os elementos-chave da pesquisa, permitindo-nos visualizar e comparar as respostas obtidas durante as entrevistas e grupos de discussão.

Ficha de Persona

No processo de desenvolvimento, reconhecemos a importância de compreender o público-alvo com profundidade para garantir que as soluções apresentadas atendessem às suas necessidades e expectativas. Com esse objetivo em mente, desenvolvemos uma Ficha de Persona, ferramenta valiosa que permitiu humanizar e visualizar os potenciais usuários de forma empática.

Para dar vida à Persona, a equipe estabeleceu um nome, idade, ocupação, preocupações, motivações, desafios e objetivos específicos. Além disso, foi incluida uma foto, tornando a persona ainda mais tangível e fácil de visualizar.

Taskflow

Foram utilizados os dados coletados ao longo da pesquisa para criar uma Taskflow detalhada, visando aprimorar a experiência do usuário de forma estratégica. Essa abordagem permitiu projetar soluções estratégicas para aprimorar a experiência do usuário, tornando-a mais intuitiva, eficiente e agradável.

Userflow

O desenvolvimento do Userflow com base nos dados coletados foi uma etapa essencial do projeto. Essa abordagem nos permitiu projetar uma experiência do usuário mais intuitiva e eficiente, facilitando a navegação e garantindo que as ações dos usuários fossem realizadas de forma clara e coesa.

Wireframe

A criação do Wireframe foi uma etapa crucial para garantir que o aplicativo fosse projetado com base nas necessidades e expectativas dos usuários. Com os dados coletados em mãos, pudemos traduzir as informações em soluções visuais de forma eficiente e estratégica.

Componentes

Após definido qual estilo visual seria aplicado no projeto, chegou o momento de criar os componentes para futuramente construir um protótipo conciso. Para isso, elementos como botões, foram construídos visando assemelhar-se aos vistos dentro do jogo.

Prototipo de alta fidelidade

Após um meticuloso processo de pesquisa, análise e criação de diretrizes visuais, foi dado um passo crucial na materialização do aplicativo: a criação do design de alta fidelidade. Esse estágio representa a transformação das ideias abstratas em uma interface concreta e interativa, onde todos os elementos visuais e interações ganham vida de forma autêntica e envolvente.

O design de alta fidelidade foi criado com base nas diretrizes estabelecidas anteriormente, como o Moodboard, o UI Kit e até mesmo o Material Design 3 como referência. Essas diretrizes garantiram que cada pixel, cada cor e cada elemento da interface fossem pensados com cuidado e intenção.

Teste de usabilidade

Foi realizado um teste de usabilidade para garantir que a experiência do usuário estivesse alinhada com os objetivos e diretrizes. Esse teste, fundamental para aprimorar o design e a funcionalidade do aplicativo, proporcionou insights valiosos sobre a eficácia e a usabilidade da interface.

Durante o teste de usabilidade, foram convidados usuários para interagir com o aplicativo e realizar tarefas específicas. Observamos atentamente suas ações, reações e feedbacks para identificar pontos de dificuldade, confusão ou falhas na experiência.

Participante 1

Larissa Bergamo

30 anos

  • Faz artesanato com caixas de papelão que iriam para o lixo.
  • Não separa os resíduos para descartar.
  • Mora em condomínio que tem separação de lixeiras.

Participante 2

Miquéias Araújo

25 anos

  • Separa garrafas pet e óleo de cozinha que entrega para coletores móveis.
  • Mora em casa.

O feedback valioso dos participantes do teste de usabilidade nos deu insights valiosos para aprimorar a experiência do usuário. Essas observações diretas nos ajudaram a tomar decisões informadas sobre ajustes no design, na disposição dos elementos e nas interações.

Pontos de sucesso

  • Tela Reciclopédia:
    Fácil de navegar; encontrou facilmente.
  • Tela Comunidade:
    Intuitivo; encontrou e navegou facilmente.
  • Tela Criando Ponto de Coleta:
    Tarefa pode ser concluída facilmente.

Pontos de insucesso

  • Tela Reciclopédia:
    Pontos de coleta pouco reconhecível; caixa de pesquisa pode ser confusa; botão “criar pondo de coleta” pouco compreensível.
  • Tela Comunidade:
    Intuitivo; encontrou e navegou facilmente.

Recomendações de melhorias

  • Tela Mapa:
    Melhorar ícones dos pontos de coleta; melhorar botão “criar pondo de coleta”.
  • Tela Comunidade:
    Intuitivo; encontrou e navegou facilmente.
  • Tela material (metal):
    Tarefa pode ser concluída facilmente.

Com base nas observações e feedback do teste de usabilidade, a equipe está atualmente focada em realizar os ajustes necessários na interface e na experiência do usuário. Nossa prioridade é garantir que o aplicativo seja intuitivo, eficiente e agradável para os usuários, proporcionando uma experiência única e satisfatória.