App-Design für tägliche Quests

App-Design für tägliche Quests

App-Design für tägliche Quests präsentiert Level als mobiles Konzept, das vertraute Aktivitäten zur persönlichen Weiterentwicklung in ein tägliches Quest-Protokoll überführt. Die verfasste Überschrift „Daily quests for becoming a better human.“ legt die Prämisse fest, bevor die Benutzeroberfläche die nächste Aktion einführt: „NEXT — TODAY'S QUESTS“.

Der Begrüßungsscreen verwendet eine dunkle Oberfläche, große redaktionelle Serifentypografie, eine orangefarbene Hervorhebung von „becoming“ und ein kompaktes Prototyp-Label im Monospace-Stil. Dadurch wirkt die Komposition eher wie eine Einführung als wie ein operatives Dashboard. Der Kompromiss ist bewusst gewählt: Die ausdrucksstarke Überschrift nimmt viel vertikalen Raum ein, sodass vor dem Übergang nur die kurze Produkterklärung und der Hinweis auf den nächsten Schritt sichtbar bleiben.

Der sichtbare Text beschreibt das Sammeln von XP und das Aufsteigen von Klassen, doch das bereitgestellte HTML ist ein statisches Design mit drei Screens. Es stellt das vorgeschlagene Informationsmodell und Abschlusszustände dar, implementiert jedoch weder die Auswahl von Quests noch die Aktualisierung von Belohnungen oder den Theme-Wechsel. Die Zahlen sind Beispieldaten und kein Beleg für gespeicherten Fortschritt oder gesundheitliche Ergebnisse.

Planung täglicher Quests und schnelles Erfassen von Belohnungen

Der Home-Screen ist auf schnelles Erfassen ausgerichtet. „Good morning, Sam“ steht über einem Fortschrittspanel für Level 14 mit der Anzeige „1648 / 2480“, gefolgt von „8 quests waiting · earn 430 XP today“. Diese Werte werden als Beispieldaten präsentiert, doch ihre Reihenfolge erklärt die beabsichtigte Priorität: zuerst Orientierung, dann Fortschritt, anschließend verfügbare Aufgaben.

Sechs farbige Karten teilen den Tag anschließend in Body, Read, Listen, Nourish, Mind und Watch auf. Jede Karte kombiniert eine einbuchstabige Markierung, den Kategorienamen, eine konkrete Aktivität und ein XP-Badge. Beispielsweise verbindet Body „20-min strength: pushups & planks“ mit „+90“, während Watch „The Bear · S3 E4“ mit „+30“ verbindet. Das Kategorienetz macht unterschiedliche Aktivitäten vergleichbar, ohne vorzugeben, sie seien dieselbe Art von Aufgabe.

Die zweispaltige Kartenanordnung unterstützt eine schnelle Auswahl und visuelle Vielfalt, während die Pastellflächen die Kategorien unterscheiden. Der Kompromiss besteht darin, dass längere Labels innerhalb der festgelegten Karten umbrechen; die Beschreibungen müssen daher prägnant bleiben. Die untere Navigation hält Today aktiv und reserviert Library, eine zentrale Add-Steuerung, Stats und Profile für angrenzende Ziele.

Von der Quest-Liste zu Microtasks

Die drei Screens bilden eine konkrete Abfolge: Der dunkle Begrüßungsscreen etabliert die Idee, der helle Home-Screen präsentiert den Tag und der Detail-Screen erweitert eine ausgewählte Quest. Der Übergang verändert sowohl das Theme als auch die Informationsdichte. Die Home-Ansicht unterstützt den Vergleich über sechs Kategorien hinweg; die Detailansicht konzentriert sich auf eine Krafttrainingsaktivität und ihre Abschlussstruktur.

Der Detail-Screen bezeichnet sich als „QUEST · 03 / 08“ und kennzeichnet die Aktivität mit „BODY · STRENGTH“. Sein korallenrotes Panel enthält „+90 XP“, den Titel „20 minutes that change Wednesday.“ sowie eine kurze Beschreibung mit Pushups, Planks, einem Joker und ohne Ausrüstung. Die wiederholte Formulierung „11 times this month“ ist eine sichtbare Beispielhistorie und kein Beleg für ein gemessenes Ergebnis.

Unter „TODAY'S MICRO-TASKS“ listet der Screen „Roll out the mat“, „3 × 12 pushups“, „3 × 45s plank“ und „Wildcard: lunges“ auf. Die erste Zeile ist sichtbar abgehakt und durchgestrichen, während die verbleibenden Zeilen leere Kreise verwenden. Die XP-Werte +5, +30, +30 und +25 stehen am rechten Rand. Diese Zustandsunterscheidung ermöglicht es, einen teilweise abgeschlossenen Status zu verstehen, ohne die Quest-Detailansicht zu verlassen.

Der große Button „Start quest“ folgt auf die Checkliste und bildet so einen klaren Aktionsabschluss. Diese Reihenfolge ist für einen vorgeschlagenen interaktiven Ablauf nützlich, doch die Aufnahme beweist nicht, dass Button, Checkliste oder der Level-up-Moment mit einer Speicherung verbunden sind. Sie zeigt jedoch die beabsichtigte Zustandssprache und die Beziehung zwischen der Belohnung einer Quest und ihren kleineren Aufgaben.

Sichtbarer Umfang und Fähigkeitsgrenze

Dieses Artefakt ist ein von OpenDesign verfasstes Beispiel für ein mobiles App-Design mit drei Screens. Es eignet sich zur Untersuchung von Komposition, Hierarchie der Beispieldaten, Kategorisierung, Screen-Übergängen und der Notation von Abschlusszuständen. Die mobile Rahmung umfasst sichtbare iPhone-Statusleisten und eine untere Navigation, doch die bereitgestellten Belege begründen kein Plattformverhalten über die gerenderten Screens hinaus.

Das Design schlägt Interaktionen vor, etwa das Antippen einer Quest für Details, das Abschließen einer Quest, das Auslösen eines Level-up-Moments nach der sechsten Quest sowie den Wechsel von Theme und Layout. Diese Beschreibungen erläutern das beabsichtigte Konzept und keine verifizierten Laufzeitfähigkeiten. Die XP-Summen, der Zustand Level 14, der Aktivitätsverlauf und die Anzahl täglicher Quests sollten daher in einer produktiven Implementierung durch Produktdaten und explizite Zustandsregeln ersetzt werden.