Design de App de Missões Diárias

Design de App de Missões Diárias

O design do app de missões diárias apresenta o Level como um conceito mobile que transforma atividades conhecidas de autoaperfeiçoamento em um registro diário de missões. O título autoral, “Daily quests for becoming a better human.”, estabelece a premissa antes de a interface apresentar a próxima ação: “NEXT — TODAY'S QUESTS”.

A tela de boas-vindas usa uma superfície escura, tipografia serifada editorial grande, ênfase laranja em “becoming” e um pequeno rótulo de protótipo em estilo monoespaçado. Essa composição faz a ideia parecer uma introdução, e não um painel operacional. A contrapartida é deliberada: o título expressivo ocupa bastante espaço vertical, de modo que só a explicação curta do produto e a indicação do próximo passo permanecem visíveis antes da transição.

O texto visível descreve ganhar XP e ver as classes subirem de nível, mas o HTML fornecido é um design estático de três telas. Ele retrata o modelo de informação proposto e os estados de conclusão, sem implementar seleção de missões, atualização de recompensas ou troca de tema. Os números são conteúdo de exemplo, não evidência de progresso armazenado nem de resultados de saúde.

Planejamento de Missões Diárias e Leitura de Recompensas

A tela inicial é organizada para leitura rápida. “Good morning, Sam” fica acima de um painel de progresso do Level 14 que mostra “1648 / 2480”, seguido de “8 quests waiting · earn 430 XP today”. Esses valores são apresentados como dados de exemplo, mas a ordem explica a prioridade pretendida: orientação primeiro, progresso depois, trabalho disponível em seguida.

Seis cartões coloridos dividem então o dia em Body, Read, Listen, Nourish, Mind e Watch. Cada cartão combina um marcador de uma letra, o nome da categoria, uma atividade concreta e um selo de XP. Por exemplo, Body associa “20-min strength: pushups & planks” a “+90”, enquanto Watch associa “The Bear · S3 E4” a “+30”. A grade de categorias torna comparáveis atividades diferentes sem fingir que sejam o mesmo tipo de tarefa.

A disposição dos cartões em duas colunas favorece a escolha rápida e a variedade visual, enquanto os preenchimentos pastel distinguem as categorias. A contrapartida é que rótulos mais longos quebram dentro de cartões de tamanho fixo, então as descrições precisam ser concisas. A navegação inferior mantém Today ativo e reserva Library, um controle central de adição, Stats e Profile para destinos adjacentes.

Da Lista de Missões às Microtarefas

As três telas formam uma sequência específica: a tela escura de boas-vindas estabelece a ideia, a tela inicial clara apresenta o dia e a tela de detalhe expande uma missão selecionada. A transição muda tanto o tema quanto a densidade de informação. A visualização inicial permite comparar seis categorias; a de detalhe foca em uma atividade de força e na sua estrutura de conclusão.

A tela de detalhe se identifica como “QUEST · 03 / 08” e rotula a atividade como “BODY · STRENGTH”. Seu painel coral traz “+90 XP”, o título “20 minutes that change Wednesday.” e uma descrição curta que menciona flexões, pranchas, um curinga e nenhum equipamento. A frase repetida “11 times this month” é um histórico de exemplo visível, não evidência de um resultado medido.

Em “TODAY'S MICRO-TASKS”, a tela lista “Roll out the mat”, “3 × 12 pushups”, “3 × 45s plank” e “Wildcard: lunges”. A primeira linha está visivelmente marcada e riscada, enquanto as demais usam círculos vazios. Valores de XP de +5, +30, +30 e +25 ficam à direita. Essa distinção de estado permite entender a conclusão parcial sem sair do detalhe da missão.

O grande botão “Start quest” vem depois da lista de verificação, criando um ponto final claro de ação. Essa ordem é útil para um fluxo interativo proposto, mas a captura não prova que o botão, a lista ou o momento de subida de nível estejam ligados a persistência. Ela mostra a linguagem de estados pretendida e a relação entre a recompensa da missão e suas tarefas menores.

Escopo Visível e Limite de Capacidade

Este artefato é um exemplo de design de app mobile de três telas, criado pelo OpenDesign. Ele serve para estudar composição, hierarquia de dados de exemplo, agrupamento por categoria, transições entre telas e notação de estados de conclusão. O enquadramento mobile inclui barras de status de iPhone e navegação inferior visíveis, mas as evidências fornecidas não estabelecem comportamento de plataforma além das telas renderizadas.

O design propõe interações como tocar em uma missão para ver o detalhe, concluir uma missão, acionar um momento de subida de nível após a sexta missão e alternar tema e layout. Essas descrições explicam o conceito pretendido, não capacidades verificadas em execução. Os totais de XP, o estado Level 14, o histórico de atividades e a contagem de missões diárias devem, portanto, ser substituídos por dados do produto e regras de estado explícitas em uma implementação de produção.