Hallo! Ik ben Hasshi, UI-ontwerper bij Liberogic Inc.
Hebben jullie plotseling ook zo'n stiekeme zorg? Je hebt het vol enthousiasme geïnstalleerd, met de gedachte: "Oké, ik begin er vandaag nog mee!"Ik kan me totaal niet vasthouden aan apps die verslavend werken.Dat is mijn probleem.
Ik ben een kei in het beginnen aan dingen, maar ik kan ze nooit volhouden.
Er zijn veel uitstekende en mooie apps beschikbaar.
In het begin houd ik nauwgezet elke dag een record bij. Maar als ik het druk krijg met werk of een feestje heb en mijn 'ononderbroken record' om wat voor reden dan ook verbroken wordt, zakt mijn motivatie als sneeuw voor de zon.
Die herinneringsmeldingen waar ik vroeger zo veel waarde aan hechtte, zijn nu slechts ruis geworden, en de apps zelf staan als versteend aan de rand van mijn smartphonescherm.
Dat gevoel van verslagenheid, dat "ach ja, het maakt niet uit"-moment dat je op dat moment overvalt – ik ben er zeker van dat ik niet de enige ben die dat heeft meegemaakt.
Is er dan niemand die een helpende hand kan bieden aan iemand wiens leven zo uitzichtloos is dat hij na drie dagen alles opgeeft? (Nee, die is er niet.)
Wat me nog meer zorgen baarde, was de "decentralisatie van apps".
Het constant wisselen tussen verschillende apps voor elk onderdeel – gewoonte-tracker, medicatiekalender, huishoudbudgetboek, enz. – maakte het alleen maar ingewikkelder. Bovendien had ik talloze betaalde abonnementen, wat leidde tot slecht beheer en het vergeten om ze op te zeggen. Dit was volkomen contraproductief.
Dat was het moment waarop de fantasierijke ideeën van de ontwerper volledig tot bloei kwamen."Waarom maak je in dat geval niet gewoon je eigen app, een app die alleen de functies bevat die je nodig hebt?"
Zo is de ontwikkeling van mijn "Mijn eigen gewoontevormende cockpit", een systeem op maat voor mijn levensstijl, begonnen, in samenwerking met AI (Claude Code)!
De AI zou ons de optimale oplossing moeten kunnen vertellen.
1. [Introductie van de functie] Een systeem dat je "luiheid" omarmt – een zorgvuldig ontworpen functie die "luieren" systematiseert.
Laten we nu eens kijken naar de functies die we daadwerkelijk hebben geïmplementeerd.
Mijn doel was om het ultieme dashboard te creëren, specifiek afgestemd op mijn levensstijl, met de beste functies van bestaande apps.
Om alle benodigde apps in één te bundelen, ben ik begonnen met het maken van een app voor het bijhouden van gewoonten.
Ik heb ook een lichte en een donkere modus toegevoegd, zodat ik ze 's ochtends en 's avonds anders kan gebruiken.
🌱 Eerste beelden
Het beginscherm toont een formulier waarin u de gewoonten kunt invullen die u wilt voortzetten. U gaat verder door de informatie handmatig in te vullen.
Als je naar beneden scrollt, vind je een link met de tekst "Beantwoord de vragen en creëer gewoonten". Klik daarop en na het beantwoorden van de vragen krijg je suggesties voor gewoonten die bij je passen.
Het eerste scherm introduceert een beoordeling van gewoontevorming.
Daarnaast hebben we voor gebruikers die niet zeker weten welke gewoonten ze willen ontwikkelen, een navigatiefunctie voor gewoonten op het beginscherm toegevoegd. Hiermee kunnen ze gewoonten selecteren die bij hen passen door simpelweg een paar vragen te beantwoorden.
🌱 Gewoontetracker: Ontsnap aan de alles-of-niets-mentaliteit
Om iets tot een gewoonte te maken, is het allereerst goed om iets te hebben dat je beetje bij beetje kunt blijven doen, zelfs als het maar kleine stapjes zijn.
Ik heb een app gemaakt om gewoonten bij te houden met een beoordelingsfunctie van 5 punten. De apps die ik eerder gebruikte, gaven meestal aan of het een 'succesvol' of een 'mislukt' resultaat was. Maar met deze app is de kalender niet alleen gekleurd voor 'perfect succesvolle' dagen, maar ook voor dagen met 'slechts een beetje moeite' (niveau 1).
Bijvoorbeeld, met betrekking tot lichaamsbeweging kunt u uw vooruitgang bijhouden op basis van uw dagelijkse inspanning, van "Niveau 1: Op de weegschaal stappen" en "Niveau 2: Squats doen bij elk toiletbezoek" tot "Niveau 5: 1 km zwemmen in het zwembad en 40 minuten boksen."
De dagen die je overslaat, blijven leeg, maar dankzij het "compensatiesysteem" dat ik later zal uitleggen, kun je de gemiste dagen op andere dagen inhalen, zelfs als je de training niet volhoudt. Het overslaan van dagen is dus geen probleem.
Ik kan de volgende dag gewoon weer opnieuw beginnen. Dankzij dat gemak kan ik tenminste elke dag op de weegschaal stappen!
De kalender heeft een groene kleurovergang die de ruimte geleidelijk vult met kleur, waardoor een visueel aantrekkelijk 'kleurenspel' ontstaat. Wanneer je de kalender over een maand bekijkt, is het gemakkelijk te zien hoeveel vooruitgang je hebt geboekt, wat de motivatie verhoogt.
Visualisatie met behulp van de kalenderfunctie
In de kalenderweergave verandert de kleur wanneer je een gewoonte daadwerkelijk hebt voltooid. De intensiteit en kleur veranderen naargelang je niveau, zodat je kunt zien hoe goed je de gewoonte uitvoert. Dit helpt je gemotiveerd te blijven.
Het bevat ook een functie voor het archiveren van gewoonten en een functie voor het aanmaken van nieuwe gewoonten.
En omdat ik denk dat het een goed idee is om met andere gewoonten te beginnen zodra je een gewoonte voor een bepaalde deadline hebt aangeleerd, heb ik ook een functie voor het archiveren van gewoonten en een functie voor het aanmaken van nieuwe gewoonten toegevoegd! Je kunt een nieuwe gewoonte toevoegen door op de knop "Gewoonte voltooid" te klikken.
🏛️ De "luiheidsbelasting": schuldgevoel omzetten in besparingen
Dit is nog een functie die verband houdt met de gewoonte-tracker die we zojuist hebben bekeken!
Het systeem legt een "belasting" (standaard 300 yen) op voor dagen waarop je de kantjes eraf loopt.
Iedereen heeft wel eens momenten dat het gewoon even niet meer gaat, toch?
Straffen zijn dus nodig om mezelf in toom te houden, maar ik word er moe van als het alleen maar om boetes gaat.
Weet je waarom mensen met overgewicht overgewicht hebben? Omdat ze de makkelijke weg kiezen, lui zijn en op eten vertrouwen om hun dopamineniveau te verhogen – een simpel gelukshormoon. Dus zelfs als we de straffen strenger maken, zal het voor ons, die moeite hebben met het aanleren van gewoontes, geen verschil maken.
Ik heb er wel over nagedacht om het geld dat ik had gemist te doneren, maar ik was ervan overtuigd dat als ik mezelf zo zou pushen, ik de app nooit meer zou openen (lacht).
Waar betaal je die luiheidsbelasting?Ik heb gekozen voor "Storten op mijn indexbeleggingsrekening."。
Met andere woorden,Het is een boete, maar het is geen boete. Het is een boete voor mezelf.is.
Ik heb het schuldgevoel dat ik had over mijn luiheid zelfs omgezet in een investering in mijn toekomstige zelf.
Waar we ons nog meer op richtten, was een "belastingverlagingssysteem" gebaseerd op het maandelijkse prestatiepercentage.
- "Als het slagingspercentage 90% of hoger is, krijgt u 50% belastingvrijstelling."
- "Als de prijs 80% of hoger is, krijgt u 25% belastingvrijstelling."
We hebben een mechanisme ingebouwd dat dit mogelijk maakt.
Op het scherm verschijnt "Nog maar 1% voor een korting van 25%!", en dat geeft me een vreemd soort motivatie, waardoor ik denk: "Ik doe vandaag mijn best, ook al haal ik maar niveau 2."
De grootste vijand van gewoontevorming is het gevoel dat je alles wilt opgeven zodra je een dag overslaat en je reeks verbreekt.
Dankzij dit systeem van belastingvermindering kun je echter denken: "Ik heb een dag overgeslagen, maar ik heb nog steeds de mogelijkheid om van de belastingvermindering te profiteren!" en gemotiveerd blijven.
Het is een doordacht ontwerp dat je niet laat opgeven na slechts één mislukking, en het is volledig afgestemd op je luie aard.
✨ Huidverzorgingstracker & 💊 Medicatiebeheer: Geen gedoe meer met het wisselen tussen apps.
✨ Ik wilde een hulpmiddel om mijn huidverzorgingsroutine te controleren.
Gewoonten, medicatie, huishoudelijke financiën... het beheren van al deze zaken in aparte apps was een enorme ergernis voor iemand zo lui als ik. Om dat "schakelen tussen apps" te elimineren, heb ik mijn dagelijkse zorg en gezondheidsmanagement volledig geïntegreerd in één app.
Omdat we de functies van een app voor gewoontevorming direct konden hergebruiken, was de implementatie eenvoudig.
🧴 Een huidverzorgingstracker die ook dagen accepteert waarop je niet je best kunt doen.
Het verzorgen van je huid is een belangrijke gewoonte. We hebben een stappenplan van vijf stappen opgesteld dat je bij het openen van het scherm de vraag stelt: "Hoe ver ben je al gekomen?".
Op dagen dat je doodmoe thuiskomt, is "Niveau 1: Alleen je gezicht wassen (alleen water of een gezichtsreiniger)" prima. Als je wat meer energie hebt, kun je "Niveau 2: Minimale verzorging (gezicht wassen + toner)", "Niveau 3: Basisverzorging (+ lotion)" doen, en op speciale dagen kun je zelfs een serum toevoegen voor "Niveau 4: Grondige verzorging"... Je kunt je routine aanpassen aan je energieniveau van die dag.
Bovendien kunnen de namen en verzorgingsdetails (beschrijvingen) voor elk niveau naar wens worden aangepast via de 'Stapinstellingen'. Bovenaan het scherm worden ook zaken weergegeven zoals 'Gemiddeld niveau deze maand' en 'Aantal opeenvolgende dagen op niveau 3 of hoger', zodat u uw motivatie binnen redelijke grenzen kunt houden. U kunt bijvoorbeeld denken: 'Ik ben de laatste tijd moe geweest en zat alleen op niveau 1, dus ik ga vandaag proberen niveau 3 te bereiken.'
💊 "Medicatiebeheer" dat de luie mens uitstekend helpt.
Persoonlijk vind ik het lastigst om mijn medicatie goed te beheren.
Met deze app kunt u niet alleen de naam van het medicijn invoeren, maar ook het tijdstip van inname specificeren (ochtend, middag, avond), of u het ervoor, erna of naar behoefte moet innemen, het aantal tabletten per keer en zelfs complexere frequenties zoals dagelijks, om de dag of op specifieke dagen van de week.
Als u nog medicatie hebt die u niet hebt ingenomen, verschijnt er een opvallende rode waarschuwing bovenaan het scherm met de tekst: "⚠️ U bent vergeten uw medicatie in te nemen. Controleer dit alstublieft." Dit motiveert u om uw medicatie alsnog in te nemen.
Onderaan het scherm zie je realistische cijfers zoals 'Het medicatiegebruik deze maand' en 'Het aantal keren dat je je medicatie niet hebt ingenomen' (hoewel het testscherm in ontwikkeling een lui gebruik van slechts 5% laat zien... lol).
Maar maak je geen zorgen.
Zelfs als je vergeet het op een bepaalde dag te doen, blijft het ontwerp "je kunt het later toevoegen" behouden, zodat je het achteraf kunt registreren met behulp van de kalender. Dit betekent dat je in je eigen tempo verder kunt gaan zonder in perfectionisme te vervallen.
Naarmate ik ouder word, gebruik ik doorgaans meer medicijnen, dus deze functie is ontzettend handig. Het is ook een grote hulp dat ik informatie over medicijnen die ik in het verleden heb gebruikt, kan delen met de dokter (ik vergeet namelijk altijd mijn medicatieboekje mee te nemen).
🍺 Drinkfeestjes organiseren:Een fantastische functie die je motivatie voor een gezonde levensstijl en om geld te besparen aanzienlijk zal verhogen.
En persoonlijk is de functie die mijn leven het meest heeft veranderd, deze "beheerfunctie voor drinkpartijen".
Het gaat niet alleen om het bijhouden van wat je drinkt; de app bevat ook functies om een maandelijkse limiet in te stellen voor het aantal drinksessies (bijvoorbeeld "maximaal 4 keer per maand") en een budget te beheren, terwijl kleine dagelijkse opofferingen worden omgezet in visuele beloningen.
🍵 Met één tik krijg je een 'besparingsplan voor gematigd alcoholgebruik'.
In het dagelijks leven
"Ik sla het drinken thuis vandaag over."
Op dagen dat ik de verleiding weet te weerstaan, hoef ik alleen maar de optie "Ik heb vanavond niet gedronken" op het startscherm aan te vinken.
Als je dat doet, verschijnt er een groen vinkje op je kalender en wordt er 500 yen toegevoegd aan je 'drankbesparingsspaarrekening'.
Naarmate die kleine dagelijkse opofferingen zich opstapelen tot een aanzienlijk bedrag, krijg je tegen het einde van de maand een vreemd gevoel van voldoening en een dopaminekick, denkend: "Ik heb deze maand al 3000 yen minder gedronken (in 6 dagen)!"
Je kunt dit extra geld investeren of sparen.
Als je het gevoel hebt dat je iets anders hebt gewonnen door minder alcohol te drinken, bijvoorbeeld door het geld dat je bespaard hebt op je verlanglijstje te gebruiken om dingen te kopen die je graag wilt hebben, is de kans groter dat je het volhoudt om helemaal geen alcohol te drinken of je alcoholgebruik te verminderen.
🛡️ "Katerpreventiemodus" om jezelf in bedwang te houden tijdens drinkfeestjes.
Een van de verborgen functies van deze app is de "Katerpreventiemodus". Zodra het feestje begint, activeer je deze modus. Een aftelling naar je vooraf ingestelde "Terugkeertijd" wordt dan prominent in het midden van het scherm weergegeven. Mocht je het te gezellig hebben en wat langer willen blijven, dan kun je de tijd flexibel verlengen met de knoppen "Terugkeertijd wijzigen" of "🎉 Genoeg tijd voor een tweede feestje!" – een ontwerp dat zelfs de meest luie gebruiker gebruiksvriendelijk vindt.
Bovendien toont het scherm tellers voor "🍺Alcohol", "🥤Frisdranken" en "💧Water". Het houdt je tempo in realtime bij, bijvoorbeeld "één frisdrank voor elke twee alcoholische drankjes", en de teller wordt groen om "OK" aan te geven. Dit vermindert de kater de volgende dag aanzienlijk en voorkomt spijt achteraf, zoals "Waarom heb ik zoveel gedronken...?".
📊 We hebben ook veel andere functies toegevoegd die handig zijn voor borrelavonden.
Na een borrel kun je de naam van het restaurant (zoals "Torikizoku Shibuya"), het daadwerkelijk betaalde bedrag en aantekeningen over de mensen met wie je bent geweest vastleggen. We hebben ook een functie toegevoegd die automatisch informatie invult wanneer je een Google Maps-URL invoert. De AI vertelde me dat, aangezien dit maar een paar keer per maand gebeurt, er geen kosten verbonden zouden zijn aan de API-integratie, dus heb ik het geïmplementeerd.
Ik heb ook een memofunctie toegevoegd, omdat ik na een borrel wel eens vergeet de rekening te betalen.
Het is geweldig, want het neemt de vraag weg of je wel of niet betaald hebt.
Vervolgens worden in het maandelijkse rapport aan het einde van de maand je 'besparingen door alcoholgebruik' (gebaseerd op het aantal dagen dat je niet hebt gedronken) en het verschil tussen je drankbudget en het bedrag dat je hebt uitgegeven (het geld dat je hebt bespaard op feestjes) bij elkaar opgeteld en trots weergegeven als je 'totale besparingen'. Je ziet bijvoorbeeld in één oogopslag: 'Ik heb deze maand in totaal 9.000 yen bespaard!', waardoor je enthousiast denkt: 'Misschien koop ik met dit geld wel die gadget die ik altijd al heb gewild.' Het is een favoriete functie die je zowel gezondheid als geld oplevert.
2. Na de ontwikkeling: Claude was de beste "vertaler" voor de ontwerpers.
En zo heeft deze app, waarin al mijn luiheid en egoïsme samenkomen, eindelijk vorm gekregen. Dat ik, een complete beginner in softwareontwikkeling, zo ver ben gekomen, is volledig te danken aan mijn partner, Claude.
Ingenieurs zouden misschien boos worden en vragen: "Meen je dit nou?", maar deze keer kozen we voor een extreem simpele structuur met één bestand: "alle HTML, CSS en JavaScript in één index.html-bestand proppen." Maar voor ons (Claude en ik) was dit absoluut de juiste beslissing.
Als bestanden in meerdere delen zijn opgesplitst, is het lastig om de ontwikkelaar te vertellen "welk bestand en welk deel moet worden aangepast", maar met één enkel bestand kun je gewoon de volledige code in de chat sturen en Claude begrijpt het meteen.
Claude vertaalt mijn abstracte idee van "zo wil ik dat het zich gedraagt" naar prachtige code. Er waren momenten dat de hele app crashte door een fout in de sluitings-tags of de volgorde waarin JavaScript werd geladen, en we dan midden in de nacht samen de foutenlogboeken aan het doorspitten waren, maar zelfs dat was leuk, net als in een buddyfilm (lacht).
Toen ik met de AI chatte, begeleidde deze me door het accountregistratieproces voor diensten zoals GitHub en Cloudflare, en gaf zelfs directe links naar de officiële websites, waardoor ik de accounts in een mum van tijd kon aanmaken.
3. De volgende hoge muur: ontwerpers betreden de afgrond van de beveiliging
Met de hulp van Claude heb ik het perfecte speeltje (app) kunnen vinden dat "mijn ideaal" is, zowel qua uiterlijk als qua beweging.
...Hier ontstaat echter een nieuw probleem.
Toen ik deze cockpit daadwerkelijk dagelijks begon te gebruiken, kwam ik ineens weer bij zinnen. "Wacht eens even, deze app bevat mijn echte gezondheidsstatus, dagelijkse medicatiegegevens, mijn recente huishoudbudget en een overzicht van wanneer ik de kantjes eraf heb gelopen."Het zit vol met blootgelegde privacy."Zo," zei hij.
Momenteel heb ik een simpele pincode ingesteld om het scherm tijdelijk te vergrendelen, maar eerlijk gezegd ben ik een complete leek op het gebied van beveiliging. Met de huidige configuratie, die uitsluitend gebaseerd is op mijn eigen kennis en die van AI, kan ik een aanhoudend gevoel van ongemak niet van me afschudden bij het toevertrouwen van belangrijke gegevens eraan.
Als ontwerper creëer ik "comfortabele ervaringen", en dat is precies waarom ik me zo druk maak over het onderliggende principe van "absoluut geen lekken of inbreuken".Een gevoel van veiligheid is ook een belangrijk onderdeel.Dat zou inderdaad het geval moeten zijn.
"Ik wil mijn telefoon absoluut veilig en slim kunnen ontgrendelen met Face ID of de nieuwste Passkeys!"
Dat dacht ik ook, maar beveiliging is een zeer gespecialiseerd vakgebied dat niet makkelijk onder de knie te krijgen is.
Dit gaat mijn vermogen te boven...
Ik wil dit graag met de ingenieurs bespreken en voorzichtig te werk gaan.
Uiteindelijk wil ik een tool voor huishoudbudgetbeheer introduceren die transacties automatisch registreert door simpelweg de gebruiksgeschiedenis van creditcards te uploaden, maar ik stel dat voorlopig uit vanwege beveiligingsrisico's.
samenvatting
De hulpmiddelen staan klaar. Laten we nu "gemoedsrust" creëren!
Ideeën die ik alleen in mijn hoofd had bewaard omdat ik de nodige ontwikkelingskennis miste, zijn dankzij mijn geweldige partner, AI, tot leven gekomen en uitgegroeid tot tools die mijn leven daadwerkelijk veranderen. Ik geef mezelf niet langer de schuld dat ik niet perfect ben, en door een kleine 'luiheidsbelasting' te betalen, kan ik zo vaak opnieuw beginnen als ik wil. Dankzij dit gebruiksvriendelijke systeem kan zelfs ik, die er vroeger een kei in was om na drie dagen op te geven, het nu met plezier in mijn dagelijkse routine integreren.
Echter, hoe gemakkelijker iets te gebruiken is, hoe groter de verantwoordelijkheid om het te beschermen.
Hoewel niet vermeld in dit artikel, voegen we geleidelijk aan functies toe zoals notificaties en functies voor het beheren van het huishoudbudget.
Het beheren van huishoudbudgetten en vergelijkbare functies vereisen echter vanuit veiligheidsoogpunt de nodige zorgvuldigheid, daarom werken we hier nog aan in de ontwikkelomgeving.
Kijk dus uit naar de volgende update!
UI-ontwerp wordt elke dag bijgewerkt! Ik denk er ook over na hoe ik toegankelijkheid kan integreren in LP-ontwerp. Ik ben de laatste tijd niet met markup bezig geweest en heb nagedacht: "Moet ik mijn JavaScript ook verbeteren?" Ik ben dol op Kitamura Takumi!
Hasshi
Webdesigner / Lid sinds 2018 / Kokoro is nog steeds een beginnend ontwerper