Limber

Aplicativo de alongamento costuma ser um catálogo de vídeos. A pessoa abre, escolhe entre dezenas de rotinas, e a escolha é o primeiro atrito de uma atividade que já custa vontade para começar.

O segundo problema é o momento de uso. Alongamento acontece no chão, muitas vezes deitado, com o telefone apoiado a poucos centímetros do rosto — uma situação em que praticamente nenhuma decisão de interface padrão funciona bem.

O onboarding pergunta o que dói, quanto tempo a pessoa tem, o nível de atividade e se há lesão. Um serviço próprio monta a rotina a partir disso, e a tela inicial abre com a sessão do dia pronta — sem catálogo, sem escolha.

O aplicativo mostra o que esperar antes de pedir constância. A tela de plano traz uma projeção de quatro semanas e diz, na própria tela, de onde ela vem: de quem alonga cerca de dez minutos por dia e mantém a constância. Projeção rotulada como projeção, não como promessa.

O player mostrava um diálogo antes de cada posição — “prepare-se”, com um botão para continuar. Numa sessão de duas posições isso é irrelevante. Numa sessão de duas minutos com cinco posições, eram cerca de 45 segundos de tela morta: mais de um terço do tempo total gasto em caixas de aviso.

Reescrevemos como uma tela contínua. Preparar, segurar, transição e finalizar deixaram de ser telas e viraram estágios do mesmo layout: a posição faz cross-fade no lugar e o anel de tempo se rearma. Não há diálogo nenhum entre uma posição e a próxima.

É a decisão mais importante do projeto e ela não aparece em nenhuma captura de tela — só na diferença entre uma sessão de dois minutos que dura dois minutos e uma que dura quase três.

O player usa fundo quase preto nos dois temas, claro e escuro. Não é preferência estética: uma tela em brilho total a trinta centímetros do rosto de alguém deitado de costas é a pior coisa que o aplicativo pode fazer, e o tema claro do sistema não deveria decidir isso.

Na mesma linha, a animação respeita a preferência de movimento reduzido do sistema e o retorno tátil usa o motor háptico, não a vibração pesada — que num exercício de respiração seria um susto em vez de um sinal.

O aplicativo está em dezoito idiomas na App Store, incluindo árabe, que é escrito da direita para a esquerda. Isso não é um detalhe de tradução: dois defeitos reais vieram daí — o cartão da tela inicial desenhando a ilustração por cima do próprio texto, e a pílula deslizante da barra de abas se movendo para o lado oposto da aba selecionada.

Ele também é universal: roda em iPhone e iPad a partir do mesmo layout, não de dois. Cada tela mantém sua coluna única e limita o quanto ela pode crescer; no iPad o espaço que sobra vira margem. A alternativa — desenhar uma segunda interface para telas grandes — dobra o trabalho e dobra os lugares onde um defeito pode aparecer.

Construído em Flutter para iOS e iPad, com Firebase para contas e dados, e um serviço próprio que gera as rotinas a partir das respostas do onboarding. O trabalho cobriu design, desenvolvimento do aplicativo e a integração com esse serviço.