スマートフォンの記事画面を今どきにする

前回、サクッとスマートフォンのサイトをリニューアルしました。詳しくは、「最初の画面を今どきのスマートフォン対応にする」を参照ください。

今回は、スマートフォンの記事画面を改善

以下のように改善しました。

20140213r53

一体、今どきのサイトは、どうなのか?

今回も、じっくり見てみます。タイトルは、シンプルな形態が多いということを知りました。小さなロゴに検索が、一番メジャーなようです。

タイトルは、アンダーラインでまとめているFMV Watchに対して、ASCIIは、アンダーラインがないデザイン。表は、両方ともシンプルです。

FMV Watch Ascii
ヘッダー部分 20140213r29  20140213r32
 タイトル部分 20140213r30  20140213r35
表の処理 20140213r31  20140213r34

タイトルは、今のままでもいいような気がしてきました。

おまスキャ 和洋風
ヘッダー部分 20140213r36 20140213r39
タイトル部分 20140213r37 20140213r40
表の処理 20140213r38 20140213r41

わかったブログさんの「●」もなかなかいい感じ

わかったブログ すまほん!!
ヘッダー部分 20140213r42 20140213r45
 タイトル部分 20140213r43 20140213r46
まとめ部分 20140213r44  -

修正前と修正後

  • 広告を中央ぞろえにしました
  • 余白をきちんと、とるようにしました
  • 字の大きさを若干小さくしました
  • 表の線の色を灰色に修正しました
改善前 改善後
ヘッダー部分 20140213r47  20140213r50
 タイトル部分 20140213r48  20140213r51
表の処理 20140213r49 20140213r52

まとめ:分析することによって傾向がわかった

表は、白黒が主流。タイトルは、結構自由なことがわかりました。今回は、10時30分にブログ作成開始、13時46分に終了しました。

20140202i13

関連URL

最初の画面を今どきのスマートフォン対応にする

お問い合わせフォームを作成する

   このエントリーをはてなブックマークに追加