§12-04Engagement
リーダーボード
利用者をスコア順に並べて競争を促す。
他の参加者との位置関係が分かり、継続や挑戦の動機になる。学習や運動など、達成が数値化できる活動で使う。
実装のポイント
全員分を並べるより上位数件と自分の前後を表示すると下位ユーザーの意欲を保てる。自分の行は色だけでなく「(あなた)」のようにテキストでも示す。
- 特徴
- CSS のみ
§12-04Engagement
利用者をスコア順に並べて競争を促す。
他の参加者との位置関係が分かり、継続や挑戦の動機になる。学習や運動など、達成が数値化できる活動で使う。
全員分を並べるより上位数件と自分の前後を表示すると下位ユーザーの意欲を保てる。自分の行は色だけでなく「(あなた)」のようにテキストでも示す。