# Expérience de redesign de Usercard
**URL:** https://meta.discourse.org/t/usercard-redesign-experiment/254353
**Category:** Feature
**Tags:** completed, user-card
**Created:** [Février 7, 2023, 4:08 UTC](https://meta.discourse.org/t/usercard-redesign-experiment/254353 "2023-02-07T16:08:54Z")
**Posts on this page:** 20
**Page:** 3
### Author:  [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [Février 17, 2023, 10:29 UTC](https://meta.discourse.org/t/usercard-redesign-experiment/254353/78 "2023-02-17T10:29:59Z")
> [@mattdm](#):
>
> - L’arrière-plan généré à partir de mon avatar est… plutôt hideux, n’est-ce pas ?
Discord fait une chose intéressante pour la bannière par défaut de la carte utilisateur. Ils utilisent la couleur plate moyenne de l’avatar de l’utilisateur.
Exemple :
En utilisant [Get Average Color of Image](https://matkl.github.io/average-color/) :
---
### Author:  [@twofoursixeight](https://meta.discourse.org/u/twofoursixeight)
#### Post date: [Février 17, 2023, 5:16 UTC](https://meta.discourse.org/t/usercard-redesign-experiment/254353/79 "2023-02-17T17:16:48Z")
Voici mon exemple de ceci :
Ils ne sont cependant pas identiques.
Mise à jour : J’ai touché une couleur prédéfinie, ce qui a entraîné une différence de couleurs. (mes excuses)
---
### Author:  [@mattdm](https://meta.discourse.org/u/mattdm)
#### Post date: [Février 17, 2023, 6:01 UTC](https://meta.discourse.org/t/usercard-redesign-experiment/254353/80 "2023-02-17T18:01:31Z")
Hmm. Je ne suis pas sûr de ce qui se passe. Je m’attendais à plus de bleu !
---
### Author:  [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [Février 17, 2023, 6:11 UTC](https://meta.discourse.org/t/usercard-redesign-experiment/254353/81 "2023-02-17T18:11:40Z")
> [@Canapin](#):
>
> Discord fait une chose intéressante pour la bannière par défaut de la carte utilisateur. Ils utilisent la couleur plate moyenne de l’avatar de l’utilisateur.
Pour information, Discourse fait quelque chose de similaire : dans les aperçus de la liste des sujets, bien qu’il utilise la « couleur dominante » et non la « couleur moyenne ».
Je soupçonne que la couleur dominante donnera de meilleurs résultats.
---
### Author:  [@nathank](https://meta.discourse.org/u/nathank)
#### Post date: [Février 24, 2023, 7:15 UTC](https://meta.discourse.org/t/usercard-redesign-experiment/254353/82 "2023-02-24T19:15:16Z")
Ce bug est-il traité dans le cadre de cette refonte ?
> [@When a watched-word-link is in a user field, it is changed to the HTML link (and it looks terrible)](https://meta.discourse.org/t/when-a-watched-word-link-is-in-a-user-field-it-is-changed-to-the-html-link-and-it-looks-terrible/234460):
>
> When a user puts a watched word into a user field, strange things happen. This is an example using the User Field Employer(s), and having Te Whatu Ora as a watched word link. Baseline: [image] Changed field to Te Whatu Ora: It also changed the field itself: [image] Suggestion That watched-words-links are modified so that they do not apply to user\_fields. Not sure about other watched words (didn’t test them).
Je sais que c’est un peu en amont de la carte utilisateur, mais cela pose un problème important sur les cartes utilisateur lorsqu’elles entrent en conflit avec les mots surveillés.
---
### Author:  [@nat](https://meta.discourse.org/u/nat)
#### Post date: [Mars 1, 2023, 4:09 UTC](https://meta.discourse.org/t/usercard-redesign-experiment/254353/83 "2023-03-01T04:09:16Z")
Pour clore la boucle Nathan :
> [@When a watched-word-link is in a user field, it is changed to the HTML link (and it looks terrible)](https://meta.discourse.org/t/when-a-watched-word-link-is-in-a-user-field-it-is-changed-to-the-html-link-and-it-looks-terrible/234460/39?u=nat):
>
> gift We’ve removed watch words link replacement for custom user fields, updating tests-passed would get you the update!
---
### Author:  [@AquaL1te](https://meta.discourse.org/u/AquaL1te)
#### Post date: [Mars 4, 2023, 8:51 UTC](https://meta.discourse.org/t/usercard-redesign-experiment/254353/84 "2023-03-04T08:51:49Z")
Ceci est ajouté dans la nouvelle mise à jour :
> Ajouter un lien vers Google Maps via les paramètres du site vers l’emplacement de l’utilisateur
Ce serait également formidable de prendre en charge OpenStreetMap.
---
### Author:  [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [Mars 6, 2023, 9:13 UTC](https://meta.discourse.org/t/usercard-redesign-experiment/254353/85 "2023-03-06T21:13:57Z")
Ceci est maintenant ajouté 😄 Vous pouvez maintenant choisir d’utiliser Google Maps ou OpenStreetMap dans les paramètres 👍
---
### Author:  [@Joseph\_Hansen](https://meta.discourse.org/u/Joseph_Hansen)
#### Post date: [Mars 6, 2023, 10:06 UTC](https://meta.discourse.org/t/usercard-redesign-experiment/254353/86 "2023-03-06T22:06:38Z")
Je pense que c’est une bonne refonte dans l’ensemble, mais je pense qu’il est important d’avoir des étiquettes pour les badges. Être capable de distinguer rapidement les badges ayant la même icône est vraiment important pour un aperçu rapide comme celui-ci. Par exemple, sans l’étiquette, vous ne pouvez pas dire si cette icône :
est un Lien Célèbre, une Super Réponse ou un Super Sujet (tels qu’ils sont configurés sur notre site, VMM). C’est encore pire pour la catégorie des badges “Pour commencer” - il y a 16 badges qui partagent exactement la même icône, avec des implications très différentes. Il est important pour moi, en tant que modérateur, de pouvoir voir quand quelqu’un a un badge pour avoir lu les directives, par exemple, mais avec cette nouvelle conception, ce badge ressemble aux 15 autres badges très différents (y compris des choses comme la première boîte de réponse et le nouvel utilisateur du mois).
---
### Author:  [@kynic](https://meta.discourse.org/u/kynic)
#### Post date: [Mars 7, 2023, 2:51 UTC](https://meta.discourse.org/t/usercard-redesign-experiment/254353/87 "2023-03-07T14:51:09Z")
Veuillez le rendre facultatif lorsque vous ajouterez cette nouvelle carte utilisateur au discourse. L’ancienne est bien **meilleure** que la nouvelle et sans parler du fait qu’elle ajoute une étrange couleur de fond à la carte qui est horrible. et elle n’affiche aucune information sur la carte utilisateur, aucune info là-bas.
Dans l’ensemble, je n’aime pas ça, donc je vous demanderais de ne pas forcer cela sur le discourse lorsque vous l’ajouterez au discourse.
---
### Author:  [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [Mars 7, 2023, 2:56 UTC](https://meta.discourse.org/t/usercard-redesign-experiment/254353/88 "2023-03-07T14:56:46Z")
Nous aimerions savoir ce que vous aimez dans l’ancien design !
> [@kynic](#):
>
> il n’affiche rien sur la carte utilisateur, aucune information là-bas.
Pourriez-vous développer ? Je vois des informations lorsque je clique sur votre carte et sur la mienne également.
---
### Author:  [@kynic](https://meta.discourse.org/u/kynic)
#### Post date: [Mars 7, 2023, 3:09 UTC](https://meta.discourse.org/t/usercard-redesign-experiment/254353/89 "2023-03-07T15:09:56Z")
> [@jordan.vidrine](#):
>
> 
Nouveau
---
### Author:  [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [Mars 7, 2023, 3:12 UTC](https://meta.discourse.org/t/usercard-redesign-experiment/254353/90 "2023-03-07T15:12:11Z")
L’utilisez-vous sur votre propre forum ?
---
### Author:  [@darkpixlz](https://meta.discourse.org/u/darkpixlz)
#### Post date: [Mars 8, 2023, 4:41 UTC](https://meta.discourse.org/t/usercard-redesign-experiment/254353/91 "2023-03-08T16:41:47Z")
> [@kynic](#):
>
> Nouveau
Cela ressemble à mon thème basé sur la transparence. Nous parlons depuis un moment maintenant de tous les problèmes que vous avez eus et je ne suis pas sûr de pouvoir encore vous aider longtemps, car les problèmes ne résident pas dans le thème lui-même, mais plutôt dans des incompatibilités que je n’arrive pas à trouver.
---
### Author:  [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [Mars 8, 2023, 5:17 UTC](https://meta.discourse.org/t/usercard-redesign-experiment/254353/92 "2023-03-08T17:17:44Z")
Y a-t-il des erreurs dans votre console ?
---
### Author:  [@kynic](https://meta.discourse.org/u/kynic)
#### Post date: [Mars 8, 2023, 6:02 UTC](https://meta.discourse.org/t/usercard-redesign-experiment/254353/93 "2023-03-08T18:02:32Z")
Je pensais que cela pourrait être un problème de compatibilité de thème.
> [@jordan.vidrine](#):
>
> Y a-t-il des erreurs dans votre console ?
Non.
Au fait, j’aimerais donner mon avis : la couleur de fond est désagréable quand elle reprend la même couleur que l’image de profil. il serait préférable de mettre une image de fond par défaut ou quelque chose d’autre qu’une couleur de profil en arrière-plan. et l’arrière-plan devrait être flouté comme ceci :
[ ](https://global.discourse-cdn.com/meta/optimized/4X/1/f/a/1fab029cf58cf6a0dd23773eb9ea3b2379ec5696_2_345x245.jpeg)
---
### Author:  [@darkpixlz](https://meta.discourse.org/u/darkpixlz)
#### Post date: [Mars 8, 2023, 6:40 UTC](https://meta.discourse.org/t/usercard-redesign-experiment/254353/94 "2023-03-08T18:40:29Z")
> [@kynic](#):
>
> et l’arrière-plan devrait être flouté comme ceci
personnellement, j’aime beaucoup. cela devrait être un paramètre au niveau du site car je vois que les gens n’aiment pas vraiment ça, mais je pense que c’est génial
> [@kynic](#):
>
> Je pensais que cela pourrait être un problème de compatibilité de thème.
ça marche pour moi :
---
### Author:  [@mattdm](https://meta.discourse.org/u/mattdm)
#### Post date: [Mars 8, 2023, 6:48 UTC](https://meta.discourse.org/t/usercard-redesign-experiment/254353/95 "2023-03-08T18:48:36Z")
Cela me tracasse un peu, alors après quelques recherches, j’ai trouvé :
> **[ColorFinder: Find the most prominent color in an image](https://pieroxy.net/blog/pages/color-finder/index.html)**
>
> Goal ColorFinder is designed to get an image as input and output an RGB triplet representing the dominant color in the image. You can pass a callback function to skew the algorithm toward colors you prefer (dark, light, saturated, etc.) so that those...
… qui, je pense, fait un bien meilleur travail à cet effet que de prendre la moyenne. Exemples des avatars des gens dans ce fil :
Code ici : [color-finder/src/colorfinder-1.1.js at master · pieroxy/color-finder · GitHub](https://github.com/pieroxy/color-finder/blob/master/src/colorfinder-1.1.js)
---
### Author:  [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [Mars 8, 2023, 7:53 UTC](https://meta.discourse.org/t/usercard-redesign-experiment/254353/96 "2023-03-08T19:53:28Z")
> [@mattdm](#):
>
> … ce qui, je pense, fait un bien meilleur travail à cette fin que de prendre la moyenne. Exemples d’avatars des personnes dans ce fil de discussion :
C’est mon intention de passer éventuellement à ce type de modèle. Le problème actuel est cependant qu’en raison de l’hébergement des images sur un CDN, ce genre de chose ne fonctionne pas.
> REMARQUE : En raison des restrictions de l’objet canvas, cela ne fonctionne que si l’image provient de votre propre domaine.
Nous avons quelque chose qui fait cela pour les images dans notre backend Rails, mais je ne peux pas y accéder via un composant de thème. Puisqu’il ne s’agit que d’une expérience pour l’instant, je pense que je vais attendre que ce soit plus facile à faire.
---
### Author:  [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [Mars 8, 2023, 8:12 UTC](https://meta.discourse.org/t/usercard-redesign-experiment/254353/97 "2023-03-08T20:12:49Z")
Je l’ai soulevé [plus tôt](https://meta.discourse.org/t/usercard-redesign-experiment/254353/81?u=merefield). Cela s’appelle la couleur dominante.
[Page précédente](https://meta.discourse.org/t/usercard-redesign-experiment/254353.md?page=2)
[Page suivante](https://meta.discourse.org/t/usercard-redesign-experiment/254353.md?page=4)