Réponse rapide : Lorsque Apple a introduit les icônes teintables à l'échelle du système et imposé les widgets en mode sombre, les outils de suivi de l'humeur traditionnels ont perdu leur principal outil visuel : les émotions codées par couleur (comme le rouge pour la colère ou le vert pour le calme). Chez ViviDiary, nous avons repensé l'icône de notre application et nos widgets iOS pour nous appuyer sur les canaux alpha, le contraste et les silhouettes d'emojis plutôt que sur des couleurs fixes. Cela garantit que notre enregistrement de l'humeur en 3 secondes reste intuitif, quelle que soit la teinte personnalisée appliquée par l'utilisateur sur son écran d'accueil.
Pendant des années, l'industrie du suivi de l'humeur s'est appuyée sur un langage visuel partagé et tacite. Le vert signifie bien. Le rouge signifie mal. Le jaune se situe quelque part entre les deux. Si vous regardez les grilles populaires "Year in Pixels", vous regardez essentiellement un feu de signalisation des émotions humaines.
Mais que se passe-t-il lorsque le système d'exploitation supprime ces couleurs ?
Avec l'introduction de la personnalisation au niveau du système d'exploitation — en particulier les icônes d'application teintables et les widgets en mode sombre monochromatique imposés — notre dépendance à la couleur est devenue un handicap majeur en matière d'expérience utilisateur. Si un utilisateur teintait son écran d'accueil en violet, notre rouge « Difficile » et notre vert « Super » soigneusement sélectionnés se transformaient tous deux en nuances de violet identiques. L'interface était brisée.
Voici l'histoire de la façon dont nous avons supprimé les humeurs codées par couleur, ce que nous avons construit à la place, et pourquoi le fait de supprimer la couleur a en réalité fait de ViviDiary un produit plus empathique.
La béquille du code couleur dans le suivi de l'humeur
Lorsque nous avons créé ViviDiary, nous nous sommes appuyés sur la couleur parce que c'était facile. C'est un raccourci cognitif. Vous n'avez pas besoin de lire une étiquette si un bouton vert géant vous fait face.
Cependant, le codage couleur des émotions a toujours comporté un bagage caché.
Premièrement, c'est intrinsèquement moralisateur. Peindre une journée « Difficile » en rouge éclatant signale implicitement un échec, déclenchant un sentiment subtil de culpabilité. ViviDiary est conçu pour vous accompagner, pas pour agir comme un coach exigeant. Nous évitons explicitement les séries sous pression, les pourcentages d'achèvement ou les notifications de culpabilité du type « vous avez manqué aujourd'hui ». Pourtant, notre palette de couleurs introduisait accidentellement cette pression précise.
Deuxièmement, cela ne s'adapte pas bien à la modularité. Nous proposons un système d'humeur basé sur des noms à 5 niveaux (Super, Bien, Correct, Bas, Difficile). Mais nous permettons également aux utilisateurs d'activer des modules d'emojis manuels 22 et des catégories automatiques HealthKit 4. Essayer de maintenir une signification sémantique des couleurs sur une échelle standard de 5 emojis tout en intégrant des modules utilisateur personnalisés a transformé notre interface en un arc-en-ciel chaotique.
Lorsque Apple a annoncé les icônes teintables, nous avons réalisé que la couleur était une béquille dont nous devions nous débarrasser.
Concevoir pour les icônes teintables iOS 27
Pour survivre dans un environnement monochromatique teinté par l'utilisateur, nous avons dû repenser fondamentalement notre architecture visuelle. Nous ne pouvions plus compter sur la teinte ; nous devions compter sur la forme, le contraste et la typographie.
Le changement de canal alpha
Dans notre environnement React Native et Expo, nous avons révisé notre pipeline d'actifs. Pour la conception de l'icône de notre application iOS 27, nous avons abandonné les PNG plats et colorés. Au lieu de cela, nous avons reconstruit notre iconographie principale en utilisant des masques alpha.
Lorsque le système d'exploitation applique une teinte, il examine essentiellement le canal alpha (transparence) pour déterminer où appliquer la couleur choisie par l'utilisateur et où laisser l'arrière-plan en noir ou gris foncé. Si votre icône repose sur un arrière-plan blanc avec un smiley jaune, une teinte bleue du système d'exploitation transforme le tout en un carré bleu boueux et illisible.
Nous avons repensé nos indicateurs d'humeur à 5 niveaux pour qu'ils soient instantanément reconnaissables par leur silhouette et leur expression uniquement. Une humeur « Super » est définie par la courbe spécifique du sourire et les yeux ouverts, et non par le fait d'être verte. Une humeur « Difficile » est définie par la ligne sourcilière lourde et la courbe descendante, et non par le fait d'être rouge.
Faire évoluer l'interface utilisateur d'enregistrement des emojis
Parce que ViviDiary est modulaire — les nouveaux utilisateurs commencent uniquement avec le module Humeur activé et tout le reste désactivé — l'interface utilisateur d'enregistrement des emojis est le principal moyen par lequel les utilisateurs interagissent avec l'application.
Nous sommes passés à un système de conception à contraste élevé et axé sur les formes. Lorsqu'un utilisateur ouvre l'application (ou un widget), les états actifs sont désormais indiqués par l'opacité, l'échelle et un retour haptique subtil plutôt que par un changement de couleur. Cela s'intègre parfaitement à nos futures fonctionnalités d'enregistrement de l'humeur Genmoji, garantissant que les formes générées par les utilisateurs restent lisibles quel que soit le thème de l'interface utilisateur environnante.
Ce que nous avons rejeté : L'approche « Forcer l'original »
Avant de nous engager dans la refonte axée sur les formes, nous avons exploré deux autres voies. Nous avons rejeté les deux.
Alternative 1 : Forcer les couleurs originales L'API d'Apple permet techniquement aux développeurs de refuser la teinte des widgets dans certains contextes, forçant le widget à s'afficher dans ses couleurs originales, quels que soient les paramètres de l'écran d'accueil de l'utilisateur.
Nous avons testé cela en interne. Le résultat était terrible. Si un utilisateur passe du temps à organiser un écran d'accueil élégant, en mode sombre et monochromatique, forcer un widget multicolore et lumineux au milieu de celui-ci semble arrogant. Cela crie : « Notre marque est plus importante que vos préférences. » Nous avons abandonné cette idée en moins d'une semaine.
Alternative 2 : Abandonner les widgets interactifs Nous avons brièvement envisagé de supprimer complètement l'enregistrement de l'humeur des widgets, reléguant les widgets à des outils purement observationnels (comme l'affichage de vos modèles de miroir hebdomadaires). Nous avions déjà supprimé notre widget complexe par le passé lorsqu'il était devenu trop lourd.
Cependant, notre promesse principale est un temps d'enregistrement inférieur à 30 seconde. Forcer les utilisateurs à ouvrir l'application à chaque fois qu'ils souhaitaient enregistrer une humeur ajoutait de la friction. Nous avions besoin que les widgets soient interactifs, ce qui signifiait que nous devions résoudre le problème de conception, et non le fuir.
Adapter les widgets en mode sombre pour un enregistrement en 3 seconde
Pour obtenir une véritable conception d'icônes teintables en mode sombre pour les outils de suivi de l'humeur, nous nous sommes fortement concentrés sur l'expérience du widget.
Lorsqu'un utilisateur interagit avec notre widget, il est généralement pressé. Il veut appuyer sur « Bien », sélectionner un emoji pour « Famille » et passer à autre chose.
- Couche de base : Noirs profonds et véritables (#000000) pour les écrans OLED afin d'économiser la batterie et de réduire la fatigue oculaire.
- Couche de conteneur : Surfaces semi-transparentes grises/teintées pour regrouper les modules associés (comme Routines vs. Tâches).
- Couche d'action : Iconographie blanche ou vivement teintée à contraste élevé pour les éléments interactifs.
En supprimant le codage couleur, nous avons en fait amélioré la vitesse de notre enregistrement de l'humeur basé sur les gestes. Les utilisateurs n'avaient plus à analyser des couleurs concurrentes ; leurs yeux étaient immédiatement attirés par les éléments à plus fort contraste sur l'écran — les formes des humeurs elles-mêmes.
Synchronisation cloud, confidentialité et architecture des widgets
Lorsque vous créez des widgets interactifs qui contournent l'interface principale de l'application, l'architecture des données et la confidentialité deviennent des conversations critiques.
Je veux être totalement transparent sur la façon dont ViviDiary gère ces données, car il y a beaucoup de marketing trompeur dans l'espace du journal intime en ce moment. Nous protégeons votre vie privée grâce à une stricte minimisation des données et en désidentifiant votre texte avant tout traitement par IA.
Pour ViviDiary, c'est faux. Nous utilisons le stockage cloud avec une désidentification stricte pour notre architecture principale, et nous ne prétendons pas le contraire.
ViviDiary est stocké dans le cloud via Supabase. Lorsque vous appuyez sur une humeur sur un widget teinté, ces données sont synchronisées en toute sécurité avec le cloud. Notre approche axée sur la confidentialité ne consiste pas à piéger les données sur votre téléphone ; elle repose sur une minimisation et une désidentification strictes des données.
Nous ne collectons que ce que vous choisissez de nous donner. Parce que l'application est modulaire, si vous n'avez activé que le module Humeur, c'est le seul point de données synchronisé.
De plus, si vous choisissez d'utiliser notre IA — qui est purement un outil de support optionnel pour les jours où vous souhaitez enregistrer plus en profondeur, jamais une exigence fondamentale — le texte de votre journal est complètement désidentifié avant tout traitement externe ou par IA. L'IA n'enregistre ni ne confirme rien sans votre examen explicite. Nous protégeons votre vie privée en anonymisant les données avant qu'elles ne soient traitées, combiné à une sécurité cloud robuste et à une minimisation stricte des données.
Les données : Comment l'expérience utilisateur basée sur les formes a impacté la rétention
Chaque fois que vous supprimez un élément visuel central comme la couleur, vous risquez de dérouter votre base d'utilisateurs. Nous avons déployé l'interface utilisateur basée sur les formes et adaptée aux teintes auprès d'une cohorte de 10,000 utilisateurs (couvrant à la fois notre niveau gratuit et nos abonnés Premium à $2.99/mois) pour mesurer l'impact.
Les résultats nous ont surpris.
* Vitesse d'enregistrement : Le temps d'enregistrement moyen est resté stable à 24 secondes. L'absence de couleur n'a pas ralenti les utilisateurs.
* Engagement avec les widgets : L'enregistrement via les widgets a augmenté de 18%. Les utilisateurs qui ont appliqué des teintes personnalisées à leurs écrans d'accueil étaient nettement plus susceptibles de conserver notre widget installé maintenant qu'il correspondait à leur esthétique.
* Commentaires qualitatifs : Lors des entretiens avec les utilisateurs, 7/10 utilisateurs ont déclaré que la nouvelle interface semblait « plus calme » et « moins exigeante ».
Ce dernier point est crucial. En supprimant le système de feu de signalisation rouge/vert, nous avons accidentellement créé une expérience visuellement plus adaptative.
Les utilisateurs nous ont dit qu'enregistrer une journée « Difficile » semblait moins punitif quand elle ne brillait pas d'un rouge colérique. Cela s'alignait parfaitement avec notre philosophie pour notre module Focus (Routines + Tâches). Une routine dans ViviDiary est juste quelque chose que vous voulez remarquer et maintenir — elle garde un compte personnel doux, jamais une série sous pression. Supprimer les états d'échec codés par couleur de l'interface utilisateur a renforcé ce ton chaleureux et non prescriptif dans toute l'application.
Et ensuite
La suppression des humeurs codées par couleur a été imposée par les mises à jour du système d'exploitation, mais elle a abouti à un meilleur produit. Cela nous a forcés à nous appuyer sur une typographie forte, une iconographie claire et un contraste élevé.
Ensuite, nous examinons comment apporter cette même philosophie basée sur les formes à notre fonctionnalité hebdomadaire Miroir. Actuellement, Miroir s'appuie sur les relations de données pour vous aider à découvrir des modèles (par exemple, « Vous enregistrez souvent 'Bien' lorsque vous marquez 'Lecture' »). Nous explorons comment visualiser ces modèles sans dépendre de graphiques à barres colorés, en gardant l'interface aussi calme et neutre que l'expérience d'enregistrement elle-même.
La couleur est un outil puissant dans la conception. Mais parfois, la supprimer est le meilleur moyen de laisser transparaître les émotions réelles de l'utilisateur.
