← Retour aux issues

Redesign des cartes lieu

publié le , mis à jour
Avatar Codeberg de laemlaem

Je testerais bien un design qui tranche avec les autres applis. Elles ont toutes un fond blanc.

On pourrait attribuer une couleur selon le type de lieu, ou qui suivrait l'image si existante, comme le fait deezer. Ces deux propositions sont exclusives.

Screenshot_20240227-234323_Fennec Screenshot_20240227-234614_Deezer Screenshot_20240227-234732_Deezer

L'algo de deezer est simple : dans un ensemble de n couleurs prédéfinies, trouves celle qui se rapproche le plus de la pochette du titre/album.

  1. Avatar Codeberg de laemlaem

    Voir aussi les fiches profil de phanpy.social

  2. Avatar Codeberg de laemlaem

    Ne pas oublier Apple maps évidemment image

  3. Avatar Codeberg de GhostGhost

    Quelques pistes (algo simulé : teinte principale de la première photo de couverture, et saturation/luminosité imposés)

    screencapture-2024-08-02-17 11 03@2x

    screencapture-2024-08-02-17 10 53@2x

  4. Avatar Codeberg de laemlaem

    Wouaw c'est très propre, merci ! Qu'en penses-tu ? Ça me donne envie d'essayer. Tu as l'algo de sélection de la couleur ?

  5. Avatar Codeberg de GhostGhost

    Yep : hsl(hue, 20%, 28%).

    C'est conforme au WCAG AAA (≥ 7.5) pour la totalité du spectre coloré (comme le reste de la maquette v1.2) 👍

    Tu peux constater ça ici en jouant avec le curseur teinte.

  6. Avatar Codeberg de GhostGhost

    Et dans le cas où une couleur ne peut pas être calculée, le thème par défaut pourrait proposer ceci (ici pour l'exemple, un lieu n'ayant pas de nom ni de photo) :

    screencapture-2024-08-04-18 03 17

  7. Avatar Codeberg de laemlaem

    @etienneJr ici ça parlait d'utiliser la couleur de la catégorie pour colorer le fond de la fiche lieu

  8. Avatar Codeberg de etienneJretienneJr

    @laem Ah ouais merci pour le poke, je ne connaissais pas ce ticket, c'est hyper canon !

    Je vois aussi que la présentation des tags et lieux proches est bcp plus classe, pourquoi ça n'a pas été mis en place à l'époque ?

  9. Avatar Codeberg de laemlaem

    Je vois aussi que la présentation des tags et lieux proches est bcp plus classe, pourquoi ça n'a pas été mis en place à l'époque ?

    Parce qu'il faut le coder, et ça implique de gérer le passage du design à la pratique :)

  10. Avatar Codeberg de etienneJretienneJr

    Ah ok c'était juste une maquette (je n'avais pas fait attention en consultant depuis mon tel). L'embêtant, c'est que pour tout ce qui est UI, je suis aussi nul en conception qu'en codage 😬. Tu connais pas quelqu'un qui pourrait nous aider là dessus ? Je regarde les captures juste au dessus sans me lasser, c'est vraiment tellement classe.

  11. Avatar Codeberg de laemlaem

    Le problème des maquettes de redesign, c'est que ça vient comme un bloc monolithique qu'il faut implémenter ligne par ligne. À l'inverse, vu le peu de ressources de dev qu'on a, il faut qu'on le fasse de façon agile : amélioration par amélioration. Les maquettes ont beaucoup de régressions par rapport à l'existant, dont on doit discuter à chaque ajout unitaire.

    Les pages lieu ont beaucoup évolué depuis ce ticket, même si on est loin des maquettes.


✏️ Participer à la discussion