Expérience de redesign de Usercard

Aujourd’hui, nous avons installé une nouvelle version de la carte utilisateur sur les forums meta. Nous le faisons pour recueillir vos commentaires et voir ce qui fonctionne / ne fonctionne pas.

Nouvelle version

Mises à jour

  • Arrière-plan de l’en-tête utilisateur
    • Nous avons déplacé l’arrière-plan utilisateur pour en faire une image d’en-tête, par opposition à une image d’arrière-plan de la carte.
    • si un utilisateur n’a pas d’image d’arrière-plan définie, nous utilisons les couleurs de son avatar pour créer l’image d’en-tête
    • déplacer les badges dans la zone de l’image “bannière” en haut de la nouvelle carte utilisateur
    • déplacer également la localisation de l’utilisateur dans l’image “bannière”
  • Statistiques utilisateur relookées
  • déplacé le statut utilisateur vers une icône d’avatar, au lieu de la description complète
  • déplacé les boutons d’action en bas de la carte
  • Permettre à la localisation de lier vers Google Maps ou Open Street Maps

Ancienne version pour référence


Comme pour toute expérience, je suppose que certains problèmes pourraient survenir avec cette nouvelle carte utilisateur.

Veuillez utiliser ce sujet pour signaler les bugs visuels / fonctionnels, ainsi que vos opinions sur la carte elle-même.

Juste pour information, au fur et à mesure que les bugs seront corrigés, je supprimerai le message qui a signalé le bug afin de réduire la quantité de contenu à trier :smile:

Utilisez-la sur votre propre forum

Comme mentionné ci-dessus, il s’agit encore d’une expérience. Nous ne prévoyons pas de la prendre en charge à long terme en tant que composant de thème, car l’objectif à long terme est de l’intégrer au cœur en tant que nouvelle carte utilisateur. Cela étant dit, si vous souhaitez l’utiliser sur votre forum maintenant, vous pouvez le faire en l’installant via → GitHub - discourse/experimental-usercard

55 « J'aime »

Je me demande juste…

Si à propos de moi est inutile, pourquoi les points, le temps de lecture et la chose la plus étrange :wink: , le jour de mon gâteau, sont-ils dignes d’être montrés ?

Edit : à propos de moi est visible ici, mais pas sur mon forum… encore plus étrange.

6 « J'aime »

Je suis d’accord que le jour du gâteau est un concept étrange dans le discours. Je préférais « Membre depuis… »

Mais toutes ces informations sont utiles pour porter un jugement sur la personne à laquelle vous avez affaire.

8 « J'aime »

Wow, ça a l’air super ! :slight_smile:

J’ai juste quelques petits détails avec le plugin Locations :

  • L’emplacement est affiché une ligne sous l’épingle.
  • Je vois également deux URL de site web dans une disposition différente. C’était aussi le cas il y a quelques semaines et cela avait été corrigé par @merefield - mais sur l’ancienne carte utilisateur, il y avait deux sites web et pas d’emplacement.
7 « J'aime »

Il serait peut-être judicieux de donner aux utilisateurs la possibilité de télécharger des images distinctes pour le mode sombre, comme nous le faisons pour les catégories, etc.

4 « J'aime »

Pouvons-nous essayer de supprimer la couleur d’arrière-plan de l’élément image pour l’avatar ? Les avatars des personnes qui se sont donné la peine d’utiliser des PNG transparents pour l’arrière-plan ont maintenant un aspect moins bon.

L’image d’arrière-plan / d’en-tête sur la carte utilisateur fait moins de la moitié de la hauteur que nous avions auparavant, je me demande si nous pourrions lui en donner un peu plus :thinking:

Dans l’ensemble, excellent travail, ça a l’air très soigné.

9 « J'aime »

Sur les thèmes avec des polices, l’expérience de la carte utilisateur n’a pas la police sur la carte utilisateur, comme Minima.
Exemple :

8 « J'aime »

Super d’avoir une refonte en préparation ! :star2:

Une chose que j’aimerais voir différente, c’est l’en-tête. Je dirais même que je le trouve un peu triste en ce moment :

image

Mettre une image d’arrière-plan ne semble pas très original et ne soutient pas les fonctionnalités communautaires. Le tag de localisation ressemble un peu à celui d’un fichier. Et les badges sont minimisés et mis dans un coin.

J’adore les badges et, d’après mon expérience, de nombreux community managers aiment faire preuve de créativité autour des badges. J’aimerais que les badges soient plus mis en valeur, plutôt que minimisés sur les nouvelles cartes ! Vous savez, quelque chose comme ça :

18 « J'aime »

Je pense que quelque chose comme ceci pourrait plutôt être un paramètre, je préfère personnellement seulement 3.

3 « J'aime »

Cela vaut peut-être la peine d’ajouter du CSS personnalisé à votre site pour résoudre ce problème. Comme il ne s’agit pas d’un plugin Discourse officiel, je ne suis pas sûr d’ajouter du CSS pour le prendre en charge, car il sera probablement intégré au cœur du système à terme.

1 « J'aime »

Je suis désolé d’être négatif, surtout que je n’ai pas beaucoup de suggestions d’amélioration, mais honnêtement, ma première impression a été de dire littéralement « beurk, oh beurk, est-ce un bug ? ». Cela ne veut pas dire que j’ai raison, cela ne veut pas dire que ce n’est pas une amélioration pour tout le monde, mais pour moi, les anciennes cartes utilisateur étaient vraiment agréables et simples et quelque chose que je n’aurais pas changé.

Peut-être que je m’y habituerai ?

Points clés :

  1. Les badges sont super utiles à des fins de qualification et devraient figurer sur les cartes utilisateur – Rien ne dit « C’est qui je suis… » mieux que « J’ai fait ces types de contributions jusqu’à présent ». Je suppose qu’ils sont maintenant en haut à droite, mais je ne l’ai découvert qu’après avoir examiné plusieurs cartes utilisateur.
  2. Les boîtes de style tag pour « posté », « félicitations », « solutions », etc. attirent beaucoup trop mon attention. Peut-être est-ce aussi la police en gras ? J’aimais la subtilité de ces informations dans la carte utilisateur précédente. Pourquoi ? Parce que cela ne m’intéresse pas vraiment.
  3. L’aspect anniversaire (cakeday) entre également dans la catégorie « je m’en fiche ». C’est amusant et agréable, mais quand je veux en savoir plus sur un utilisateur, est-ce vraiment l’une des quatre choses les plus importantes que je veuille savoir à son sujet ? Probablement pas.

Je permuterais l’anniversaire en haut à droite et déplacerais les badges pour qu’ils forment une ou deux rangées complètes, avec le nom complet développé des badges mis en avant. La plupart des utilisateurs ne sauront pas ce que signifient les icônes et auront besoin d’une élaboration textuelle. Cela fait davantage la publicité des badges disponibles, suscitant la curiosité de certains utilisateurs à contribuer davantage s’ils souhaitent obtenir un badge particulier qu’ils voient sur la carte utilisateur de quelqu’un d’autre.

6 « J'aime »

Je sais que les problèmes que je rencontre sont causés par le plugin Locations. La raison pour laquelle j’ai soulevé ce point ici est que ce plugin semble très courant. De plus, je dirais que les ajustements CSS ou de code doivent être effectués dans le plugin et non dans le cœur de Discourse, du moins principalement. Et j’espère que les personnes qui maintiennent le plugin Locations examineront cela. Et pour être honnête, si la nouvelle carte utilisateur devient un élément central, elles devront plus ou moins le faire. :wink:

Je voulais juste aborder les problèmes que je rencontre ici dans ce sujet pour tout le monde.

3 « J'aime »

J’ai juste trouvé quelques autres petits problèmes avec ça, cette fois avec l’animation de scintillement.
Tout d’abord, ils sont tous sur des cycles différents. Mieux visible si vous vous déconnectez du wifi puis cliquez sur une carte :

Et aussi, ça s’arrête trop tôt :

L’image ne s’est pas encore chargée et l’animation s’est arrêtée.

2 « J'aime »

Je vois maintenant les noms des badges au survol !

Je pense que ce serait bien que les utilisateurs puissent configurer ce qui est affiché, comme la date de connexion, la dernière fois vu, etc., comme dans la barre latérale.

2 « J'aime »

J’aime une approche plus minimaliste, et il reste une question principale sans réponse directe :

Le concept des cartes utilisateur est-il juste un élément décoratif sans but réel ? Je pense que la plupart des utilisateurs l’utilisent juste pour envoyer un message privé ou ouvrir un canal de discussion. Alors… devrions-nous le simplifier davantage au lieu d’augmenter les éléments visibles rapidement ?

Les besoins des administrateurs/modérateurs sont un terrain de jeu totalement différent.

6 « J'aime »

Il pourrait également être agréable de combiner les détails principaux de l’utilisateur en un seul endroit plutôt qu’à divers endroits sur la carte :

Si cela fait l’objet d’une refonte, je pense que ce serait une bonne occasion de supprimer les informations sur le niveau de confiance des badges. Ce ne sont pas des badges mais une appartenance à un groupe, indiquant l’autorité et les droits d’accès sur le forum.

5 « J'aime »

Je ne suis pas sûr de ce qui se passe, mais ça a l’air horrible sur mon site. Il manque beaucoup d’informations. J’ai essayé sans aucun autre CSS, et voici à quoi ça ressemble. Peut-être un conflit de plugin, ou autre chose ?

Nouveau :

Ancien :

6 « J'aime »

Quelque chose ne va pas, pouvez-vous essayer en mode sans échec, peut-être que votre thème ajoute également des modifications ?

5 « J'aime »

C’est un plugin officiel qui cause le problème, je ne sais pas lequel. J’ai d’abord désactivé les non officiels et l’apparence était la même, mais en désactivant tout, cela a fonctionné. Voici l’erreur dans la console :

Edit : Tous mes plugins officiels

          - git clone https://github.com/discourse/discourse-chat.git
          - git clone https://github.com/discourse/discourse-user-notes.git
          - git clone https://github.com/discourse/discourse-reactions.git
          - git clone https://github.com/discourse/discourse-calendar.git
          - git clone https://github.com/discourse/discourse-adplugin.git
          - git clone https://github.com/discourse/discourse-whos-online.git
          - git clone https://github.com/discourse/discourse-canned-replies.git
          - git clone https://github.com/discourse/discourse-follow.git
          - git clone https://github.com/discourse/discourse-push-notifications.git
          - git clone https://github.com/discourse/discourse-gamification.git
          - git clone https://github.com/discourse/discourse-templates.git
          - git clone https://github.com/discourse/discourse-automation.git
          - git clone https://github.com/discourse/discourse-fontawesome-pro.git --branch fa5
          - git clone https://github.com/discourse/discourse-spoiler-alert.git
          - git clone https://github.com/discourse/discourse-data-explorer.git
6 « J'aime »