Bonjour ! Je suis Hasshi, concepteur d'interfaces utilisateur chez Liberogic Inc.
Est-ce que certains d'entre vous ressentent soudainement ce genre d'inquiétude secrète ? Vous l'avez installé avec beaucoup d'enthousiasme, en pensant : « D'accord, je vais commencer aujourd'hui ! »Je n'arrive absolument pas à m'en tenir aux applications qui créent une dépendance.Voilà mon problème.
Je suis experte pour commencer des choses, mais je n'ai jamais réussi à les mener à terme.
Il existe de nombreuses applications excellentes et esthétiques.
Au début, je tenais un registre quotidien avec assiduité. Mais si je suis débordé par le travail ou si je fais la fête et que mon « record de consommation consécutive » est interrompu pour une raison ou une autre, ma motivation s'effondre instantanément…
Ces notifications de rappel auxquelles j'accordais tant d'importance ne sont plus qu'un simple bruit de fond, et les applications elles-mêmes se fossilisent au bord de l'écran de mon smartphone.
Ce sentiment de défaite, ce moment de « tant pis » qui vous frappe à cet instant précis — je suis sûre de ne pas être la seule à l'avoir vécu.
N'y a-t-il donc personne pour tendre la main à quelqu'un dont la vie est telle qu'il abandonne tout au bout de trois jours ? (Non, il n'y a personne.)
Ce qui m'inquiétait encore plus, c'était la « décentralisation des applications ».
Jongler entre différentes applications pour chaque tâche (suivi des habitudes, calendrier de prise de médicaments, budget familial, etc.) n'a fait qu'ajouter à la complexité. De plus, j'avais de nombreux abonnements payants, ce qui a entraîné une mauvaise gestion et des oublis de résiliation. C'était totalement contre-productif.
C'est alors que les idées fantaisistes du créateur ont explosé.« Dans ce cas, pourquoi ne pas créer votre propre application, qui ne comprenne que les fonctionnalités dont vous avez besoin ? »
C’est ainsi qu’a débuté le développement de mon « Cockpit de formation d’habitudes personnel », un système adapté à mon style de vie, en collaboration avec l’IA (Claude Code) !
L'IA devrait être capable de nous indiquer la solution optimale.
1. [Présentation de la fonctionnalité] Un système qui embrasse votre « paresse » — une fonctionnalité soigneusement conçue qui systématise le « relâchement ».
Passons maintenant en revue les fonctionnalités que nous avons réellement implémentées.
Mon objectif était de créer le tableau de bord ultime, adapté spécifiquement à mon style de vie, tout en intégrant les meilleures fonctionnalités des applications existantes.
Pour regrouper toutes les applications nécessaires en une seule, j'ai commencé par créer une application de suivi des habitudes.
J'ai également inclus un mode clair et un mode sombre afin de pouvoir les utiliser différemment le matin et le soir.
🌱 Images initiales
L'écran initial affiche un formulaire permettant de saisir les habitudes que vous souhaitez conserver. Vous poursuivez en saisissant manuellement les informations.
Si vous faites défiler vers le bas, vous trouverez un lien intitulé « Répondez aux questions et créez des habitudes ». Cliquez dessus, et après avoir répondu aux questions, le système vous suggérera des habitudes adaptées à vos besoins.
Le premier écran présente une évaluation de la formation des habitudes.
De plus, pour les utilisateurs qui ne savent pas quelles habitudes ils souhaitent développer, nous avons créé une fonctionnalité de navigation par habitudes sur l'écran initial qui leur permet de sélectionner les habitudes qui leur conviennent en répondant simplement à quelques questions.
🌱 Suivi des habitudes : Sortez du monde du tout ou rien
Tout d'abord, pour faire de quelque chose une habitude, il est bon d'avoir une activité que l'on peut continuer à pratiquer petit à petit, même s'il ne s'agit que de petits pas.
J'ai créé une application de suivi des habitudes avec un système d'évaluation sur 5 points. Les applications que j'utilisais auparavant étaient soit « réussies », soit « échouées ». Avec celle-ci, le calendrier est coloré non seulement pour les jours de « réussite parfaite », mais aussi pour les jours où « un petit effort suffit » (niveau 1).
Par exemple, en matière d'exercice physique, vous pouvez enregistrer vos progrès en fonction de vos efforts quotidiens, de « Niveau 1 : Monter sur la balance » et « Niveau 2 : Faire des squats en allant aux toilettes » à « Niveau 5 : Nager 1 km dans la piscine et faire 40 minutes de boxe ».
Les jours que vous manquez seront vides, mais grâce au système de « taxe sur le relâchement » que j'expliquerai plus tard, vous pouvez rattraper votre retard les autres jours même si vous ne maintenez pas le rythme, donc manquer des jours n'est pas un problème.
Je peux simplement recommencer le lendemain. Grâce à cette facilité, je peux au moins me peser tous les jours !
Le calendrier présente un dégradé de vert qui remplit progressivement l'espace de couleurs, créant ainsi un effet de superposition visuellement agréable. Visualisé sur un mois, il permet de constater facilement les progrès accomplis, ce qui stimule la motivation.
Visualisation à l'aide de la fonction calendrier
Lorsque vous consultez l'interface du calendrier, la couleur change à chaque fois que vous adoptez une habitude. L'intensité et la couleur varient selon votre niveau, ce qui vous permet de visualiser vos progrès et de rester motivé.
Il comprend également une fonction d'archivage des habitudes et une fonction de création de nouvelles habitudes.
Et comme je pense qu'il est judicieux d'adopter de nouvelles habitudes une fois qu'on en a pris une avant une certaine date limite, j'ai également prévu une fonction d'archivage et une fonction de création de nouvelles habitudes ! Vous pouvez ajouter une nouvelle habitude en cliquant sur le bouton « Habitude acquise ».
🏛️ La « taxe sur la paresse » : transformer la culpabilité en économies
Voici une autre fonctionnalité liée au suivi des habitudes que nous venons de voir !
Le système impose une « taxe » (300 yens par défaut) les jours où vous ne travaillez pas.
Tout le monde a des moments où il n'en peut plus, n'est-ce pas ?
Les sanctions sont donc nécessaires pour me contrôler, mais je m'en lasse si ce ne sont que des amendes.
Savez-vous pourquoi les personnes en surpoids le sont ? Parce qu’elles choisissent la facilité, qu’elles sont paresseuses et qu’elles comptent sur la nourriture pour compenser leur manque de dopamine, l’hormone du bonheur. Alors, même si l’on renforce les sanctions, cela ne changera rien pour ceux d’entre nous qui ont du mal à prendre de bonnes habitudes.
J'ai bien envisagé de donner l'argent que j'avais manqué, mais j'étais convaincue que si je me forçais autant, je n'ouvrirais jamais l'application (rires).
Où paie-t-on la taxe sur la paresse ?J'ai choisi « Déposer sur mon compte d'investissement indiciel ».。
Autrement dit,C'est une amende, mais ce n'est pas une amende. C'est une amende pour moi-même.est.
J'ai même transformé la culpabilité que je ressentais pour avoir relâché mes efforts en un investissement dans mon futur moi.
Nous nous sommes encore davantage concentrés sur un « système de réduction d'impôt » basé sur le taux de réussite mensuel.
- « Si le taux de réussite est de 90 % ou plus, exonération fiscale de 50 %. »
- « Si le prix est égal ou supérieur à 80 %, vous bénéficiez d'une exonération fiscale de 25 %. »
Nous avons intégré un mécanisme qui rend cela possible.
L'écran affiche « Seulement 1 % de plus pour une réduction de 25 % ! », et voir cela me donne une étrange sensation de motivation, me faisant penser : « Je ferai de mon mieux aujourd'hui, même si ce n'est que le niveau 2. »
Le plus grand ennemi de la formation d'habitudes est cette envie de tout abandonner dès qu'on manque une journée et qu'on interrompt sa série.
Cependant, grâce à ce système de réduction d'impôt, vous pouvez vous dire : « J'ai raté une journée, mais j'ai encore la possibilité de bénéficier de la réduction d'impôt ! » et rester motivé.
C'est un design indulgent qui ne vous laissera pas abandonner après un seul échec, et il s'adapte parfaitement à votre nature paresseuse.
✨ Suivi des soins de la peau et 💊 Gestion des médicaments : Éliminez les tracas liés au passage d’une application à l’autre.
✨ Je voulais un outil pour vérifier l'état de ma peau.
Habitudes, médicaments, finances du ménage… gérer tout ça dans des applications séparées était un vrai casse-tête pour une paresseuse comme moi. Pour éviter de jongler entre les applications, j'ai tout intégré dans une seule et même application pour gérer mes soins quotidiens et ma santé.
Comme nous pouvions réutiliser directement les fonctionnalités d'une application de création d'habitudes, la mise en œuvre a été facile.
🧴 Un outil de suivi des soins de la peau qui accepte les jours où vous ne pouvez pas donner le meilleur de vous-même.
Prendre soin de sa peau est une habitude importante. Nous avons préparé un processus en cinq étapes qui vous demande « Où en êtes-vous ? » dès l’ouverture de l’écran.
Les jours où vous rentrez complètement épuisée, un simple lavage de visage (« Niveau 1 : Se laver le visage (à l’eau ou avec un nettoyant visage) » suffit. Si vous avez un peu plus d’énergie, vous pouvez opter pour un soin minimal (« Niveau 2 : Se laver le visage + lotion tonique »), un soin de base (« Niveau 3 : Soin + lotion »), et les jours spéciaux, ajouter un sérum pour un soin plus complet (« Niveau 4 : Soin en profondeur »). Adaptez votre routine à votre niveau d’énergie du jour.
De plus, les noms et les détails de soins (descriptions) de chaque niveau peuvent être personnalisés selon vos préférences via les « Paramètres des étapes ». Le haut de l'écran affiche également des informations telles que « Niveau moyen ce mois-ci » et « Nombre de jours consécutifs au niveau 3 ou supérieur », ce qui vous permet de maintenir votre motivation dans des limites raisonnables, par exemple en vous disant : « J'étais fatigué ces derniers temps et je n'étais qu'au niveau 1, alors je vais essayer d'atteindre le niveau 3 aujourd'hui. »
💊 « Gestion des médicaments » qui aide efficacement les paresseux.
Et personnellement, ce que je trouve le plus difficile, c'est la gestion de mes médicaments.
Cette application vous permet non seulement de saisir le nom du médicament, mais aussi de préciser le moment de la prise (matin, midi, soir), s'il faut le prendre avant, après ou au besoin, le nombre de comprimés à prendre à chaque fois, et même des fréquences complexes telles que quotidiennement, tous les deux jours ou certains jours de la semaine.
Si vous n'avez pas terminé votre traitement, une alerte rouge bien visible apparaîtra en haut de l'écran avec la mention : « ⚠️ Vous avez oublié de prendre votre médicament. Veuillez vérifier », ce qui vous incitera à le prendre.
En bas de l'écran, vous verrez apparaître des chiffres réalistes tels que « Taux d'observance du traitement ce mois-ci » et « Nombre de fois où vous avez oublié de prendre votre médicament » (bien que, dans la version test en cours de développement, elle affiche un taux d'observance médiocre de seulement 5 %... lol).
Mais ne vous inquiétez pas.
Même si vous oubliez de le faire un jour donné, la possibilité de l'ajouter plus tard reste intacte, vous permettant de le faire a posteriori grâce au calendrier. Ainsi, vous pouvez progresser à votre rythme sans tomber dans le perfectionnisme.
Avec l'âge, je prends de plus en plus de médicaments, donc cette fonctionnalité est incroyablement utile, et c'est un énorme avantage de pouvoir partager des informations sur les médicaments que j'ai pris par le passé lorsque je vais chez le médecin (je suis quelqu'un qui oublie toujours son carnet de suivi des médicaments).
🍺 Gérer les soirées arrosées :Une fonctionnalité fantastique qui augmentera considérablement votre motivation à prendre soin de votre santé et à faire des économies.
Et personnellement, la fonctionnalité qui a le plus changé ma vie, c'est cette fonction de « gestion des soirées arrosées ».
Il ne s'agit pas seulement de tenir un registre de ce que vous buvez ; l'application intègre également des fonctionnalités permettant de gérer une limite mensuelle du nombre de consommations (par exemple, « jusqu'à 4 fois par mois ») et un budget, tout en transformant de petits sacrifices quotidiens en récompenses visuelles.
🍵 Un seul clic et vous obtiendrez un « plan d'épargne pour une consommation d'alcool modérée »
Dans la vie quotidienne
« Je ne boirai pas à la maison aujourd'hui. »
Les jours où je parviens à résister à la tentation, il me suffit d'appuyer sur le bouton « Je n'ai pas bu ce soir » sur l'écran d'accueil.
Il vous suffit de faire cela pour qu'une marque verte apparaisse sur votre calendrier et que 500 yens soient ajoutés à vos « économies sur les boissons ».
À mesure que ces petits sacrifices quotidiens s'accumulent pour représenter une somme d'argent significative, à l'approche de la fin du mois, on éprouve un étrange sentiment d'accomplissement et une poussée de dopamine, en pensant : « J'ai déjà réduit ma consommation d'alcool de 3 000 yens (sur 6 jours) ce mois-ci ! »
Vous pouvez investir ou épargner cet argent supplémentaire.
Si vous avez le sentiment d'avoir gagné quelque chose d'autre en réduisant votre consommation d'alcool, par exemple en utilisant l'argent économisé grâce à votre liste de souhaits pour acheter des choses que vous désirez, vous serez probablement plus enclin à maintenir l'abstinence ou à réduire votre consommation d'alcool.
🛡️ « Mode prévention de la gueule de bois » pour garder le contrôle lors des soirées arrosées
L'une des fonctionnalités cachées de cette application est le « Mode Anti-Gelée de Bois ». Une fois la soirée lancée, activez simplement ce mode. Un compte à rebours jusqu'à l'heure de retour prévue s'affichera alors en évidence au centre de l'écran. Bien sûr, si vous vous amusez trop et souhaitez prolonger la fête, vous pouvez facilement étendre le temps grâce aux boutons « Modifier l'heure de retour » ou « 🎉 On a le temps pour une deuxième soirée ! » – une fonctionnalité qui convient même aux plus paresseux.
De plus, l'écran affiche des compteurs pour « 🍺Alcool », « 🥤Boissons sans alcool » et « 💧Eau ». Il surveille votre consommation en temps réel, par exemple « une boisson sans alcool pour deux boissons alcoolisées », et la jauge devient verte pour indiquer que c'est bon. Cela réduit considérablement la gueule de bois du lendemain et les regrets du genre « Pourquoi ai-je autant bu ? »
📊 Nous avons également ajouté de nombreuses autres fonctionnalités pratiques pour les soirées arrosées.
Après une soirée arrosée, vous pouvez enregistrer le nom du restaurant (par exemple « Torikizoku Shibuya »), le montant exact de l'addition et des notes sur les personnes qui vous accompagnaient. Nous avons également ajouté une fonctionnalité qui remplit automatiquement les informations lorsque vous saisissez une URL Google Maps. L'IA m'a indiqué que, comme cette opération n'est effectuée que quelques fois par mois, l'intégration de l'API serait gratuite ; je l'ai donc mise en place.
J'ai également ajouté une fonction de notes car il m'arrive d'oublier de régler l'addition après des soirées arrosées.
C'est génial car cela élimine la question de savoir si vous avez payé ou non.
Ensuite, dans le rapport mensuel en fin de mois, vos « économies réalisées grâce à la réduction de votre consommation d'alcool » (calculées en fonction du nombre de jours où vous n'avez pas bu) et la différence entre votre budget boissons et vos dépenses (l'argent économisé lors des soirées arrosées) sont additionnés et affichés fièrement sous la forme de vos « économies totales ». Par exemple, vous pouvez voir d'un coup d'œil « J'ai économisé 9 000 yens ce mois-ci ! », ce qui vous donne envie de vous offrir ce gadget dont vous rêvez depuis toujours. C'est une fonctionnalité très pratique qui vous permet de faire des économies tout en prenant soin de votre santé.
2. Après le développement : Claude était le meilleur « traducteur » pour les designers.
Et voilà, cette application, fruit de ma paresse et de mon égoïsme, a enfin vu le jour. Si moi, parfait novice en développement, j'ai pu aller aussi loin, c'est entièrement grâce à mon partenaire, Claude.
Les ingénieurs pourraient s'énerver et demander : « Vous êtes sérieux ? », mais cette fois-ci, nous avons opté pour une structure extrêmement simple, à fichier unique : « tout le HTML, le CSS et le JavaScript dans un seul fichier index.html ». Mais pour nous (Claude et moi), c'était absolument la bonne décision.
Lorsque les fichiers sont divisés en plusieurs parties, c'est un vrai casse-tête de simplement indiquer au développeur « quel fichier et quelle partie doivent être corrigés », mais avec un seul fichier, il suffit d'envoyer l'intégralité du code dans la conversation, et Claude comprendra instantanément tout.
Claude traduit mon idée abstraite du genre « voilà comment je veux que ça se comporte » en un code magnifique. Il y a eu des moments où l'application entière plantait à cause d'une erreur dans la fermeture des balises ou dans l'ordre de chargement de JavaScript, et on se retrouvait à éplucher les journaux d'erreurs ensemble au beau milieu de la nuit, mais même ça, c'était amusant, comme dans un film de potes (rires).
Lorsque j'ai discuté avec l'IA, elle m'a guidé tout au long du processus d'inscription de comptes pour des plateformes comme GitHub et Cloudflare, et m'a même fourni des liens directs vers les sites officiels, ce qui m'a permis de créer les comptes en un rien de temps.
3. Le prochain mur d'enceinte : les concepteurs s'aventurent dans l'abîme de la sécurité
Grâce à l'aide de Claude, j'ai pu obtenir le jouet (application) parfait, celui qui correspond à « mon idéal » en termes d'apparence et de mouvement.
...Cependant, un nouveau problème se pose ici.
En utilisant quotidiennement ce tableau de bord, j'ai soudain repris mes esprits. « Attendez, cette application contient des informations sur mon état de santé réel, mes données quotidiennes sur mes médicaments, le budget récent de mon foyer et l'historique de mes moments de relâchement ! »C'est un lieu où la vie privée est exposée à tous les regards.« Zo », dit-il.
Pour l'instant, j'ai configuré un simple code PIN pour verrouiller l'écran, à titre provisoire, mais pour être honnête, je suis complètement novice en matière de sécurité. Avec cette configuration, basée uniquement sur mes connaissances et celles de l'IA, je ne peux m'empêcher de ressentir une certaine appréhension à l'idée de lui confier des données importantes.
En tant que designer, je crée des « expériences confortables », et c'est précisément pourquoi je suis soucieux du principe fondamental d'« absence totale de fuites ou de brèches ».Le sentiment de sécurité est également un élément important.Cela devrait être le cas.
« Je veux absolument pouvoir déverrouiller mon téléphone de manière sûre et intelligente grâce à la reconnaissance faciale de mon smartphone ou aux dernières applications Passkey ! »
C'est ce que je pensais, mais la sécurité est un domaine très spécialisé et difficile à maîtriser.
Cela dépasse mes capacités...
Je souhaiterais en discuter avec les ingénieurs et procéder avec prudence.
À terme, j'aimerais mettre en place un outil de gestion du budget familial qui enregistre automatiquement les transactions simplement en téléchargeant l'historique d'utilisation des cartes de crédit, mais je suspends ce projet pour le moment en raison de problèmes de sécurité.
résumé
Les outils sont prêts. Maintenant, créons la tranquillité d'esprit !
Des idées que je gardais en tête faute de connaissances en développement ont pris vie grâce à mon incroyable partenaire, l'IA, et sont devenues de véritables outils qui transforment mon quotidien. J'ai cessé de me culpabiliser de ne pas être parfait et, moyennant un petit « impôt sur la procrastination », je peux recommencer autant de fois que je le souhaite. Grâce à ce système intuitif, même moi, qui avais l'habitude d'abandonner au bout de trois jours, je peux désormais l'intégrer facilement à ma routine quotidienne.
Cependant, plus une chose devient pratique, plus la responsabilité de la protéger est grande.
Bien que cela ne soit pas mentionné dans cet article, nous ajoutons progressivement des fonctionnalités telles que les notifications et la gestion du budget familial.
Cependant, la gestion du budget familial et les fonctionnalités similaires doivent être traitées avec soin du point de vue de la sécurité, c'est pourquoi nous travaillons encore dessus dans l'environnement de développement.
Alors, restez à l'affût de la prochaine mise à jour !
La conception de l'interface utilisateur est mise à jour quotidiennement ! Je réfléchis également à la manière d'intégrer l'accessibilité dans la conception de l'interface utilisateur. J'ai délaissé le balisage ces derniers temps et je me demande : « Devrais-je aussi améliorer mes compétences en JS ? » J'adore Kitamura Takumi !
Hashi
Conceptrice web / Arrivée en 2018 / Kokoro est encore une conceptrice en devenir