大阪のホームページ制作会社 i.M.Design INFORMATION MEDIA DESIGN ロゴ

06-6809-5021

Columnコラム

WEBサイト制作

2015.01.13

2015年のWEBサイトはフルサイズリキッドデザインで行こう。

2015年のWEBサイトはフルサイズリキッドデザインで行こう。

2014年に公開された企業サイトの中にはフルHDを活かしたリキッドデザインを採用したWEBサイトを見受けられました。

まだまだ数は少ないですが、IMDでも「フルHD解像度を最大に活かしたWEBサイトをどのタイミングで実装すべきか」で議論が起こりました。

そこで現状のユーザー環境調査とこの1年でユーザー環境がどう変わるかを検討してみました。

現在のユーザー解像度調査

下記はIMDのアクセス解析での現在のモニター解像度比率です。

モニター解像度

1番多い解像度は「1366×768」HD解像度。2008年~2010年に主力販売されていたノートPCだと思います。私が2010年に購入したMac Book Airもこの解像度になります。

他のサイトでのユーザー解像度調査を行った結果、下記主力解像度になります。
これはB to B企業で調査した結果の平均値です。
中には少し特異な数値もありましたがそれは除外しています。

モニター解像度

今後1年で主力解像度はどう変わるのか

2014年に発売し、売れ行きが好調らしい「Surface Pro 3」の解像度は「2160×1440」で「1366×768」HD解像度のほぼ2倍。
また、最新のMac Book Proは2560×1600。15インチなら2880×1800とフルHDを遙かに上回る解像度です。
そして現在人気のある主力タブレットの解像度もフルHD以上の解像度ですし、スマホに関しても現在の最新モデルはフルHD以上の解像度があります。
このような市場に出ている主力商品の解像度と過去のデータを見比べてみてこの1年でどのような変化が起こるのかを予測しました。
下記がその予想です。

モニター解像度

当然WEBサイトのケースバイケースでしょうが、僅差でフルHDが主流になるケースが多くなると予想します。
2015年に制作するサイトはフルHD以上の解像度を意識したほうが良さそうだと思います。

採用サイト、企業コーポレートサイトでのフルHDを活かした事例を紹介

まだまだ少数ではございますが、先取りしてフルサイズリキッドデザインを採用している企業のWEBサイトをご紹介します。

ヤンマーWEBサイト

ヤンマーホールディングス株式会社



三菱商事WEBサイト

三菱商事株式会社



たにもとWEBサイト

たにもと建設株式会社



CKDWEBサイト

CKD株式会社



ナブテスコ株式会社WEBサイト

ナブコ株式会社



ダイナモピクチャーズWEBサイト

株式会社ダイナモピクチャーズ



株式会社 ファーストリテイリングWEBサイト

株式会社 ファーストリテイリング 採用サイト



バンダイナムコ採用WEBサイト

株式会社バンダイナムコスタジオ採用サイト



ニプロファーマWEBサイト

ニプロファーマ株式会社



ニューバランスWEBサイト

ニューバランス Wellness



東芝WEBサイト

株式会社東芝



リキッドデザインとは

リキッドデザインとは表示領域に合わせて画像やレイアウトが伸縮するデザインの事を言います。 下記の動画の様に可変することで様々な解像度やデバイスに合わせた画面に対応することが出来ます。



まとめ

いかがでしたでしょうか。画面をフルに活用したWEBサイトってインパクトがあり、表現力で差が出そうですね。
2015年はフルサイズリキッドデザインとWEBフォントを活用した企業コーポレートサイトが増えそうです。
今年WEBサイトのリニューアルや新規制作をお考えの方は、1年後の事も考え、なるべく長く活用できるWEBサイトを目指しましょう。

この記事を共有する