tag:crieit.net,2005:https://crieit.net/users/akahori_s/feed
Akahori@個人サービス開発の投稿 - Crieit
CrieitでユーザーAkahori@個人サービス開発による最近の投稿
2019-07-07T15:24:37+09:00
https://crieit.net/users/akahori_s/feed
tag:crieit.net,2005:PublicArticle/15209
2019-07-06T22:02:11+09:00
2019-07-07T15:24:37+09:00
https://crieit.net/posts/Web-5d209bd35120a
投稿型Webサービスのトップページに何を優先して表示するべきか調べてみた
<p>投稿型サイトは、個人開発でも作る方が多くおり、私も今作っているのが投稿型サイトなので、<br />
著名なサイトがトップページなど目立つ場所にどのようにコンテンツを表示しているか軽く調べてみました。</p>
<p>デスクトップではどれを優先しているか微妙な場合があるため、スマホのトップページに優先的に表示されているコンテンツを調べています。<br />
ヘッダーは除きます。<br />
タブの場合、左から順に優先度が高いものとします。<br />
iPhoneXサイズ画面で、調査は適当です。間違ってます。</p>
<p>修正履歴:2019/7/7 リストボックスとセレクトボックスを間違えていた脳の不具合を修正</p>
<div class="table-responsive"><table>
<thead>
<tr>
<th>サイト名</th>
<th>表示形式</th>
<th>一番目立つ場所</th>
<th>2番目に目立つ場所</th>
<th>コメント</th>
</tr>
</thead>
<tbody>
<tr>
<td>Crieit</td>
<td>タブ</td>
<td>人気記事1つ+最近の記事</td>
<td>全期間の記事ランキング</td>
<td>サービス説明が結構大きめ</td>
</tr>
<tr>
<td>Qiita</td>
<td>セレクトボックス+タブ</td>
<td>約2日間の人気記事</td>
<td>約2週間の人気記事</td>
<td>セレクトボックス(タイムライン、トレンド、…)の選択→タブの2段階切り替え</td>
</tr>
<tr>
<td>note</td>
<td>タブ</td>
<td>編集部のおすすめ記事</td>
<td>マガジン</td>
<td>めちゃタブある!</td>
</tr>
<tr>
<td>dev.to</td>
<td>セレクトボックス</td>
<td>約3日以内の人気記事</td>
<td>先週の人気記事</td>
<td>セレクトボックスっぽくなくタイトルのようなセレクトボックス</td>
</tr>
<tr>
<td>はてなブログ</td>
<td>切替なし、上から順に</td>
<td>約2日以内のおすすめ記事</td>
<td>カテゴリー毎のおすすめ記事</td>
<td>タブで切り替えたくなる</td>
</tr>
<tr>
<td>はてなブックマーク</td>
<td>タブ</td>
<td>約2日以内の人気ブックマーク</td>
<td>新着ブックマーク</td>
<td>タブ便利</td>
</tr>
<tr>
<td>アルファポリス</td>
<td>上から順に、ランキングはタブ</td>
<td>小説、漫画等のカテゴリアイコン選択</td>
<td>お知らせ、ランキングタブ、と続く</td>
<td>この辺りからスクショ画像があると良さそうと気づくが諦める</td>
</tr>
<tr>
<td>小説家になろう</td>
<td>上から順に、ランキングはタブ</td>
<td>小説、漫画等のカテゴリアイコン選択</td>
<td>ユーザ登録、イベントリンク、お知らせ、ランキングタブ、と続く</td>
<td>同じジャンルだと似る?</td>
</tr>
<tr>
<td>pixiv</td>
<td>タブ</td>
<td>登録ボタン</td>
<td>イラスト、漫画等の選択タブで各ランキング表示</td>
<td>小説や画像だと、「投稿日付」は重要でないのでトップには出さないのかと気づく。</td>
</tr>
</tbody>
</table></div>
<p>結論:<strong>最近の人気記事を上の方に出した方が良さそう!スマホでも上から単純配置でなくタブ等で切り替えよう!</strong></p>
Akahori@個人サービス開発