とあるweb屋の仕事術

10年以上現役のweb製作屋さん。web製作雑務全部やる。

記事一覧の俯瞰性の高さが秀逸なメディアのWebサイト3選

記事一覧の俯瞰性の高さが秀逸なメディアのWebサイト3選

Webサイトでは

ほしい情報にいかに早くアクセスできるか、

情報が見やすいか、ということにおいて、

UI/UXが非常に重要です。

 

今回は独断と偏見と主観による

記事の一覧性、俯瞰性が秀逸だなと

おもったメディアのWebサイトを紹介します。

 

  • ライブドアニュース(livedoor ニュース)
  • mixiニュース
  • MSN Japan

 

です。

 

ライブドアニュース(livedoor ニュース)
https://news.livedoor.com/

ライブドアニュース(livedoor ニュース)

ライブドアニュース(livedoor ニュース)

このスクリーンショットを見ていただけると、

記事の一覧性が優れていることがわかると思います。

レイアウトがシンプルで、

記事タイトルも文字数を限定して運用されている

ことがわかります。

最近カードUIなどリッチな表現が多いですが、

テキストでシンプルにまとめられると

こんなに見やすいのか、というかんじですね。

スマホサイトも似たようなUIで一覧になっていて

すばらしい。

 

ライブドアニュースのいいところは

一覧だけではなくて、

記事詳細ページにもあります。

記事詳細では要約がついている

記事詳細では要約がついている

「記事を読む」で

ページ遷移するのはあまりいただけませんが、

これはページビューを増やし広告収入をアップさせる狙いがあるとおもいます。

 

運用上もおいしく、

閲覧者はすばやく情報が

ゲットできて興味のある人は

詳細ページを開いてもらうという設計。

 

mixiニュース
https://news.mixi.jp/

mixiニュース

mixiニュース

 

はい、これもライブドアニュースと

似たようなUIです。

記事一覧がずらーと並ぶかたち。

俯瞰性の高さは見て分かる通り。

少し広告が多いのが邪魔くさいですが...

スマホサイトも同様にシンプルで見やすいです。

記事タイトルの文字数を決めて運用されていることがわかります。

 

 

MSN Japan
https://www.msn.com/ja-jp

MSN Japan

MSN Japan

シンプルさとリッチなカード型UIを

違和感なく混ぜて取り入れたデザインが秀逸。

前述の2サイトとおなじく、

記事タイトルの文字数を決めて運用されています。

 

ページ中盤より下のほうは

ページ上部に比べると

カードUIが多く採用されていますが、

欲しい情報は上部で、魅せたい情報を中盤下で

大きめに露出していてバランスがとれています。

 

以上、記事の一覧、俯瞰性の高さが

秀逸なメディアサイトの紹介でした。

 

 

--- ✂ ---

 

 

記事タイトルをシンプルに並べると

めちゃくちゃ見やすいんですよね。

 

紹介した3つのサイトのようなデザインに

する場合、運用側で記事タイトルの文字数の

制限などルールが必要になります。

 

記事を書く担当が複数人いたりすると

ルールの徹底や、記事タイトルを考えるのも

大変で、運用コストがかかる問題があります。

 

そういった運用がなかなかできない

ことも多いので、運用面を含めて

優秀なサイトだなと思います。