Hallo! Ich bin Hasshi und arbeite als UI-Designer bei Liberogic Inc.
Kennen Sie dieses heimliche Problem? „Los geht’s, ab heute mache ich es!“ – mit diesem Vorsatz haben Sie eine App installiert, aber die Gewohnheits-App bleibt einfach nicht dran.
Beim Starten bin ich ein Profi, aber dranbleiben habe ich noch nie geschafft.
Es gibt unzählige kluge und schöne Apps.
Anfangs trage ich jeden Tag sorgfältig alles ein. Doch wenn die Arbeit stressig ist oder eine Feierabend-Runde ansteht und die „Serie“ an einem Tag abreißt, ist die Motivation plötzlich bei null ...
Die Erinnerungsbenachrichtigungen, die mich anfangs noch interessierten, werden mit der Zeit zu bloßem Rauschen, und die Apps verstauben am Rand des Smartphone-Bildschirms.
Dieses Gefühl der Niederlage, wenn man denkt: „Ach, lassen wir’s.“ Ich bin sicher, ich bin nicht der Einzige, der das kennt.
Gibt es denn niemanden, der diesem Menschen, dessen Leben aus lauter Strohfeuern besteht, die Hand reicht? (Nein, niemanden ...)
Was mich zusätzlich belastet hat, war die „Zersplitterung auf verschiedene Apps“.
Zwischen Gewohnheitstracker, Medikamentenkalender, Haushaltsbuch usw. für jeden Punkt eine eigene App zu öffnen, hat die Lästigkeit nur noch verstärkt. Dazu kamen zahlreiche kostenpflichtige Abos, die Verwaltung wurde schlampig, und ich habe sogar vergessen, sie zu kündigen. Das war schlicht kontraproduktiv.
Dann kam dem Designer ein eigensinniger Gedanke: „Dann könnte ich mir doch einfach eine App selbst bauen, die nur die Funktionen enthält, die ich wirklich brauche, und nur für mich!“
So entstand die Entwicklung meines auf meinen Alltag zugeschnittenen „Oreore-Gewohnheits-Cockpits“ im Zusammenspiel mit der KI (Claude Code)!
Die optimale Lösung wird die KI sicher schon finden.
1. [Funktionsvorstellung] Eine speziell durchdachte Funktion, die meine eigene Bequemlichkeit systematisch auffängt, indem das „Faulenzen“ in das System integriert wird
Im Folgenden stelle ich vor, welche Funktionen ich tatsächlich umgesetzt habe.
Ich habe mir die Vorzüge bestehender Apps herausgepickt und ein auf meinen Alltag zugeschnittenes, ultimatives „Dashboard“ angestrebt.
Um alle benötigten Apps in einer einzigen zu bündeln, habe ich zunächst mit der Entwicklung einer App für Gewohnheitsbildung begonnen.
Da ich morgens und abends unterschiedliche Anforderungen habe, gibt es außerdem sowohl einen hellen als auch einen dunklen Modus.
🌱 Startbildschirm
Der Startbildschirm zeigt das Eingabeformular für die Gewohnheiten, die du weiterverfolgen möchtest. Du gibst sie selbst ein.
Wenn du nach unten scrollst, findest du einen Link mit der Aufschrift "Beantworte Fragen und erstelle eine Gewohnheit". Ein Klick darauf startet einen Fragen-und-Antworten-Dialog, der dir auf Basis deiner Antworten passende Gewohnheiten vorschlägt.
Auf dem Startbildschirm ist die Gewohnheitsdiagnose integriert.
Für Nutzer, die noch nicht wissen, welche Gewohnheit sie aufbauen möchten, haben wir außerdem eine Gewohnheitsnavigation entwickelt. Dort beantwortest du lediglich einige Fragen und wählst anschließend eine passende Gewohnheit aus.
🌱 Gewohnheits-Tracker: Schluss mit dem Alles-oder-nichts-Denken
Um eine Gewohnheit aufzubauen, sollte man mit kleinen Schritten beginnen, die man Tag für Tag beibehalten kann.
Wir haben eine Gewohnheits-App mit einer Bewertungsfunktion auf einer "5-Stufen-Skala" entwickelt. Bisherige Apps beschränkten sich oft auf die Auswahl "geschafft" oder "nicht geschafft". In dieser App werden im Kalender jedoch nicht nur Tage mit vollständig erledigter Gewohnheit farbig markiert, sondern auch Tage, an denen du "ein wenig" geschafft hast (Stufe 1).
Beim Sport kannst du beispielsweise von "Stufe 1: Auf die Waage steigen" und "Stufe 2: Beim Toilettengang Kniebeugen machen" bis hin zu "Stufe 5: 1 km im Pool schwimmen und 40 Minuten Boxtraining" deine täglichen Leistungen entsprechend festhalten.
Verpasste Tage bleiben leer. In Kombination mit dem Verpasst-Steuer-System, das wir später erklären, lässt sich das aber auffangen: Wenn du an anderen Tagen nachholst, bist du auch mit ausgelassenen Tagen nicht überfordert.
Dann einfach am nächsten Tag wieder anfangen. Dank dieser unkomplizierten Haltung schaffe ich es jeden Tag zumindest, mich auf die Waage zu stellen!
Der Kalender färbt sich nach und nach in einem grünen Farbverlauf ein. Diese visuelle "Schicht für Schicht"-Darstellung macht Spaß, und wenn man den Monat im Überblick betrachtet, sieht man auf einen Blick, wie viel man bereits geschafft hat. Das steigert die Motivation.
Kalenderfunktion zur Visualisierung
Im Kalender-UI ändert sich die Farbe, wenn du eine Gewohnheit tatsächlich erreicht hast. Je nach Fortschritt wechseln Farbe und Intensität, sodass du siehst, wie konsequent du deine Gewohnheiten verfolgt hast. Das hilft, die Motivation aufrechtzuerhalten.
Archivierungs- und Erstellungsfunktion für Gewohnheiten inklusive
Wenn sich eine Gewohnheit nach einiger Zeit etabliert hat, ist es sinnvoll, sich einer neuen zuzuwenden. Deshalb gibt es eine Funktion zum Archivieren von Gewohnheiten sowie eine Funktion zum Erstellen neuer Gewohnheiten. Mit der Schaltfläche "Gewohnheit etabliert" kannst du direkt eine neue Gewohnheit hinzufügen!
🏛️ Faulenzer-Steuer: Schuldgefühle in Ersparnisse verwandeln
Dies ist eine weitere Funktion, die mit dem zuvor vorgestellten Gewohnheits-Tracker verknüpft ist!
An Tagen, an denen du faulenzt, erhebt das System eine "Steuer" (Standard: 300 Yen) auf dich.
Jeder Mensch hat Phasen, in denen es einfach nicht klappt, dranzubleiben.
Eine Strafe, um sich selbst zu disziplinieren, ist notwendig, aber eine reine Geldstrafe macht einen einfach nur müde.
Wissen Sie, warum man dick wird? Man weicht dem Bequemen und Trägen aus, füllt seinen Dopaminspiegel mit Essen und verlässt sich auf ein einfaches Glückshormon. Das ist das Ergebnis. Deshalb bringt es ohnehin nichts, die Strafen zu verschärfen, denn für uns, die es schwerfällt, Gewohnheiten zu entwickeln, ist das sinnlos.
Eigentlich wäre es wohl besser, die Summe für die verpassten Tage zu spenden, dachte ich mir. Aber ich war mir sicher, dass ich die App nicht mehr öffnen würde, wenn ich mich so streng unter Druck setzen würde (lacht).
Als Empfänger der "Faulheitssteuer" habe ich mein eigenes Indexfonds-Depot gewählt.
Also: Es ist eine Strafe, aber keine richtige Strafe. Eine Strafe für mich selbst.
Selbst das Schuldgefühl, wenn ich versagt habe, wird so zu einer Investition in meine eigene Zukunft.
Besonders durchdacht ist zudem ein "Steuererleichterungssystem", das sich nach der monatlichen Zielerreichung richtet.
- "Zielerreichung von 90 % oder mehr: 50 % Steuerbefreiung"
- "Ab 80 % Zielerreichung: 25 % Steuerbefreiung"
werden darin berücksichtigt.
Auf dem Bildschirm steht "Nur noch 1 % bis zur 25-%-Ermäßigung!", und wenn man das sieht, kommt einem ein unerklärlicher Motivationsschub: "Heute reicht auch Level 2, dranbleiben!"
Der größte Feind der Gewohnheitsbildung ist der Moment, in dem man nach einem ausgelassenen Tag die Serie unterbricht und am liebsten alles hinschmeißen möchte.
Doch dank dieses Steuervorteils bleibt man dran: "Ich habe gestern gepatzt, aber es gibt noch eine Chance auf die Steuerermäßigung!"
Ein einzelner Rückschlag soll nicht zum Aufgeben führen – das Design nimmt sich gezielt der bequemen Seite in uns an und ist bewusst nachsichtig gestaltet.
✨ Hautpflege-Tracker & 💊 Medikamentenverwaltung: Schluss mit dem App-Hin-und-Her
✨ Den Hautpflege-Check, den ich mir gewünscht habe
Gewohnheiten, Medikamente, Haushaltsbuch … Für bequeme Menschen wie mich war es die reinste Mühsal, all das in verschiedenen Apps zu verwalten. Um dieses ständige Hin-und-Her zwischen den Apps zu beenden, habe ich die tägliche Pflege und die Gesundheitsverwaltung vollständig in dieses Cockpit integriert.
Da sich die Funktionen des Gewohnheits-Apps direkt übernehmen ließen, war die Umsetzung unkompliziert.
🧴 Der "Hautpflege-Tracker", der auch Tage ohne Motivation verzeiht
Hautpflege ist genauso eine Gewohnheit wie jede andere. Beim Öffnen fragt die Ansicht "Wie weit bist du gekommen?" – dafür habe ich fünf Schritte vorgesehen.
An Tagen, an denen du völlig erschöpft nach Hause kommst, reicht „Lv1: Nur Gesichtswäsche“ (mit Wasser oder Waschcreme das Gesicht waschen) völlig aus. Wenn du noch etwas Kraft hast, kannst du „Lv2: Minimale Pflege“ (Waschen plus Lotion) oder „Lv3: Grundpflege“ (plus Emulsion) wählen. An besonderen Tagen fügst du sogar Serum hinzu und wählst „Lv4: Ausführliche Pflege“. So kannst du jeden Tag passend zu deiner eigenen Verfassung festhalten.
Außerdem kannst du die Namen der einzelnen Stufen und die Pflegeschritte (Beschreibungen) über die „Schritteinstellungen“ nach deinen Wünschen anpassen. Oben auf dem Bildschirm werden zudem Werte wie „Ø Lv diesen Monat“ oder „Tage mit Lv3 oder höher in Folge“ angezeigt. Wenn du dich in letzter Zeit erschöpft gefühlt hast und nur Lv1 geschafft hast, kannst du dir heute vornehmen, bis Lv3 zu gehen. So bleibt die Motivation erhalten, ohne dich zu überfordern.
💊 Medikamentenverwaltung, die dich bei Bequemlichkeit gezielt unterstützt
Und ehrlich gesagt scheitere ich bei der Medikamentenverwaltung am häufigsten.
Mit dieser App kannst du nicht nur Medikamentennamen eintragen, sondern sehr detailliert und flexibel festlegen: Einnahmezeitpunkte wie „Morgens, mittags, abends“, Vorgaben wie „vor dem Essen, nach dem Essen oder beliebig“, die Anzahl der Tabletten zu jedem Zeitpunkt und sogar komplexe Rhythmen wie „täglich, jeden zweiten Tag oder an bestimmten Wochentagen“.
Wenn noch Medikamente ausstehen, erscheint oben auf dem Bildschirm eine deutlich rote Warnung „⚠️ Es gibt vergessene Medikamente. Bitte überprüfen.“, die dich freundlich, aber bestimmt daran erinnert.
Am unteren Bildschirmrand werden außerdem reale Zahlen angezeigt, etwa die „Medikamenten-Einnahmequote dieses Monats“ und die Anzahl vergessener Einnahmen. (Auf dem Testbildschirm in der Entwicklung zeige ich offen eine Einnahmequote von 5 % – typisch Bequemlichkeit, haha …)
Keine Sorge, es ist trotzdem beruhigend.
Auch wenn du an einem Tag etwas vergessen hast, kannst du im Kalender rückwirkend nachtragen. Dieses „Nachträglich eintragen ist möglich“-Prinzip bleibt erhalten, sodass du nicht in Perfektionismus verfällst und in deinem eigenen Tempo dranbleiben kannst.
Mit zunehmendem Alter nimmt auch die Zahl der Medikamente zu, daher ist diese Funktion wirklich praktisch. Außerdem lassen sich die früher eingenommenen Medikamente beim Arztbesuch teilen, was mir sehr hilft (ich gehöre nämlich zu den Menschen, die ihren Medikamentenpass ständig vergessen).
🍺 Trinkabend-Verwaltung: Die Funktion, die Motivation für Gesundheit und Sparen richtig anheizt
Und die Funktion, die mein eigenes Leben am meisten verändert hat, ist die "Trinkabend-Verwaltung".
Sie beschränkt sich nicht darauf, nur Trinkabende zu protokollieren. Sie verwaltet die monatliche Obergrenze für Trinkabende (z. B. "maximal 4 Mal im Monat") sowie das Budget und verwandelt die kleinen täglichen Verzichte in sichtbare Belohnungen.
🍵 Mit einem Tipp klingelt's: das "Alkoholspar-Konto"
Im Alltag
"Heute trinke ich zu Hause nichts"
Wenn du an einem Tag widerstehst, tippst du auf dem Startbildschirm einfach auf den Schalter "Heute kein Abendbier".
Damit erscheint im Kalender eine grüne Markierung, und 500 Yen werden als "Alkoholspar-Konto" mit einem Klingeln gutgeschrieben.
Da sich der kleine tägliche Verzicht als Geldbetrag summiert, entsteht gegen Monatsende das seltsame Erfolgsgefühl "Diesen Monat habe ich schon 3.000 Yen (6 Tage) eingespart!" und damit ein Dopamin-Kick.
Dieses gesparte Geld kann man in Investments stecken oder auf das Sparkonto legen.
Wenn man spürt, dass sich das Trinken einschränken lässt und man dadurch andere Vorteile erlebt, etwa wenn man Geld aus der Wunschkasse für Dinge verwendet, die man sich eigentlich gönnen möchte, bleibt man meiner Erfahrung nach länger beim Verzicht auf Alkohol oder beim maßvollen Trinken.
🛡️ „Schutzmodus gegen Kater“ – Selbstkontrolle während der Feier
Das eigentliche Ass im Ärmel dieser App ist der „Schutzmodus gegen Kater“. Sobald die Feier beginnt, schaltet man diesen Modus ein. Daraufhin erscheint in der Mitte des Bildschirms ein Countdown bis zur zuvor festgelegten „Zielheimkehrzeit“. Wenn es doch noch gemütlich ist und man denkt „Heute macht es so viel Spaß, ich bleibe noch ein bisschen!“, lässt sich die Zeit über die Schaltfläche „Heimkehrzeit ändern“ oder „🎉 Zweite Runde drin!“ flexibel verlängern. Die Funktion ist so gestaltet, dass auch vergessliche Menschen problemlos damit zurechtkommen.
Außerdem gibt es auf dem Bildschirm Zähler für die Anzahl der Getränke: „🍺 Alkohol“, „🥤 Softdrink“ und „💧 Wasser“. Das Tempo wird in Echtzeit bewertet, etwa nach dem Muster „ein Softdrink nach jedem zweiten alkoholischen Getränk“, und die Anzeige springt auf „OK“ und Grün, wenn alles passt. So lassen sich der Kater am nächsten Tag und das Bedauern „Warum habe ich nur so viel getrunken…“ deutlich verringern.
📊 Viele weitere praktische Funktionen für Feiern
Nach einer Feier lassen sich Lokale wie „Torikizoku Shibuya“, der tatsächlich bezahlte Betrag sowie Notizen zu den Begleitpersonen festhalten. Zusätzlich wurde eine Funktion ergänzt, die beim Einfügen einer Google-Maps-URL die Informationen automatisch übernimmt. Da nur wenige Abfragen pro Monat anfallen, wurde mir von einer KI bestätigt, dass die Anbindung über eine API keine Kosten verursacht. Deshalb habe ich sie umgesetzt.
Außerdem habe ich eine Funktion hinzugefügt, die als Gedächtnisstütze für die Abrechnung nach Feiern dient, da man diese manchmal vergisst.
Es ist sehr angenehm, dass nicht mehr diskutiert werden muss, wer was bezahlt hat.
Im „Monatsbericht“ am Monatsende werden die „Trinkspar-Ersparnisse“ aus den Tagen, an denen man auf den Abendtrunk verzichtet hat, mit der Differenz zwischen dem Budget für Feiern und den tatsächlichen Kosten zusammengerechnet. Das Ergebnis wird als „Gesamtersparnis“ übersichtlich dargestellt. Sieht man etwa „Diesen Monat 9.000 Yen gespart!“ auf einen Blick, macht das Lust, sich mit dem Geld das lang ersehnte Gadget zu kaufen. Diese Funktion gefällt mir besonders, weil sie Gesundheit und Geldbeutel gleichermaßen unterstützt.
2. Nach der Entwicklung: Claude war für Designer das beste „Übersetzungstool“
So ist schließlich die App entstanden, in die ich meine ganze Bequemlichkeit und meine Eigenwilligkeit gepackt habe. Dass ich als jemand ohne Entwicklungserfahrung so weit gekommen bin, verdanke ich allein meinem Buddy Claude.
Wenn Entwickler das sehen, halten sie mich vielleicht für verrückt, aber dieses Mal habe ich mich für einen wirklich rohen Ansatz entschieden: HTML, CSS und JavaScript komplett in einer einzigen Datei, index.html. Für mich und Claude ist das aber genau die richtige Entscheidung.
Wenn Code auf mehrere Dateien verteilt ist, kostet es schon Mühe, zu erklären, welche Datei wo geändert werden soll. Bei nur einer Datei genügt es dagegen, den gesamten Code in den Chat zu werfen, und Claude erfasst sofort alles.
Ich beschreibe ein abstraktes Bild davon, wie es sich verhalten soll, und Claude übersetzt es in sauberen Code. Manchmal stürzt die ganze App wegen eines fehlenden schließenden Tags oder einer falschen Reihenfolge beim Laden von JavaScript ab, und wir verfolgen mitten in der Nacht gemeinsam Fehlerprotokolle. Doch selbst das hat sich angefühlt wie in einem Buddy-Film, und es hat Spaß gemacht (lacht).
Auch die Anbindung an GitHub und Cloudflare ging im Chat erstaunlich schnell: Claude erklärt, wie man sich registriert, und fügt direkt Links zu den offiziellen Websites ein, sodass man sich im Gespräch mit der KI in kürzester Zeit verbinden kann.
3. Die nächste große Hürde: Design und die Tiefen der Sicherheit
Mit Claudes Hilfe habe ich ein wirklich großartiges Spielzeug (eine App) bekommen, in dem sowohl Aussehen als auch Bewegung genau meinem Ideal entsprechen.
……Doch hier taucht ein neues Problem auf.
Als ich dieses Cockpit dann jeden Tag intensiv nutzte, wurde mir plötzlich etwas klar. „Moment mal, in dieser App stecken meine echten Gesundheitsdaten, meine täglichen Medikamenteneinnahmen, meine aktuelle Haushaltsbuchführung und sogar meine Liste der verschobenen Aufgaben. Das ist alles völlig ungeschützt gespeichert.“
Derzeit habe ich zur Not eine einfache PIN (Zugangscode) als Bildschirmsperre eingerichtet. Ehrlich gesagt bin ich in Sachen Sicherheit aber völlig unerfahren. Mit dem Wissen, das ich nur mit der KI zusammen aufgebaut habe, bleibt bei der Vorstellung, wichtige Daten anzuvertrauen, doch ein gewisses Unbehagen.
Als Designer entwickle ich angenehme Nutzererlebnisse, und genau deshalb ist auch das Gefühl von Sicherheit, dass im Hintergrund steckt, ein wichtiger Teil davon: Daten dürfen nicht durchsickern und nicht geknackt werden.
"Ich möchte die App mit Face ID auf dem Smartphone oder mit den neuesten Passkeys öffnen können, damit nur ich sie sicher und bequem öffnen kann!"
So dachte ich, aber Sicherheit ist alles andere als einfach und ein hochspezialisiertes Fachgebiet.
Das übersteigt leider meine Möglichkeiten...
Ich werde das Thema mit einem Entwickler besprechen und vorsichtig vorgehen.
Früher oder später möchte ich auch ein Haushaltsbuch-Tool einführen und Funktionen hinzufügen, die Kreditkartenumsätze einfach hochgeladen automatisch erfassen. Da ich mir bei der Sicherheit jedoch unsicher bin, stelle ich das vorerst zurück.
Fazit
Die Werkzeuge sind da. Als Nächstes geht es darum, Sicherheit zu schaffen!
Eine Idee, die bei mir bisher nur im Kopf reifte, weil ich dachte "Ich habe keine Entwicklungskenntnisse", ist dank KI, meinem besten Partner, nun zu einem Werkzeug geworden, das tatsächlich lebt und mein Leben verändert. Statt mich dafür zu verurteilen, dass ich nicht perfekt bin, kann ich durch eine kleine "Faulheitssteuer" immer wieder neu anfangen. Dank dieses sanften Systems bin ich, der früher ein Profi im Aufgeben war, heute in der Lage, meine Gewohnheiten täglich mit Freude aufzubauen.
Je bequemer es wird, desto größer ist aber auch die Verantwortung, es zu schützen.
In diesem Artikel nicht erwähnt, aber wir fügen nach und nach auch Benachrichtigungsfunktionen und Haushaltsbuch-Funktionen hinzu.
Die Verwaltung von Haushaltsbüchern und ähnlichen Funktionen muss aus Sicherheitsgründen sorgfältig umgesetzt werden, daher wird das Feature bislang noch in der Entwicklungsumgebung weiterentwickelt.
Das war's für heute. Freut euch auf das nächste Update!
Bei UI-Design gibt es jeden Tag etwas Neues! Ich überlege noch, wie sich Landingpage-Design und Barrierefreiheit sinnvoll verbinden lassen. In letzter Zeit bin ich vom Markup etwas weggekommen und frage mich, ob ich auch mein JavaScript weiterentwickeln sollte. Ich mag Takumi Kitamura!
Hasshii
Webdesigner / Eintritt 2018 / Im Herzen immer noch ein aufstrebender Designer