本文へ移動

§12-04Engagement

リーダーボード

利用者をスコア順に並べて競争を促す。

他の参加者との位置関係が分かり、継続や挑戦の動機になる。学習や運動など、達成が数値化できる活動で使う。

実装のポイント

全員分を並べるより上位数件と自分の前後を表示すると下位ユーザーの意欲を保てる。自分の行は色だけでなく「(あなた)」のようにテキストでも示す。

特徴
  • CSS のみ

このパターンが効く目的