Moxxy UI: Rapport d'Avril 2024
08/05/2024 · 3 min
Ce mois d'avril a été très chargé, notamment du fait d'une alerte de cheval de Troie de Windows Defender qui m'a donné une bonne excuse pour effacer tout mon disque et passer sous Linux. Ce post sera donc court et sans grandes nouveautés.
L'un des points que je voulais retravailler était la couleur. L'interface me semblait globalement terne, et le bouton "Discussion" peu visible.
Le meilleur moyen de s'en rendre compte était de simuler des conditions réelles d'utilisation !
J'ai donc ajouté des photos de profil (de David Revoy), des notifications et des icônes.
![Simulation of the Home screen in use Simulation of the Home screen in use](../media/blog/2024-05_moxxy_home_simulation.webp)
Tout compte fait, ce n'est pas si terne !
J'en ai également profité pour rajouter la fonctionnalité de prévisualisation d'image créée par PapaTutuWawa.
![Closeup on the image preview feature Closeup on the image preview feature](../media/blog/2024-05_moxxy_img_preview.webp)
Concernant le bouton "Discussion", pour faire court, je me suis arraché les cheveux pendant des heures à cause d'une palette de couleurs mal générée par le Material Theme Builder. Le token primaryContainer qui est recommandé pour ce genre de boutons (un Floating Action Button) était vert flashy alors qu'en générant à nouveau la palette avec la même seed color, il est plus terne. Je ne sais pas si Google a changé le code entre le moment où j'avais généré la première palette et aujourd'hui, toujours est-il que la différence est flagrante.
![Material palette comparison Material palette comparison](../media/blog/2024-05_moxxy_palette_comparison.webp)
À gauche : la palette fausse / à droite : la palette corrigée
Par ailleurs j'ai essayé de rentrer la même seed color que celle du thème de mon téléphone Android dans le but de comprendre quels tokens les apps Google utilisaient dans quelles situations, mais les couleurs ne correspondaient pas.
Bref, c'est un grand bazar, mais au moins j'ai pu corriger ma palette de couleurs pour la suite.
Voici donc l'état actuel de l'écran principal en clair et en sombre.
![Light and dark theme Light and dark theme](../media/blog/2024-05_moxxy_light_and_dark.webp)
J'espère avoir davantage de temps le mois prochain pour faire autre chose que changer des couleurs. D'ici là, si vous avez des retours ou suggestions à faire sur l'UI, n'hésitez pas à me les adresser par XMPP, par mail ou en réponse sous le post Mastodon !
:^)