ユーザープロフィールで「...」の代わりに「およびXY他のグループ」を表示

UX
,
1

コミュニティ内で、全ユーザーの全グループのリストの検出可能性が非常に悪いことがわかりました。「…」のリンクは簡単に見落とされます。特に視認性の低いユーザーにとっては、見落としやすい可能性があります。

このリンクに、より明確なラベルを追加することは可能でしょうか？

「いいね！」 4
2

「XY」というカウントを取得するには、より高度なコーディングが必要になるかもしれませんが、このカスタムCSSを追加することで状況が改善されるはずです。

dd.groups:last-child > a::after {
  content: 'and more';
}

group_css

このCSSをサイト全体で徹底的にテストしたわけではありませんが、スポットチェックではプロフィールページのグループリンクにのみ作用するようです。もし不適切な場所に表示された場合は、お知らせください。

（また、...の発見可能性があまり高くないことには同意します。コアにこのような変更があれば歓迎です。）

「いいね！」 1
3

ドットを削除せずにそのままにしても、「その他」と書くだけでも改善されるでしょう。

これらは、ローカライゼーションメッセージの一部ではなく、ハードコードされているようです。

「いいね！」 1
4

これでどうでしょうか？

  • まず、最後に名前が付いたリンクの後にコンマを追加します。
  • 次に、「…」を非表示にします。
  • 次に、「and more」テキストを挿入します。これは、「…」のスペースが技術的にはまだそこにあるため、少し後ろにずらします。
  • （他の場所での潜在的な競合を回避するために、より具体的なセレクターも追加しました）
.user-main .about .secondary dd.groups span:last-of-type::after {
  content: ",";
}

.user-main .about .secondary dd.groups:last-child > a {
  visibility: hidden;
}


.user-main .about .secondary dd.groups:last-child > a::after {
  visibility: visible;
  margin-left: -.8rem;
  content: "and more";
}

image

「…」をフローから完全に削除する、より洗練された方法があるかもしれませんが、負のマージンはうまく機能するようです。

「いいね！」 1