Design d’application de quêtes quotidiennes

Design d’application de quêtes quotidiennes

Le design d’application de quêtes quotidiennes présente Level comme un concept mobile qui transforme des activités courantes de développement personnel en journal de quêtes quotidiennes. Le titre conçu, « Daily quests for becoming a better human. », pose le principe avant que l’interface ne présente l’action suivante : « NEXT — TODAY'S QUESTS ».

L’écran de bienvenue utilise une surface sombre, une grande typographie éditoriale sérif, une mise en valeur orange du mot « becoming » et un libellé de prototype compact de style monospace. Cette composition donne à l’idée l’apparence d’une introduction plutôt que d’un tableau de bord opérationnel. Le compromis est délibéré : le titre expressif occupe une part importante de l’espace vertical, de sorte que seules la brève explication du produit et l’indication de l’étape suivante restent visibles avant la transition.

Le texte visible décrit le gain d’XP et la progression des classes en niveau, mais le HTML fourni correspond à un design statique en trois écrans. Il représente le modèle d’information proposé et les états d’achèvement, sans mettre en œuvre la sélection des quêtes, la mise à jour des récompenses ni le changement de thème. Les chiffres sont des exemples de contenu, et non la preuve d’une progression enregistrée ou de résultats en matière de santé.

Planification des quêtes quotidiennes et lecture des récompenses

L’écran d’accueil est organisé pour permettre une lecture rapide. « Good morning, Sam » apparaît au-dessus d’un panneau de progression Level 14 affichant « 1648 / 2480 », suivi de « 8 quests waiting · earn 430 XP today ». Ces valeurs sont présentées comme des données d’exemple, mais leur ordre explique la priorité visée : d’abord l’orientation, ensuite la progression, puis le travail disponible.

Six cartes colorées répartissent ensuite la journée entre Body, Read, Listen, Nourish, Mind et Watch. Chaque carte associe un repère d’une lettre, un nom de catégorie, une activité concrète et un badge d’XP. Par exemple, Body associe « 20-min strength: pushups & planks » à « +90 », tandis que Watch associe « The Bear · S3 E4 » à « +30 ». La grille de catégories rend comparables des activités différentes sans prétendre qu’elles relèvent du même type de tâche.

La disposition des cartes sur deux colonnes facilite un choix rapide et apporte une variété visuelle, tandis que les aplats pastel distinguent les catégories. En contrepartie, les libellés plus longs passent à la ligne dans des cartes de taille fixe ; les descriptions doivent donc rester concises. La navigation inférieure conserve Today comme section active et réserve Library, un contrôle d’ajout central, Stats et Profile aux destinations adjacentes.

De la liste de quêtes aux micro-tâches

Les trois écrans forment une séquence précise : l’écran de bienvenue sombre établit l’idée, l’écran d’accueil clair présente la journée et l’écran détaillé développe une quête sélectionnée. La transition modifie à la fois le thème et la densité d’information. La vue d’accueil permet de comparer six catégories ; la vue détaillée se concentre sur une activité de renforcement musculaire et sur sa structure d’achèvement.

L’écran détaillé s’identifie par « QUEST · 03 / 08 » et désigne l’activité par « BODY · STRENGTH ». Son panneau corail présente « +90 XP », le titre « 20 minutes that change Wednesday. » et une courte description mentionnant des pompes, des planches, un exercice libre et l’absence d’équipement. La phrase répétée « 11 times this month » constitue un exemple d’historique visible, et non la preuve d’un résultat mesuré.

Sous « TODAY'S MICRO-TASKS », l’écran répertorie « Roll out the mat », « 3 × 12 pushups », « 3 × 45s plank » et « Wildcard: lunges ». La première ligne est visiblement cochée et barrée, tandis que les lignes restantes utilisent des cercles vides. Les valeurs en XP +5, +30, +30 et +25 sont placées sur le bord droit. Cette distinction entre les états permet de comprendre l’avancement partiel sans quitter le détail de la quête.

Le grand bouton « Start quest » suit la liste de contrôle et crée un point d’action final clair. Cet ordre est utile pour un parcours interactif proposé, mais la capture ne prouve pas que le bouton, la liste de contrôle ou le moment de passage au niveau supérieur sont reliés à un mécanisme de persistance. Elle montre toutefois le langage d’état prévu et la relation entre la récompense d’une quête et ses tâches plus petites.

Périmètre visible et limites fonctionnelles

Cet artefact est un exemple de design d’application mobile en trois écrans créé par OpenDesign. Il permet d’étudier la composition, la hiérarchie des données d’exemple, le regroupement par catégories, les transitions entre les écrans et la représentation des états d’achèvement. Sa présentation mobile inclut des barres d’état d’iPhone et une navigation inférieure visibles, tandis que les éléments fournis ne permettent pas d’établir un comportement propre à la plateforme au-delà des écrans rendus.

Le design propose des interactions telles que toucher une quête pour en afficher le détail, terminer une quête, déclencher un moment de passage au niveau supérieur après la sixième quête, ainsi que changer de thème et de mise en page. Ces descriptions expliquent le concept visé, et non des fonctionnalités vérifiées à l’exécution. Les totaux d’XP, l’état Level 14, l’historique des activités et le nombre quotidien de quêtes doivent donc être remplacés par des données produit et des règles d’état explicites dans une implémentation de production.