Daily UI #019「Leaderboard」ランキング
こんにちはゆうきです!
19日目のお題は「Leaderboard」ということでランキングのUIデザインを作成しましたので、まとめました。
制作の流れ
ランキング画面を調査
SNSにおけるランキング画面を調査するためコスプレアプリ「コスらぼ」と口コミ投稿アプリ「LIPS」のランキングのデザインを調査しました。


SNSのランキングではいいね数やフォロワー数などの数字が具体的に表示されることやランキングの上位者が1日ごとに常に入れ替わることが特徴だと思います。
ランキングに入るために活動している人もいると思いますが、そこを差別化することで純粋に活動しているユーザーも公平に評価することでアプリの離脱者を防いでいることも考えられます。
今回ペルソナは設定していないので、デザインに入ります。
UIデザインを作成

ランキングカテゴリ
CosComiでは
- ユーザー
- 衣装や造形、ウィッグなど(クリエイト)
- 有益な記事
以上の3点のランキングを想定してデザインしました。
幅広い観点からユーザーがアプリを利用して、公平に評価されるように複数のランキング項目を設定しています。

ランキング内容
ユーザーランキングでは「いいね数」ブログ記事の「ブックマーク数」「信頼貯金」で評価するようになっています。
信頼貯金とは?
私が利用しているオンラインコミュニティ「リベシティ」にある機能で、
ユーザ同士でクライアントワークなどの取引を行った時の勲章として付与される「ユニコーン」というものがあります。
その数が多いほど、多くのユーザーから信頼を得るような仕事をしてくれる人という証になるので、依頼がさらに増えるという好循環が生まれるようになっています。
その機能を模倣して、CosComiではオーダーメイドなどのスキルマーケットを想定しており、案件をこなした人に信頼貯金を与えることを想定しています。
ユーザーからの信頼も含めた総合的な評価でユーザーランキングを決めるようにしています。

まとめ
今回のデザインのまとめです。
- SNSの場合はアプリからの離脱者を防ぐためにランキング上位者は常に入れ替える
- ユーザーが楽しめるようなランキング構造を考える
ランキングを用いると承認欲求から行動するユーザーもいますが、そのためにSNSに時間を費やすことはあまり良しとしないので、自分が当たり前にしていることで自然と評価されることも必要だと思いました。
最後までご覧いただきありがとうございました!