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

スマートフォンで最初の画面を見たとき、正直古すぎると、感じてしまいました。おそらく3時間もあれば、サクッと直りますので、今から対応します。現在、AM3時。

尚、実施方法については、「スマートフォン対応しました」を参照ください。

20140202i12

改善前

Galaxy S4

当時(2012年9月6日)は、これで良かったのですが、今となっては古すぎます。

20140201r30

iPhone 5s

当時、iPhoneを持っていなかったので、タイトルの右端の一部が表示されていないことも知らなかった...

20140201r31

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

正直、なんとなくだったのでじっくり見てみます。Glaxy S4かiPhone 5sかによっても、好みが分かれますね。

「Galaxy S4ならPC Watch」、「iPhoneならASCII」の方が良いと感じます。

PC Watch Ascii
Galaxy S4  20140202g02  20140202g01
iPhone 5S  20140202i02  20140202i01

やっぱり説明の文章は、ない方が良いような気がしてきた...。あくまでもスマートフォンの場合

和洋風 すまほん!!
Galaxy S4  20140202g03  20140202g04
iPhone 5S  20140202i03 20140202i04

確証しました。画像は、あった方が自分は、好き
説明は、無くていい!和洋風さんが、シンプルで好きだ!

わかったブログ おまスキャ
Galaxy S4  20140202g05  20140202g06
iPhone 5S  20140202i05  20140202i06

デザインが決まったので早速作成

ブログを書きながらなので、この時点でAM4時。

CSSを変更するか、スマートフォン専用の固定ページを作るか迷ったのですが、今回は、専用の固定ページを作ることに。

理由:説明を非表示にすると、ペナルティになる可能性があるため

広告の有無

トップページにGoogle Adsenseを入れるかも迷いどころです。今回は、入れないことに決定!

理由:トップページは、顔です。顔に余計な情報を入れたくない。

ブログ/Newsサイト 広告の有無
PC Watch iPhoneのみあり
Ascii あり
和洋風 なし
すまほん!! なし
わかったブログ あり
おまスキャ あり

レスポンシブは、もう古い!?

1年前は、レスポンシブデザインが主流で、わたしも、レスポンシブデザインで作っていました。しかし、上記サイトはすべてノンレスポンシブです。よって、わたしも、レスポンシブをやめることとしました。

Multi Device Switcherで、実現

今回は、WordPressプラグイン「Multi Device Switcher」で作りました。テーマを、パソコン用とスマホ用に分けるだけですので、テクニックがあまりいりません。

さっそく作って、終わったのがAM7時。

改善前 改善後
Galaxy S4 20140202g08 20140202g07
iPhone 5s 20140202i08 20140202i07

余談

ちょっと作業するだけで、とても疲れます。チキンラーメンでひと休憩...

20140202i09

出来た!

20140202i10

まとめ:常に変わり続けるからこそ、継続できる

今は、スマートフォン対応が当たり前の時代です。なぜなら、アクセスの半数以上がスマートフォンだからです。

本ブログも常に変わりながら、存続させたいと考えています。

本ブログを書きながら実施したため、結局、4時間30分かかりました。

20140202i13

関連URL

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

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

  • 匿名

    こんにちは。Webはデザインだといいますが、最終的には
    コンテンツ次第なので、はっきり言ってどうでもいいと思いきや、
    やはり、変えてみると新鮮で見やすいのでびっくりしました。
    やはり先生の言うとおり、なんでもやってみるにつきますね。

    • pcmanabu

      コメントありがとうございます。
      >コンテンツ次第

      デザインも含めてコンテンツですからね!

      今回の場合は、デザインだけではなく、ユーザビリティにも影響しますので、アクセスされる量にも影響すると思います。

      思いつきのため、まだまだ甘い部分がありますが、はやり、変更後の方が使い勝手が良く、なぜ人気ブログや人気ニュースが実施しているかがよく理解できました。

      ご参考になれば幸いです。

      来週末、もう少し良くしたいと思います。

      今回、匿名とのことですが、勝手ながら、今後の投稿は、ユニークなユーザー名を何かつけて頂けると嬉しいです。
      http://pcmanabu.com/policy/

      今後ともよろしくお願いします。