新サイト構築への道：いろんなサイトのモバイル版を見てみる

最近、少し思うところがあって新しいサイトを作ろうかと思っています。このサイトはそのままなんですが、まぁ。

それで、それはどういうサイトかというと、やっぱりAndroid系のサイトなんですが、このサイトではほとんど扱っていないニュース系のサイトです。
サイトを作るにあたって、私の場合はまずサイトデザインから考えます。というかこれがやりたいだけなのかもしれません。で、昨今「モバイルファースト」といってモバイルで環境の見え方を重視というか、そっちから作ってPC版みたいのはあとから対応させる、みたいな考えがあります。このサイトも半分かそれ以上がモバイルからのアクセスです。

というわけで、まずはほかのいくつかのサイトのモバイル版を見てみました。

朝日新聞

朝デジSmart
新着記事はリスト形式。写真はあるのと無いのがある。

CNET Japan

CNET Japan
なんとなくPC版っぽさが残ってる気が。

ハフィントンポスト

ハフィントンポスト – ニュース速報まとめと、有識者と個人をつなぐソーシャルニュース（ハフポスト、ハフポ）
トップの写真がデカい。スマホのニュースアプリだとこういう1ページに写真ドーンというのがよくあるけど、そんなイメージ。
ヘッダーと個別でのシェア系が固定されている。

LIG

台東区でウェブ制作なら 株式会社LIG [リグ]
黒の使い方がとても好きなサイトデザイン。
だけど個別ページでのシェア系のボタンだけが残念。

GIGAZINE

GIGAZINE（ギガジン）
なんというか、個別ページの見え方が恐ろしくPCページとの違和感というか差異感がないのが驚き。

The New York Times

The New York Times – Breaking News, World News & Multimedia

ねとらぼ

気になる・人に話したいネットの旬ネタをお届け – ねとらぼ
最近PC版のほうとか、またいろいろ変化の途中っぽい。ヘッダーが固定されている。

スマホペディア

スマホペディア – スマートフォンのあらゆる情報を網羅する総合情報サイト
あれ…トップページ、なんか手抜いてません？2013年夏モデルになってますよ…？

すまほん!!

すまほん!!
個別ページでのこのデカい広告は、私の使ってるGoogleアドセンスだとポリシー違反になってしまうんですよね。別の所の広告なら置けるけど、やっぱり邪魔…ですよね…。

ガジェットショット

ガジェットショット
透けてる下部メニューは固定。

Creator Clip

ホーム | Creator Clip
PC版とスマホ版と、cssで表示の仕方が変わるだけでhtmlソースは同じレスポンシブなサイトですね。

andronavi

andronavi | アンドロイドに楽しさをもっと。スマホアプリが見つかる！
注目記事が表示されて、新着一覧はファーストビューでは見えない。

アプリゲット

スマホゲームならアプリゲット
こちらも新着は少しスクロールしなくてはならない。

APPREVIEW

APPREVIEW・アップレビュー｜Android/iPhone/Windows Phoneアプリを紹介！
トップの下広告が固定。偶然かもだけど、「新着記事ヘッドライン」の見出しのすぐ下にその広告があって紛らわしい。

まとめ

うーん…。
やっぱりトップはリスト形式が多いようですが、そのリストがすぐに見えるか、スクロールしなくては見えないかは分かれるところのようです。

モバイルでのアクセスって、トップページからたどるよりも（検索やSNSから）記事へ直接、というのが多い気がするのですが、どうなんでしょうか？そう考えると、トップページは入り口というよりも他の記事へのまとめのように考えたほうがいいのかも？

本記事に記載された内容は記事公開時点のものであり、必ずしも最新の情報とは限りません。記事をご覧いただく際には、最新の情報を確認するようお願いいたします。