2022 — Estudo de Caso UX

Entendendo os Sentimentos

Projeto sobre registro e compreensão de emoções no dia a dia, traduzindo um tema sensível em uma interface acolhedora e simples de manter.

Saúde MentalMobile AppPesquisa
Capa do projeto Entendendo os Sentimentos

|Entendendo os Sentimentos

Um aplicativo de acompanhamento emocional imersivo onde é ensinado para as crianças, de forma divertida, lúdica e clara, sobre as emoções humanas, transformando o aprendizado em uma jornada leve e cativante desde os primeiros toques.

|Visão geral do projeto

O produto

O aplicativo Entendendo os Sentimentos tem como proposta ensinar as crianças sobre os sentimentos, para que elas possam entender, desde pequenas, o que estão sentindo.

Duração do projeto

Trabalhei nesse projeto de julho a agosto de 2022.

Minha função

UX/UI Designer, responsável pelo projeto de ponta a ponta, da idealização à entrega.

Responsabilidades

Conduzi as pesquisas com usuários, a síntese de insights e a criação de wireframes de baixa e alta fidelidade.

O problema

Dificuldade das crianças em aprender sobre sentimentos e empatia.

O objetivo

Fazer com que a criança aprenda sobre sentimentos e empatia de maneira leve e divertida.

|Compreensão do usuário

  • Pesquisa de Usuário
  • Personas
  • Declaração de Problema
  • Mapas de Jornada de Usuário

|Pesquisa de usuário

Durante a pesquisa, foi possível compreender as dores dos usuários quando o assunto é aprender sobre sentimentos. Isso se deve ao fato de os nossos usuários serem crianças, que ainda não têm a capacidade e a paciência para aprender e entender algo totalmente novo.

1

Ponto de dor

Estresse ao ter contato com algo novo e diferente do que já viu.

2

Ponto de dor

Dificuldade de se concentrar em uma tarefa de aprendizado.

3

Ponto de dor

Sensibilidade e agitação ao ter contato com cores fortes e vibrantes.

|Personas

Maria Flor

  • Idade: 6 anos
  • Educação: Ensino fundamental
  • Cidade: Ribeirão das Neves
“Uma criança bem extrovertida e cheia de energia, que se irrita facilmente quando as pessoas não lhe dão atenção.”

Declaração de Problema

Maria Flor é uma criança muito inquieta e gosta muito de atenção, mas se irrita facilmente quando as pessoas não lhe dão atenção. Por isso, seus pais procuram uma maneira leve e tranquila de ajudá-la a reconhecer e entender melhor cada sentimento.

Objetivos

  • Sonha em ser heroína
  • Brincar todos os dias com seus amigos
  • Pintar super-heróis

Frustrações

  • Se frustra quando não pode ir à aula ver os amigos
  • Quando não ganha presente de aniversário

Uma criança cheia de vontade de aprender, que gosta muito de leitura e de conhecer novas pessoas.

José

  • Idade: 7 anos
  • Educação: Ensino fundamental
  • Cidade: Ribeirão das Neves
“Uma criança cheia de energia e obediente, mas que se irrita quando não gasta toda a energia que tem.”

Declaração de Problema

José é uma criança obediente e cheia de energia, que fica bem irritado quando não consegue “descarregar” essa energia. Por isso, seus pais procuram uma maneira de ensinar os sentimentos a José que permita a ele gastar essa energia aprendendo.

Objetivos

  • Sonha em conhecer a lua
  • Brincar todos os dias
  • Comer bastante cachorro-quente

Frustrações

  • Se frustra quando não pode comer muito cachorro-quente
  • Quando não pode ir ao parque no final de semana

Às vezes dá muito trabalho, mas, na maior parte do tempo, é uma criança muito obediente.

|Mapas de jornada do usuário

Dias da semanaSegundaTerçaQuartaQuintaSexta
Lista de TarefasA. Acordar B. Tomar café C. Se arrumar D. Ir para a escola E. Voltar F. Brincar G. DormirA. Acordar B. Tomar café C. Se arrumar D. Ir para a escola E. Voltar F. Brincar G. DormirA. Acordar B. Tomar café C. Se arrumar D. Ir para a escola E. Voltar F. Brincar G. DormirA. Acordar B. Tomar café C. Se arrumar D. Ir para a escola E. Voltar F. Brincar G. DormirA. Acordar B. Tomar café C. Se arrumar D. Ir para a escola E. Voltar F. Brincar G. Dormir
SentimentoDurante as tarefas de acordar e dormir, demonstrou estresse e inquietação. Se sentiu alegre ao se arrumar para ir à escola encontrar os amigos. Sentiu um pouco de estresse junto com o cansaço do dia escolar. Sentiu muita alegria ao chegar em casa para brincar junto com um pouco de cansaço.Durante as tarefas de acordar e dormir, demonstrou estresse e inquietação. Se sentiu alegre ao se arrumar para ir à escola encontrar os amigos. Sentiu um pouco de estresse junto com o cansaço do dia escolar. Sentiu muita alegria ao chegar em casa para brincar junto com um pouco de cansaço.Durante as tarefas de acordar e dormir, demonstrou estresse e inquietação. Se sentiu alegre ao se arrumar para ir à escola encontrar os amigos. Sentiu um pouco de estresse junto com o cansaço do dia escolar. Sentiu muita alegria ao chegar em casa para brincar junto com um pouco de cansaço.Durante as tarefas de acordar e dormir, demonstrou estresse e inquietação. Se sentiu alegre ao se arrumar para ir à escola encontrar os amigos. Sentiu um pouco de estresse junto com o cansaço do dia escolar. Sentiu muita alegria ao chegar em casa para brincar junto com um pouco de cansaço.Durante as tarefas de acordar e dormir, demonstrou estresse e inquietação. Se sentiu alegre ao se arrumar para ir à escola encontrar os amigos. Sentiu um pouco de estresse junto com o cansaço do dia escolar. Sentiu muita alegria ao chegar em casa para brincar junto com um pouco de cansaço.
MelhoriasMelhorar todos os pontos onde ela sente algum sentimento negativo.Melhorar todos os pontos onde ela sente algum sentimento negativo.Melhorar todos os pontos onde ela sente algum sentimento negativo.Melhorar todos os pontos onde ela sente algum sentimento negativo.Melhorar todos os pontos onde ela sente algum sentimento negativo.

|Wireframes de papel

Foi um processo inicial, onde foi possível expor várias ideias sobre o que pode ou não funcionar dentro do nosso aplicativo.

Caderno com wireframes desenhados à mão das telas do aplicativo

|Protótipos de baixa fidelidade

Após a idealização inicial no papel, passamos para o digital, começando pela tela inicial.

Durante o processo, desenvolvemos outras telas, como a que apresenta uma pequena história sobre um sentimento.

Tela inicial de boas-vindas com a lista de sentimentos
Tela de transição focada no sentimento de raiva
Tela ilustrada da história com personagem azul
Tela roxa da história com modal de narração
Tela de listagem com barra de progresso da história

|Estudos de usabilidade: descobertas

Realizamos um estudo de usabilidade que revelou pontos que funcionavam melhor do que o esperado.

1

Descoberta

A navegação rápida fez com que as crianças não ficassem ansiosas.

2

Descoberta

Por ser pensado para crianças, o app fez com que elas se sentissem parte do processo, desde abrir o aplicativo até escolher a historinha.

|Mockups: antes e depois

Com as descobertas do estudo de usabilidade em mãos, comparamos as telas antes e depois dos ajustes.

A tela inicial manteve a mesma estrutura de informações, sem mudanças no design.

Antes do Estudo de usabilidade
Wireframe em tons de cinza da tela inicial antes do estudo de usabilidade
Depois do Estudo de usabilidade
Tela inicial colorida final depois do estudo de usabilidade

A tela de leitura da história ganhou um botão para retornar ao menu inicial, e os botões de pausar a história e ativar a narração trocaram de lugar.

Antes do Estudo de usabilidade
Tela amarela da história antes do estudo de usabilidade
Depois do Estudo de usabilidade
Tela da história com navegação inferior depois do estudo de usabilidade

|Mockups finais

As telas finais em alta fidelidade, do primeiro acesso até o acompanhamento da história em andamento.

Tela inicial 'Bem-Vindo' com a lista de sentimentos ALEGRIA e RAIVA
Tela de escolha da historinha sobre o sentimento alegria
Tela da história com o usuário começando a leitura
Modal perguntando se o usuário deseja retornar ao menu inicial
Tela inicial com a barra de progresso da história em andamento

|Considerações de acessibilidade

1

Consideração

Para ajudar crianças que ainda têm alguma dificuldade com a leitura, adicionamos a história narrada, permitindo que a criança apenas escute e acompanhe as imagens.

2

Consideração

Como as cores são parte primordial do projeto, optamos por tons suaves para reduzir a ansiedade e a agitação das crianças.