レスポンシブWEBデザインに関する独自調査結果
[12/10/29]
提供元:DreamNews
提供元:DreamNews
2012年10月29日
報道関係各位
サポタント株式会社
代表取締役 床美幸
---------------------------------------------------------------------
レスポンシブWEBデザインに関する独自調査結果
http://www.supotant.com/research/r121029.html
---------------------------------------------------------------------
WEBモバイル業務専門の人材サービス事業を展開するサポタント株式会社は、
(東京都渋谷区、代表取締役:床美幸)レスポンシブWEBデザインに関する
独自調査を実施しました。特に注目したのは各デバイス毎に異なる横幅サイズに
対応して表示させるためにコンテンツを下の段に移動させる境目となる
ライン「ブレイクポイント」に関する調査です。
▼調査概要
□対象数:レスポンシブWEBデザイン 50サイト
□実施時期:2012年10月
※レスポンシブWEBデザイン…1つのソースコードを書けば様々なデバイスに
対応したサイズで表示させることが出来るコーディング手法。
PC用・タブレット用・スマートフォン用など別々のサイトを作らなくてよいメリットがあります。
▼調査項目
(1)ブレイクポイント設定数
・〜3個 62%
・〜5個 12%
・〜9個 18%
・10個〜 8%
⇒3個までが6割を超えていました。
(2) ブレイクポイント設定px (上位5つ) *1サイト内でも複数のサイズが設定されている
・ 480px 48%
・ 600px 22%
・ 768px 34%
・ 960px 18%
・1024px 18%
⇒割合が高い480px・768pxは、それぞれスマートフォン(480px)、タブレット(768px)の画面サイズを
意識している傾向が見受けられます。
(3) PCサイトに表示されているトップ画像をスマホサイズで表示させているか
・表示あり 84%
・表示しない 16%
⇒PC・タブレット用では表示されていたメインビジュアルをスマートフォン用では2割弱が表示させていませんでした。
▽その他の調査結果はこちらをご確認ください
http://www.supotant.com/research/r121029.html
▽レスポンシブWebデザインなど「CSS3」を活用したWEBサイト制作実習セミナー(基本編)を行います。
http://www.webtant.net/seminar/koza/css3_01.html
▼会社概要
サポタント株式会社
http://www.supotant.com/
http://www.staffhaken.com/
http://www.webtant.net/
http://www.webtant.info/
・代表取締役 床 美幸
・所在地
東京本社: 東京都渋谷区渋谷2-1-11 郁文堂青山通りビル8F
大阪支社: 大阪府大阪市北区梅田3-4-5 毎日新聞ビル4F
名古屋 : 愛知県名古屋市中区丸の内3-7-26 ACAビル5F
・設 立 : 2003年3月3日
・業務容 : Web専門人材派遣・人材紹介
Web専門研修の企画・運営事務局
Web/モバイルサイト・パーツ制作
--------------------------------------------------------------------
【本件に関するお問い合わせ先】
サポタント株式会社 関 渉(せきわたる)
TEL : 0120-317-133
E-Mail : info@supotant.com
URL : http://www.supotant.com/
問合せ時間: 月〜金 9:00-18:00まで(土日・祝日除く)
--------------------------------------------------------------------
報道関係各位
サポタント株式会社
代表取締役 床美幸
---------------------------------------------------------------------
レスポンシブWEBデザインに関する独自調査結果
http://www.supotant.com/research/r121029.html
---------------------------------------------------------------------
WEBモバイル業務専門の人材サービス事業を展開するサポタント株式会社は、
(東京都渋谷区、代表取締役:床美幸)レスポンシブWEBデザインに関する
独自調査を実施しました。特に注目したのは各デバイス毎に異なる横幅サイズに
対応して表示させるためにコンテンツを下の段に移動させる境目となる
ライン「ブレイクポイント」に関する調査です。
▼調査概要
□対象数:レスポンシブWEBデザイン 50サイト
□実施時期:2012年10月
※レスポンシブWEBデザイン…1つのソースコードを書けば様々なデバイスに
対応したサイズで表示させることが出来るコーディング手法。
PC用・タブレット用・スマートフォン用など別々のサイトを作らなくてよいメリットがあります。
▼調査項目
(1)ブレイクポイント設定数
・〜3個 62%
・〜5個 12%
・〜9個 18%
・10個〜 8%
⇒3個までが6割を超えていました。
(2) ブレイクポイント設定px (上位5つ) *1サイト内でも複数のサイズが設定されている
・ 480px 48%
・ 600px 22%
・ 768px 34%
・ 960px 18%
・1024px 18%
⇒割合が高い480px・768pxは、それぞれスマートフォン(480px)、タブレット(768px)の画面サイズを
意識している傾向が見受けられます。
(3) PCサイトに表示されているトップ画像をスマホサイズで表示させているか
・表示あり 84%
・表示しない 16%
⇒PC・タブレット用では表示されていたメインビジュアルをスマートフォン用では2割弱が表示させていませんでした。
▽その他の調査結果はこちらをご確認ください
http://www.supotant.com/research/r121029.html
▽レスポンシブWebデザインなど「CSS3」を活用したWEBサイト制作実習セミナー(基本編)を行います。
http://www.webtant.net/seminar/koza/css3_01.html
▼会社概要
サポタント株式会社
http://www.supotant.com/
http://www.staffhaken.com/
http://www.webtant.net/
http://www.webtant.info/
・代表取締役 床 美幸
・所在地
東京本社: 東京都渋谷区渋谷2-1-11 郁文堂青山通りビル8F
大阪支社: 大阪府大阪市北区梅田3-4-5 毎日新聞ビル4F
名古屋 : 愛知県名古屋市中区丸の内3-7-26 ACAビル5F
・設 立 : 2003年3月3日
・業務容 : Web専門人材派遣・人材紹介
Web専門研修の企画・運営事務局
Web/モバイルサイト・パーツ制作
--------------------------------------------------------------------
【本件に関するお問い合わせ先】
サポタント株式会社 関 渉(せきわたる)
TEL : 0120-317-133
E-Mail : info@supotant.com
URL : http://www.supotant.com/
問合せ時間: 月〜金 9:00-18:00まで(土日・祝日除く)
--------------------------------------------------------------------