João Carlos Ressel

Focus

Focus é uma plataforma digital (app e site responsivo) voltada para auxiliar pessoas com TDAH na organização de tarefas, foco e produtividade através de técnicas como Pomodoro, reforço positivo e personalização da experiência.

Duração do projeto:
Novembro 2024 – Junho de 2025

Visão geral do projeto

O problema:
Pessoas com TDAH frequentemente enfrentam dificuldades para manter o foco, cumprir tarefas diárias e encontrar ferramentas digitais simples que realmente atendam suas necessidades específicas.

A meta: 
Projetar um app e site responsivo que promova foco, organização e senso de progresso para usuários com TDAH, respeitando suas necessidades cognitivas e emocionais.

Meu papel:
UX/UI Designer responsável por todas as etapas do projeto.
 
Responsabilidades: 
– Pesquisa com usuários
– Wireframes
– Prototipação
– Testes de usabilidade
– Design responsivo
– Acessibilidade

Entendendo o usuário

Pesquisa com usuários

Para o projeto do aplicativo Focus, foi realizado uma pesquisa de usuário qualitativa por meio de entrevistas e observação direta. Inicialmente, presumi que os usuários buscavam apenas uma ferramenta para gerenciar tarefas. 

No entanto, a pesquisa revelou que além da organização, os usuários desejam estímulos visuais, reforço positivo e recursos que os ajudem a manter o foco e reduzir distrações. A pesquisa também destacou a importância da personalização e da simplicidade na navegação. Essas descobertas reformularam o foco do design para priorizar a experiência emocional e sensorial dos usuários, e não apenas a funcionalidade técnica.

Personas

Declaração de problema: “Maria é uma Analista de Marketing Digital que lida com múltiplos projetos e prazos em um ambiente de ritmo acelerado. Ela precisa de um aplicativo que organize seu dia em blocos de tempo e minimize as distrações das notificações, porque as interrupções constantes comprometem sua capacidade de se concentrar em tarefas importantes e manter um alto nível de produtividade.”
Declaração de problema: “João, um desenvolvedor de software criativo e multitarefa que trabalha de casa, precisa de uma solução digital que o ajude a visualizar, organizar e focar nas suas tarefas de forma clara e integrada no computador, porque ele se sente sobrecarregado e desorganizado ao lidar com múltiplos projetos, abas e janelas abertas ao mesmo tempo, o que prejudica sua produtividade e aumenta sua ansiedade.”

Auditoria competitiva

Crazy Eights para foco e reforço positivo.

Iniciando o design

Wireframes digitais

Depois de idealizar e desenhar alguns wireframes, em papel criei os designs iniciais para o app Focus. Esses designs se concentraram em ajudar os usuários na organização e execução de suas tarefas diárias.

Protótipo de baixa fidelidade

Para me preparar para o teste, de usabilidade criei um protótipo de baixa fidelidade que conectava o fluxo do usuário de navegar pelas funcionalidades do modo foco e de adicionar lembretes, tarefas, projetos.
 

Estudo de usabilidade

Parâmetros

Resultados

1 – Navegação Intuitiva: Usuários elogiaram a simplicidade da navegação e encontraram facilmente o botão “+” para iniciar tarefas. O layout foi considerado visualmente claro e direto.
2 – Confusão entre Ícones: Alguns usuários confundiram o botão de foco com o de progresso, e relataram dificuldade em encontrar o histórico de atividades. Ícones similares causaram confusão.
3 – Recompensas Visuais: A gamificação foi bem recebida, mas os usuários pediram mais destaque às recompensas. Sugestões incluíram animações ou selos visuais ao concluir tarefas, para reforçar positivamente o progresso. A gamificação foi bem recebida, mas os usuários pediram mais destaque às recompensas. Sugestões incluíram animações ou selos visuais ao concluir tarefas, para reforçar positivamente o progresso.

Declaração de problema: “João, um desenvolvedor de software criativo e multitarefa que trabalha de casa, precisa de uma solução digital que o ajude a visualizar, organizar e focar nas suas tarefas de forma clara e integrada no computador, porque ele se sente sobrecarregado e desorganizado ao lidar com múltiplos projetos, abas e janelas abertas ao mesmo tempo, o que prejudica sua produtividade e aumenta sua ansiedade.”

Aperfeiçoando o design

Modelos

Com base nos insights dos, estudos de usabilidade apliquei alterações de design, como adicionar respostas visuais após o usuário concluir uma tarefa.

Mudanças de design adicionais incluíram a adição de textos para descrever melhor os itens do menu.

Protótipo de alta fidelidade

O protótipo de alta fidelidade seguiu o mesmo fluxo de usuário, do protótipo de baixa fidelidade incluindo alterações de design feitas após o estudo de usabilidade, com adição de mais um fluxo, que é o da comunidade, para haver conexões com outras pessoas.
 

Considerações de acessibilidade

1 – Rótulos claros para elementos interativos que podem ser lidos por leitores de tela. E cores de alto contraste.
2 – As interações seguem uma estrutura lógica e repetitiva, o que ajuda pessoas a manterem o foco e reduz ansiedade de navegação.

Design responsivo

Sitemap

Com os designs do app, concluídos comecei a trabalhar no design do site responsivo. Usei o sitemap do Focus para orientar a estrutura organizacional do design de cada tela para garantir uma experiência coesa e consistente em todos os dispositivos.

Designs responsivos

Os designs para variação de tamanho de tela incluíam dispositivos móveis, tablets e computadores. O intuito do site é encaminhar o usuário para baixar o aplicativo e oferecer algumas funcionalidades básicas que também serão oferecidas no app. Clicando na imagem, é possível acessar o protótipo.

Pontos importantes

Impacto

Os participantes relataram que o design claro e os elementos visuais de reforço ajudaram a manter o foco nas tarefas, tornando o aplicativo intuitivo e motivador.Como compartilhou um dos usuários: ‘Acho que com esse app, conseguiria terminar minhas tarefas sem me sentir frustrado.’

O que eu aprendi:

Trabalhar com personas com TDAH me ensinou a priorizar simplicidade, clareza e previsibilidade no design. Entendi a importância de considerar acessibilidade desde o início do projeto, e não apenas como um complemento final.

Próximas etapas

1 – Aprimorar os elementos de gamificação para tornar o uso do app mais motivador e recompensador ao longo do tempo.
2 – Expandir as opções de personalização, adaptando o app às diferentes rotinas, preferências e níveis de foco de cada usuário.
3 – Integrar recursos de inteligência artificial para compreender melhor os objetivos dos usuários e oferecer sugestões mais personalizadas e empáticas.