Werde ich dabei bleiben, wenn ich Claude Code verwende? Die Geschichte eines UI-Designers, der eine „personalisierte App“ entwickelte, nachdem er mit einer umfassenden Gesundheits-App gescheitert war.

Hallo! Ich bin Hasshi, UI-Designer bei Liberogic Inc.

Hat vielleicht jemand von Ihnen plötzlich diese Art von heimlicher Sorge? Sie haben es voller Begeisterung installiert und gedacht: „Okay, ich fange heute an!“Ich kann mich überhaupt nicht an Apps halten, die zur Gewohnheit werden.Das ist mein Problem.

Ich bin ein Experte darin, Dinge anzufangen, aber ich habe es noch nie geschafft, dabei zu bleiben.

Es gibt viele hervorragende und schöne Apps.

Anfangs führe ich jeden Tag gewissenhaft Buch. Doch sobald ich beruflich eingespannt bin oder eine Feier veranstalte und meine „Serie“ aus irgendeinem Grund unterbrochen wird, sinkt meine Motivation sofort auf null.

Die Erinnerungsbenachrichtigungen, die mir früher so wichtig waren, sind jetzt zu bloßem Rauschen geworden, und die Apps selbst versteinern am Rande meines Smartphone-Bildschirms.

Dieses Gefühl der Niederlage, dieser „Na ja, egal“-Moment, der einen in diesem Augenblick überkommt – ich bin sicher, ich bin nicht der Einzige, der das erlebt hat.

Gibt es denn niemanden, der jemandem helfen kann, der nach drei Tagen alles aufgibt? (Nein, den gibt es nicht.)

Was mich noch mehr beunruhigte, war die „Dezentralisierung der Apps“.

Das ständige Wechseln zwischen verschiedenen Apps für jeden einzelnen Punkt – Gewohnheitstracker, Medikamentenkalender, Haushaltsbuch usw. – machte die Sache nur noch komplizierter. Hinzu kamen noch zahlreiche kostenpflichtige Abonnements, die ich schlecht verwaltete und deren Kündigung ich vergaß. Das war völlig kontraproduktiv.

In diesem Moment brachen die skurrilen Ideen des Designers aus."Warum erstellen Sie dann nicht einfach Ihre eigene App, die nur die Funktionen enthält, die Sie benötigen?"

So begann die Entwicklung meines „My Own Habit-Forming Cockpit“, eines auf meinen Lebensstil zugeschnittenen Systems, in Zusammenarbeit mit AI (Claude Code)!

Die KI sollte uns die optimale Lösung nennen können.

1. [Funktionseinführung] Ein System, das Ihre „Faulheit“ berücksichtigt – eine sorgfältig konzipierte Funktion, die das „Herumlungern“ systematisiert.

Schauen wir uns nun die Funktionen an, die wir tatsächlich implementiert haben.

Mein Ziel war es, das ultimative Dashboard zu entwickeln, das speziell auf meinen Lebensstil zugeschnitten ist und gleichzeitig die besten Funktionen bestehender Apps integriert.

Um alle notwendigen Apps in einer einzigen App zu vereinen, habe ich zunächst eine App zur Gewohnheitsverfolgung entwickelt.

Ich habe außerdem sowohl einen hellen Modus als auch einen dunklen Modus integriert, damit ich sie morgens und abends unterschiedlich nutzen kann.

🌱 Erste Aufnahmen

Auf dem ersten Bildschirm wird ein Formular angezeigt, in dem Sie die Gewohnheiten eingeben können, die Sie beibehalten möchten. Sie fahren fort, indem Sie die Informationen manuell eingeben.

Wenn Sie nach unten scrollen, finden Sie einen Link mit der Aufschrift „Beantworten Sie die Fragen und entwickeln Sie Gewohnheiten“. Klicken Sie darauf, und nach Beantwortung der Fragen werden Ihnen passende Gewohnheiten vorgeschlagen.

Der erste Bildschirm beinhaltet eine Beurteilung der Gewohnheitsbildung.

Für Nutzer, die sich noch nicht sicher sind, welche Gewohnheiten sie entwickeln möchten, haben wir außerdem eine Navigationsfunktion für Gewohnheiten auf dem Startbildschirm entwickelt. Mit dieser Funktion können sie die für sie passenden Gewohnheiten auswählen, indem sie einfach ein paar Fragen beantworten.

🌱 Gewohnheitstracker: Weg aus der Alles-oder-Nichts-Welt

Um etwas zur Gewohnheit zu machen, ist es zunächst einmal gut, etwas zu haben, das man nach und nach immer wieder tun kann, selbst wenn es nur kleine Schritte sind.

Ich habe eine App zur Gewohnheitsverfolgung mit einer 5-Punkte-Bewertungsfunktion entwickelt. Die Apps, die ich zuvor verwendet habe, waren entweder „erfolgreich“ oder „nicht erfolgreich“. Bei dieser App hingegen ist der Kalender nicht nur für Tage mit perfektem Erfolg farblich gekennzeichnet, sondern auch für Tage mit nur geringem Aufwand (Stufe 1).

Beim Training können Sie beispielsweise Ihre Fortschritte anhand Ihres täglichen Aufwands dokumentieren, von „Stufe 1: Auf die Waage stellen“ und „Stufe 2: Kniebeugen beim Toilettengang machen“ bis hin zu „Stufe 5: 1 km im Pool schwimmen und 40 Minuten Boxen“.

Die Tage, die Sie auslassen, werden leer angezeigt, aber dank des Systems der "Faulheitssteuer", das ich später erläutern werde, können Sie dies an anderen Tagen nachholen, selbst wenn Sie nicht durchhalten, sodass das Auslassen von Tagen kein Problem darstellt.

Ich kann einfach am nächsten Tag wieder anfangen. Dank dieser Einfachheit schaffe ich es wenigstens, mich jeden Tag zu wiegen!

Der Kalender verfügt über einen grünen Farbverlauf, der den Raum nach und nach mit Farbe füllt und so eine optisch ansprechende „Farbschichtung“ erzeugt. Betrachtet man ihn über einen Monat hinweg, lässt sich der Fortschritt leicht erkennen, was die Motivation steigert.

Visualisierung mithilfe der Kalenderfunktion

Wenn du dir die Kalenderansicht ansiehst, ändert sich die Farbe, sobald du eine Gewohnheit erfolgreich umgesetzt hast. Intensität und Farbe des Farbwechsels passen sich deinem Fortschritt an, sodass du sehen kannst, wie gut du die Gewohnheit bereits umgesetzt hast. Das hilft dir, motiviert zu bleiben.

Es beinhaltet außerdem eine Funktion zum Archivieren von Gewohnheiten und eine Funktion zum Erstellen neuer Gewohnheiten.

Und da ich es für sinnvoll halte, weitere Gewohnheiten zu entwickeln, sobald man eine Gewohnheit bis zu einem bestimmten Stichtag etabliert hat, habe ich auch eine Funktion zum Archivieren von Gewohnheiten und eine Funktion zum Erstellen neuer Gewohnheiten hinzugefügt! Sie können eine neue Gewohnheit hinzufügen, indem Sie auf die Schaltfläche „Gewohnheit erreicht“ klicken.

🏛️ Die „Faulheitssteuer“: Schuldgefühle in Ersparnisse verwandeln

Dies ist eine weitere Funktion, die mit dem Gewohnheitstracker zusammenhängt, den wir uns gerade angesehen haben!

Das System erhebt eine „Steuer“ (standardmäßig 300 Yen) für Tage, an denen man faulenzt.

Jeder kennt doch diese Momente, in denen man einfach nicht mehr weitermachen kann, oder?

Strafen sind also notwendig, um mich selbst zu kontrollieren, aber ich werde ihrer überdrüssig, wenn es sich nur um Geldstrafen handelt.

Wissen Sie, warum übergewichtige Menschen übergewichtig sind? Weil sie den einfachen Weg wählen, faul sind und sich auf Essen verlassen, um ihren Dopaminspiegel – ein einfaches Glückshormon – aufzufüllen. Selbst wenn wir die Strafen verschärfen, wird das für uns, die wir schlecht darin sind, Gewohnheiten zu entwickeln, keinen Unterschied machen.

Ich habe zwar überlegt, das fehlende Geld zu spenden, aber ich war zuversichtlich, dass ich, wenn ich mich so sehr anstrengen würde, die App nie öffnen würde (lacht).

Wo zahlt man die Faulheitssteuer?Ich habe „Einzahlung auf mein Indexfonds-Konto“ ausgewählt.。

Mit anderen Worten:Es ist eine Geldstrafe, aber irgendwie auch nicht. Es ist eine Geldstrafe für mich selbst.Ist.

Ich habe sogar die Schuldgefühle, die ich wegen meiner Faulheit empfand, in eine Investition in mein zukünftiges Ich umgewandelt.

Worauf wir uns noch mehr konzentrierten, war ein "Steuerermäßigungssystem", das auf der monatlichen Leistungsquote basiert.

• „Bei einer Erfolgsquote von 90 % oder höher 50 % Steuerbefreiung.“
• „Bei einem Preis von 80 % oder mehr erhalten Sie eine Steuerbefreiung von 25 %.“

Wir haben einen Mechanismus integriert, der dies ermöglicht.

Auf dem Bildschirm erscheint die Meldung „Nur noch 1 % mehr für eine 25%ige Reduzierung!“, und das gibt mir ein seltsames Gefühl der Motivation, sodass ich denke: „Ich werde heute mein Bestes geben, auch wenn es nur Stufe 2 ist.“

Der größte Feind der Gewohnheitsbildung ist das Gefühl, alles aufgeben zu wollen, sobald man einen Tag auslässt und seine Serie unterbricht.

Dank dieses Steuerermäßigungssystems können Sie sich jedoch denken: „Ich habe einen Tag ausgelassen, aber ich habe immer noch die Möglichkeit, die Steuerermäßigung in Anspruch zu nehmen!“ und motiviert bleiben.

Es ist ein sanftes Design, das Sie nicht nach nur einem Misserfolg aufgeben lässt und ganz auf Ihre Faulheit eingeht.

✨ Hautpflege-Tracker & 💊 Medikamentenmanagement: Schluss mit dem lästigen Wechseln zwischen Apps.

✨ Ich wollte ein Tool zur Überprüfung des Hautpflegezustands.

Gewohnheiten, Medikamente, Haushaltsfinanzen … all das in separaten Apps zu verwalten, war für jemanden so faul wie mich der absolute Horror. Um dieses ständige Hin- und Herwechseln zwischen Apps zu vermeiden, habe ich die tägliche Pflege und das Gesundheitsmanagement komplett in einer einzigen App integriert.

Da wir die Funktionen einer App zur Gewohnheitsbildung direkt wiederverwenden konnten, war die Implementierung einfach.

🧴 Ein Hautpflege-Tracker, der auch Tage akzeptiert, an denen du nicht dein Bestes geben kannst.

Die richtige Hautpflege ist eine wichtige Gewohnheit. Wir haben einen Fünf-Schritte-Prozess vorbereitet, der Sie beim Öffnen des Bildschirms fragt: „Wie weit sind Sie schon gekommen?“

An Tagen, an denen du völlig erschöpft nach Hause kommst, reicht „Stufe 1: Gesicht waschen (nur mit Wasser oder Gesichtsreiniger)“. Hast du etwas mehr Energie, kannst du „Stufe 2: Minimale Pflege (Gesicht waschen + Gesichtswasser)“, „Stufe 3: Basispflege (+ Lotion)“ und an besonderen Tagen sogar ein Serum für „Stufe 4: Gründliche Pflege“ verwenden. Passe deine Pflegeroutine einfach deinem Energielevel an.

Darüber hinaus können die Namen und Pflegedetails (Beschreibungen) für jedes Level über die „Schritteinstellungen“ individuell angepasst werden. Am oberen Bildschirmrand werden außerdem Dinge wie „Durchschnittliches Level diesen Monat“ und „Anzahl der aufeinanderfolgenden Tage auf Level 3 oder höher“ angezeigt, sodass Sie Ihre Motivation in einem vernünftigen Rahmen aufrechterhalten können, indem Sie beispielsweise denken: „Ich war in letzter Zeit müde und war nur auf Level 1, also werde ich versuchen, heute Level 3 zu erreichen.“

💊 „Medikamentenmanagement“, das Faulpelzen umfassend unterstützt.

Und persönlich finde ich die Einnahme meiner Medikamente am schwierigsten.

Mit dieser App können Sie nicht nur den Namen des Medikaments eingeben, sondern auch den Einnahmezeitpunkt (morgens, mittags, abends), die Einnahmeart (vorher, nachher oder nach Bedarf), die Anzahl der Tabletten pro Einnahmezeitpunkt und sogar komplexe Einnahmehäufigkeiten wie täglich, jeden zweiten Tag oder an bestimmten Wochentagen festlegen.

Sollten Sie Medikamente nicht vollständig eingenommen haben, erscheint oben auf dem Bildschirm eine auffällige rote Warnung mit dem Hinweis: „⚠️ Sie haben die Einnahme Ihrer Medikamente vergessen. Bitte überprüfen Sie dies.“ Dies soll Sie zur Einnahme motivieren.

Am unteren Bildschirmrand werden Ihnen realistische Zahlen angezeigt, wie zum Beispiel „Diesmonatige Medikamenten-Adhärenzrate“ und „Anzahl der Male, die Sie die Einnahme Ihrer Medikamente versäumt haben“ (wobei im Testbildschirm, der sich noch in der Entwicklung befindet, eine lasche Adhärenzrate von nur 5 % angezeigt wird…lol).

Aber keine Sorge.

Selbst wenn Sie die Einnahme an einem bestimmten Tag vergessen, bleibt die Option „Später hinzufügen“ erhalten, sodass Sie sie nachträglich im Kalender eintragen können. So können Sie in Ihrem eigenen Tempo weitermachen, ohne in Perfektionismus zu verfallen.

Je älter ich werde, desto mehr Medikamente nehme ich ein, daher ist diese Funktion unglaublich nützlich. Es ist außerdem eine große Hilfe, dass ich Informationen über Medikamente, die ich in der Vergangenheit eingenommen habe, mit dem Arzt teilen kann (ich bin jemand, der sein Medikamentenbuch immer vergisst).

🍺 Umgang mit Trinkgelagen:Eine fantastische Funktion, die Ihre Motivation für einen gesunden Lebensstil und zum Geldsparen deutlich steigern wird.

Und ganz persönlich hat mich diese Funktion zur „Organisation von Trinkgelagen“ am meisten verändert.

Es geht nicht nur darum, Buch darüber zu führen, was man trinkt; es beinhaltet auch Funktionen zur Verwaltung eines monatlichen Limits für die Anzahl der Trinkgelage (zum Beispiel „bis zu 4 Mal im Monat“) und eines Budgets, während gleichzeitig kleine tägliche Verzichte in visuelle Belohnungen verwandelt werden.

🍵 Ein Fingertipp und Sie erhalten einen „Sparplan für maßvollen Alkoholkonsum“

Im Alltag

„Ich werde heute zu Hause keinen Alkohol trinken.“

An Tagen, an denen es mir gelingt, dem Drang zu widerstehen, muss ich lediglich auf dem Startbildschirm auf den Schalter „Ich habe heute Abend nicht getrunken“ tippen.

Allein dadurch erscheint ein grünes Häkchen in Ihrem Kalender, und 500 Yen werden Ihrem „Getränke-Sparguthaben“ gutgeschrieben.

Da sich diese kleinen täglichen Verzichte zu einer beträchtlichen Geldsumme summieren, stellt sich gegen Ende des Monats ein seltsames Gefühl der Zufriedenheit und ein Dopaminrausch ein, und man denkt: „Ich habe diesen Monat bereits 3.000 Yen (über 6 Tage) beim Trinken eingespart!“

Sie können dieses zusätzliche Geld investieren oder sparen.

Wenn Sie das Gefühl haben, durch die Reduzierung des Alkoholkonsums etwas anderes gewonnen zu haben, wie zum Beispiel das gesparte Geld für den Kauf von Dingen zu verwenden, die Sie sich wünschen, werden Sie wahrscheinlich eher bei der Abstinenz oder dem reduzierten Alkoholkonsum bleiben.

🛡️ „Katerpräventionsmodus“, damit du bei feuchtfröhlichen Partys die Kontrolle behältst.

Eine der versteckten Funktionen dieser App ist der „Kater-Präventionsmodus“. Sobald die Party losgeht, aktivieren Sie einfach diesen Modus. Ein Countdown bis zu Ihrer voreingestellten „Ziel-Rückkehrzeit“ wird dann prominent in der Bildschirmmitte angezeigt. Falls Sie zu viel Spaß haben und noch etwas länger bleiben möchten, können Sie die Zeit flexibel mit den Schaltflächen „Rückkehrzeit ändern“ oder „🎉 Genug Zeit für eine zweite Party!“ verlängern – ein Design, das selbst den größten Faulpelz zufriedenstellt.

Darüber hinaus verfügt das Display über Zähler für „🍺Alkohol“, „🥤Erfrischungsgetränke“ und „💧Wasser“. Es überwacht Ihren Konsum in Echtzeit, beispielsweise „ein Erfrischungsgetränk für je zwei alkoholische Getränke“, und die Anzeige leuchtet grün auf, um „OK“ zu signalisieren. Dies reduziert Kater am nächsten Tag und das damit verbundene Bedauern, „Warum habe ich so viel getrunken…?“ deutlich.

📊 Wir haben außerdem viele weitere Funktionen hinzugefügt, die für Trinkgelage praktisch sind.

Nach einer Kneipentour kann man den Namen des Restaurants (z. B. „Torikizoku Shibuya“), den bezahlten Betrag und Notizen zu den Mitreisenden festhalten. Wir haben außerdem eine Funktion hinzugefügt, die automatisch Informationen einfügt, sobald man eine Google Maps-URL eingibt. Die KI meinte, da dies nur wenige Male im Monat vorkommt, entstünden keine Kosten für die API-Integration, also habe ich sie implementiert.

Ich habe außerdem eine Notizfunktion hinzugefügt, weil ich nach feuchtfröhlichen Partys manchmal vergesse, die Rechnung zu begleichen.

Das ist toll, weil es die Frage, ob man bezahlt hat oder nicht, ausräumt.

Im Monatsbericht am Monatsende werden Ihre „Alkohol-Ersparnisse“ (basierend auf der Anzahl der Tage, an denen Sie auf Alkohol verzichtet haben) und die Differenz zwischen Ihrem Trinkbudget und Ihren Ausgaben (das Geld, das Sie bei Partys gespart haben) addiert und stolz als Ihre „Gesamtersparnis“ angezeigt. So sehen Sie beispielsweise auf einen Blick: „Ich habe diesen Monat insgesamt 9.000 Yen gespart!“, was Sie vielleicht zu dem Gedanken anregt: „Vielleicht kaufe ich mir von diesem Geld das Gadget, das ich mir schon immer gewünscht habe.“ Diese beliebte Funktion tut Ihnen sowohl Ihrer Gesundheit als auch Ihrem Geldbeutel gut.

2. Nach der Entwicklung: Claude war der beste „Übersetzer“ für die Designer.

Und so hat diese App, in der meine ganze Faulheit und mein Egoismus stecken, endlich Gestalt angenommen. Dass ich als absoluter Neuling in der Entwicklung so weit gekommen bin, verdanke ich allein meinem Partner Claude.

Ingenieure würden vielleicht wütend werden und fragen: „Ist das euer Ernst?“, aber dieses Mal haben wir uns für eine extrem einfache, einteilige Struktur entschieden: „Wir haben den gesamten HTML-, CSS- und JavaScript-Code in eine einzige index.html-Datei gepackt.“ Aber für uns (Claude und mich) war das absolut die richtige Entscheidung.

Wenn Dateien in mehrere Teile aufgeteilt sind, ist es mühsam, dem Entwickler mitzuteilen, welche Datei und welcher Teil korrigiert werden muss. Bei einer einzelnen Datei kann man einfach den gesamten Code im Chat senden, und Claude versteht sofort alles.

Claude übersetzt meine abstrakte Vorstellung davon, wie sich die Anwendung verhalten soll, in wunderschönen Code. Manchmal stürzte die gesamte App ab, weil ein Fehler in den schließenden Tags oder der Reihenfolge, in der JavaScript geladen wurde, vorlag. Dann durchforsteten wir mitten in der Nacht gemeinsam die Fehlerprotokolle, aber selbst das hatte Spaß, wie in einer Buddy-Komödie (lacht).

Als ich mit der KI chattete, führte sie mich durch den Registrierungsprozess für Dienste wie GitHub und Cloudflare und stellte mir sogar direkte Links zu den offiziellen Webseiten zur Verfügung, sodass ich die Konten im Handumdrehen einrichten konnte.

3. Die nächste hohe Mauer: Designer betreten den Abgrund der Sicherheit

Mit Claudes Hilfe konnte ich das perfekte Spielzeug (App) finden, das sowohl in Bezug auf Aussehen als auch auf Bewegung „mein Ideal“ ist.

...Hier taucht jedoch ein neues Problem auf.

Als ich dieses Cockpit tatsächlich täglich nutzte, kam ich plötzlich wieder zur Besinnung. „Moment mal, diese App speichert meinen aktuellen Gesundheitszustand, meine täglichen Medikamentendaten, mein aktuelles Haushaltsbudget und sogar, wann ich mal nachlässig war.“Es ist voller schonungsloser Offenlegung von Privatsphäre.„Zo“, sagte er.

Aktuell sperre ich den Bildschirm vorübergehend mit einem einfachen PIN-Code, aber ehrlich gesagt bin ich in Sachen Sicherheit ein absoluter Laie. Mit der jetzigen Konfiguration, die ausschließlich auf meinem Wissen und dem einer KI basiert, habe ich ein ungutes Gefühl, ihr wichtige Daten anzuvertrauen.

Als Designer schaffe ich „Komforterlebnisse“, und genau deshalb lege ich so großen Wert auf das zugrunde liegende Prinzip der „absoluten Sicherheit ohne Lecks oder Sicherheitslücken“.Ein Gefühl der Sicherheit ist ebenfalls ein wichtiger Aspekt.Das sollte der Fall sein.

„Ich möchte mein Telefon auf jeden Fall sicher und intelligent mit der Face ID meines Smartphones oder den neuesten Passkeys entsperren können!“

Das dachte ich mir auch, aber Sicherheit ist ein hochspezialisiertes Gebiet, das nicht leicht zu beherrschen ist.

Das übersteigt meine Fähigkeiten...

Ich möchte dies mit den Ingenieuren besprechen und vorsichtig vorgehen.

Letztendlich möchte ich ein Haushaltsbudgetverwaltungstool einführen, das Transaktionen automatisch aufzeichnet, indem es einfach die Kreditkartennutzungshistorie hochlädt, aber ich verschiebe das vorerst aus Sicherheitsgründen.

Zusammenfassung

Die Werkzeuge sind bereit. Jetzt lasst uns für innere Ruhe sorgen!

Ideen, die ich mangels nötigem Entwicklungswissen nur im Kopf behalten hatte, sind dank meines fantastischen Partners, der KI, zum Leben erwacht und haben sich zu Werkzeugen entwickelt, die mein Leben tatsächlich verändern. Ich mache mir keine Vorwürfe mehr, nicht perfekt zu sein, und kann, indem ich eine kleine „Frustrationsgebühr“ zahle, so oft ich will von vorne anfangen. Dank dieses benutzerfreundlichen Systems kann selbst ich, der ich früher nach drei Tagen immer aufgegeben habe, es jetzt mit Freude in meinen Alltag integrieren.

Je bequemer etwas wird, desto größer ist jedoch auch die Verantwortung, es zu schützen.

Obwohl in diesem Artikel nicht erwähnt, fügen wir nach und nach Funktionen wie Benachrichtigungen und Haushaltsbudgetverwaltung hinzu.

Allerdings müssen Funktionen wie die Haushaltsbudgetverwaltung aus Sicherheitsgründen sorgfältig gehandhabt werden, weshalb wir in der Entwicklungsumgebung noch daran arbeiten.

Seien Sie also gespannt auf das nächste Update!