Case de estudo / UX Design · Bootcamp How Education · 2020

Neto Digital

Um app educativo para dar independência tecnológica à terceira idade. Meu primeiro projeto de UX, do problema ao protótipo, passando por todas as etapas do Double Diamond.

Papel UX Design, em grupoFormato Projeto de conclusão de bootcampProcesso Double DiamondStatus Projeto de estudo, meu primeiro case

Visão geral

Este foi o meu primeiro projeto de UX: o trabalho de conclusão do Bootcamp em UX Design da How Education, feito em grupo. Deixo ele aqui de propósito: é onde tudo começou, e mostra o processo inteiro, não só telas.

O problema

Apps do dia a dia (redes sociais, bancos) não foram pensados para a terceira idade, que acaba dependendo de terceiros para tarefas simples.

O produto

Neto Digital: um app educativo que ensina idosos a usar a tecnologia, construindo independência aos poucos.

O processo

Double Diamond completo: imersão, definição, ideação e prototipação, com pesquisa real de 77 respostas.

O formato

Projeto em grupo: participei de todas as etapas ao lado do time, da matriz CSD ao protótipo.

Tela de entrada do app Neto Digital com opções de entrar e criar contaTela do app Neto Digital em alta fidelidade
O protótipo em alta fidelidade: o ponto de chegada do processo

Contexto

As "facilidades" atendem todo mundo?

As tecnologias se desenvolvem o tempo todo, e a cada momento surgem novos produtos e serviços para melhorar nossas vidas e trazer mais facilidade. Mas será que essas facilidades atendem todos os grupos etários?

Foi desse questionamento que partiu o desafio do grupo: como tornar o uso dos aplicativos mais acessível e compreensível para pessoas da terceira idade, que em boa parte do tempo precisam do auxílio de terceiros para realizar tarefas. E como construir uma independência tecnológica para os idosos?

Processo

Double Diamond, de ponta a ponta

Seguimos o processo completo, com entregas em cada fase:

  1. Imersão: matriz CSD, pesquisa quantitativa, brainstorm, card sorting e parede de insights.
  2. Definição: personas e job stories para consolidar o que a pesquisa mostrou.
  3. Ideação: priorização de features com MoSCoW e desenho da jornada do usuário.
  4. Prototipação: do rabiscoframe no papel ao protótipo em alta fidelidade.

Imersão

Entrar de cabeça no problema

Entender qual era o desafio não era suficiente: precisávamos explorar e coletar o máximo de informações para ter uma visão mais holística, com os comportamentos, as variáveis e tudo que ajudasse a compreender a complexidade do problema.

Matriz CSD

Começamos separando o que sabíamos do que só supúnhamos. Três perguntas guiaram a matriz:

  • O problema que identificamos era de fato uma dor para os usuários?
  • Quais suposições mudariam, e quais seriam as novas certezas, depois das pesquisas?
  • Quais dúvidas seriam respondidas?
Matriz CSD do projeto Neto Digital com post-its de certezas, suposições e dúvidas
A matriz CSD do grupo: certezas, suposições e dúvidas

Pesquisa com 77 pessoas

Conduzimos a pesquisa com usuários por um formulário no Google Forms, focado nos problemas, nas dúvidas e nos porquês que precisavam de resposta. Compartilhamos via listas de contato do WhatsApp e, em alguns dias, tínhamos uma amostra de 77 pessoas.

Gráfico da pesquisa do Neto DigitalGráfico de barras da pesquisa do Neto Digital
Gráfico de pizza da pesquisa do Neto DigitalGráfico da pesquisa do Neto Digital sobre uso de tecnologia por idosos
Resultados da pesquisa quantitativa, com 77 respostas

Brainstorm, card sorting e parede de insights

Com os dados na mão, geramos ideias em grupo, categorizamos as respostas da pesquisa com card sorting e organizamos os padrões numa parede de insights, associando oportunidades a cada categoria.

Quadro de brainstorm do grupo com post-its de ideias
Brainstorm do grupo
Card sorting com as respostas da pesquisa categorizadas
Card sorting: os dados da pesquisa organizados em categorias
Parede de insights com oportunidades associadas a cada categoria
Parede de insights: oportunidades por categoria

Definição

Frederico e Renan

Com base nas pesquisas qualitativa e quantitativa, criamos duas personas: Frederico, o idoso, e Renan, que mora com o idoso. Todas as decisões do processo foram direcionadas para eles.

Cards das personas Frederico e Renan do projeto Neto Digital
As duas personas do projeto

Job stories

Considerando o que as personas nos deram na entrevista qualitativa (a situação em que ela pensa em algo, a motivação do que ela quer ou precisa, o resultado esperado e a premissa de sucesso), construímos as job stories e observamos oportunidades no contexto de cada uma.

Job stories das personas do Neto Digital em cards coloridos
Job stories das personas

Ideação

Priorizar antes de desenhar

MoSCoW

Com o MoSCoW, medimos quais features seriam necessárias e imprescindíveis para resolver as dores dos usuários; quais seriam importantes para uma boa experiência, mas não essenciais; quais poderiam ser um diferencial; e quais ficariam de fora por não gerar valor imediato.

Quadro MoSCoW do Neto Digital com features priorizadas em must, should, could e won't
Priorização de features com MoSCoW

Jornada do usuário

Desenhamos a trajetória percorrida pelos usuários dentro do app e classificamos os estágios de acordo com o contato que o idoso tem com o smartphone.

Mapa da jornada do usuário do Neto Digital com estágios e emoções
A jornada do usuário dentro do app

Prototipação

Do papel ao protótipo

Com base em todos esses estudos, começamos a construir wireframes no papel, protótipos de baixa fidelidade, antes de evoluir para o protótipo em alta fidelidade que abre este case.

Rabiscoframes do Neto Digital desenhados no papel
Rabiscoframe: wireframes de baixa fidelidade no papel

Aprendizados

O que levo desse projeto

O processo inteiro

Foi meu primeiro contato com UX na prática, já passando por todas as etapas, do problema ao protótipo, antes de abrir o Figma.

Pesquisa muda opinião

A matriz CSD e as 77 respostas mostraram na prática que suposição não é certeza, e que dado real redireciona decisão.

Design para quem precisa

Desenhar para a terceira idade ensinou desde cedo que acessibilidade e clareza não são detalhe: são o produto.

Ficha técnica

Tipo de projeto
Projeto de estudo: app educativo voltado à independência tecnológica da terceira idade
Ano
2020
Formato
Projeto de conclusão do Bootcamp em UX Design da How Education, desenvolvido em grupo
Papel no projeto
UX Design, em grupo, com participação em todas as etapas do processo
Status
Projeto de estudo, o primeiro case do portfólio

Case elaborado a partir do deck de apresentação do projeto no bootcamp. Os artefatos exibidos (matriz CSD, gráficos, personas, jornada, wireframes) são o material original produzido pelo grupo na época.