ページメニューはこちら!

2013年3月19日


スマホでもしっかりと表示できるホームページ!!

最近、ご存知のようにたくさんの人がスマートフォンやipadなどのタブレットを使っていますね。
日本でiphoneが発売されて以来ものすごい勢いで増えているそうです。iphoneがでてもう4年?か5年?くらいになるのかな、当然といえば当然ですね。ものすごい便利で、インターネットが見やすくなったとかは当たり前で、色々なデータをパソコンと連動したりするともうぶっちゃけ外でも仕事が出来るほどになりました。

ホームページ運営も、その辺りを当然考えないとダメな世の中になってきました。というのも、去年あたりからホームページのアクセス解析を見てるとスマホ又はタブレットでホームページを見てる人がとても多くなってきています。しっかりと統計をとってるわけではないですが、印象的に3割~4割の方はスマホといった感じでしょうか。特に、エステやネイル、美容室、服飾などの女性がターゲットになってるような業種では、かるく半分以上はスマホユーザーというサイトもありました。

そこで、近年弊社では最近話題になっているレスポンシブサイトデザインを取り入れた制作にも力を入れています。
レスポンシブサイトデザインというのは、ホームページを見てるユーザーの環境に併せて最適化(最も見やすいデザインに自動的に変えて)してホームページを表示するというものです。

例えば下の写真は、普通にホームページをパソコンで表示した場合です。

これは普通に表示されます。では、これをスマホ専用サイトがないと仮定してスマホで表示したのが下の写真です。

ホームページの作り方によっては若干の違いはあると思いますが、イメージ的にはこんな感じで表示されてとても見づらいかと思います。指で広げるといっても限界がありますし、何より面倒です!

これをレスポンシブサイトデザインを使うとこんな感じになります。

かなり見やすくなっているかと思います。これはiphoneを例として上げましたが、これをipadに合わせたり、ドコモのギャラクシーの大きな画面に合わせたり、はたまたPSPなどのゲーム機に併せてカスタマイズすることも可能なんです。

このように、レスポンシブサイトデザインを使ってホームページ制作することで、より多くのユーザーがホームページを快適に閲覧できるようにしていくことが、最近ではとても重要になってきていると思います。

とは言っても、ハブスタイルのこのサイトもまだレスポンシブにはしてないんですけどね^^;この作り方は、結構時間かかるのでハブスタイルのサイトはまだまだ先かなぁ…

Leave a Comment