top of page

UX/UI Avançado, Coderhouse, 2023

Estudo de caso: Receitas Fit & Saudáveis

case study.png

Visão Geral

Este estudo de caso faz parte do projeto final do curso de UX/UI Avançado da Coderhouse. O foco era definir um app que estivesse com necessidade de alterações na experiência do usuário e em todo o seu layout.

Ao definirmos o app Receitas Fit & Saudáveis, realizamos diversos estudos e pesquisas em UX para a construção do redesign do produto visando uma melhoria geral na experiência do usuário aumento o engajamento do usuário e diminuindo o seu esforço para cumprir suas tarefas dentro do app.

Função e duração

Como UX designer e estudante do curso, eu colaborei com um grupo de 2 colegas que estavam ingressando na carreira de designer. Ao longo do projeto tivemos a supervisão de 2 tutores que são bastante talentosos e experientes na área.

O projeto foi desenvolvido ao longo dos meses de curso contando com muita pesquisa, design centrado no usuário e uma planejamento muito bem definido.

Captura de Tela 2024-03-23 às 15.05 1.png

Problem Statement

Os usuários do app Receitas Fitness & Saudáveis têm dificuldades para concluir tarefas dentro do app e possuem dificuldade em encontrar as receitas que procura.

Objetivos

Nossos objetivos definidos em conjunto incluíam:
 

  • 
Identificar e compreender os principais desafios dos usuários dentro do app.


  • Melhorar a usabilidade geral e a experiência do usuário, alterando os fluxos e UI.

  • 
Aumentar o engajamento do usuário enquanto reduzimos o esforço do usuário.

Processo de Design

Pesquisa e Planejamento


Em nosso processo de design, seguimos algumas metodologias que eram orientadas durante as aula para enfrentar os desafios do app. Começamos com uma extensa pesquisa e planejamento, definindo cuidadosamente nossos objetivos de pesquisa e identificando áreas problemáticas dentro do sistema por meio de uma análise heurística. Para obter insights valiosos, fizemos testes de Card Sorting e Tree testing, definimos uma Matriz MDPU e fizemos um Design Critique. Isso nos permitiu criar e validar personas de usuário, desenvolver mapas de empatia, mapear jornadas de usuário intricadas e analisar minuciosamente os fluxo.

design critique.png
Introdução- Tree Testing.png

A criação das personas e dos mapas de jornada dos usuários foi fundamental para compreendermos o público alvo e começar a construir os novos fluxos. Além disso, finalizamos essa parte, com os mapas de empatia para aprofundar os aspectos emocionais e psicológicos dos usuários. Essas metodologias foram as bases para a organização e visualização de todos os aspectos comportamentais e emocionais dos usuários. Ao promover essa empatia com os usuários, obtivemos insights importantes que pautaram nossas escolhas de design, garantindo que nossas soluções fossem mais assertivas.

Além disso, desenvolvemos o Mapa MDPU que foi importante para orientar nosso planejamento e definir quais seriam as principais tarefas. Essa definição faz parte de uma organização que prioriza as principais features e fluxos que serão implementados para eliminar as dores dos usuários identificadas nas etapas anteriores de pesquisa.

Análise e Insights


Com toda a parte de pesquisa sobre o design atual do app e de seus usuários foi possível identificar os principais pontos de contato e dores, percebendo que precisaríamos repensar todo o app definindo padrões com a construção de um Design System e criar novas categorias retirando as redundâncias tornando mais organizadas e acessíveis.

Group 33707.png

Prototipando


Avançando, criamos os wireframes de alta fidelidade e protótipos, construindo uma interface que possui consistência e padronização. Introduzimos os novos fluxos e features com o objetivo de guiar os usuários iniciantes na navegação de forma fluida e intuitiva, reduzindo significativamente a confusão. Além disso, realizamos uma revisão abrangente dos caminhos do sistema para garantir uma interação harmoniosa respeitando nossas definições prévias. Nosso objetivo final era alinhar a interface de usuário com as expectativas dos usuários, gerando uma experiência agradável e satisfatória.

Resultados

O resultado nossa longa pesquisa e, posteriormente, redesign rendeu frutos:
 

  • Um processo de integração claro e simples que reduziu os entraves dos usuários.

  • A padronização e consistência geradas pelos novos layouts orientados por um Design System diminui o nível de esforço do usuário.

  • A nova interface ficou de acordo com as expectativas dos usuários.
     

A validação desses processos foi feita a partir de alguns testes de usabilidade para compreender o que os usuários sentiam ao navegar por essa nova interface.

Impacto

O redesign do Receitas Fit & Saudáveis foi parte de um processo de estudo e aprendizado muito valioso no curso de UX/UI avançado da Coderhouse e foi muito importante para a a construção de conhecimento e trabalho em equipe, sempre compartillhando novos insights e aprendizados para construir um produto digital eficiente e centrado no usuário.

bottom of page