Webサイト構築/リニューアルの際に、マルチデバイス対応としてレスポンシブウェブデザインを導入する場合があります。

レスポンシブウェブデザインには
「URLが1つになることで検索サイトから正しい評価が得られる」
「デバイスごとのリダイレクト（振り分け）処理が不要」など、多くのメリットがあります。

しかし、
「全てのソースや画像を読み込むため表示速度が遅くなる」
「HTMLやCSSが複雑になるため運用には高い理解と知識が必要になる」など、多くの課題があり、
導入後の運用フロー等も踏まえてWebサイト構築/リニューアルしなければ、最適なレスポンシブウェブデザインを導入できません。

本資料では、レスポンシブウェブデザインの基本的な仕組みから、レスポンシブウェブデザインのメリット/デメリット、導入手法と導入による落とし穴と対策をご紹介しています。

資料サマリー

1. Webサイト運用負荷低減にも繋がる！ レスポンシブウェブデザイン導入実例
2. アジェンダ
3. 第1章 レスポンシブウェブデザインとは？
4. レスポンシブウェブデザインの定義
5. 画面サイズ ≠ ディスプレイ解像度
6. 基本的な仕組み
7. 第2章 導入手法について
8. 閲覧環境の最適化
9. 今後のWEBサイトの閲覧環境
10. モバイルファーストでの構築例
11. 実際に導入する場合
12. PC画面ありきの構築例
13. 制作手法に関わらず… 落とし穴があります
14. 第3章 導入による落とし穴と対策
15. 落とし穴の正体
16. 問題点
17. なぜ掲載要素の差異が問題なのか
18. 問題が与える影響
19. 実際に起こった事例 1
20. 実際に起こった事例 2
21. 実際に起こった事例 3
22. 実際に起こった事例 4
23. 問題が起こらないようにするためには
24. 本日のまとめ

Webサイトマルチデバイス対応関連情報

【Webサイト構築／Webサイトマルチデバイス対応】まだ間に合う！モバイル時代のWebサイトリニューアルとは～canon.jp モバイルファースト リニューアルのご紹介～第4回メンバーズWebマネジメントセミナーレポート

【モバイルアプリ活用】新たな顧客接点を獲得！～3つの事例から学ぶスマホアプリのおさえるべきポイントとは～第2回メンバーズモバイルセミナー

【スマートフォンサイト構築】UXから考えるスマートフォンアプリ〜レシピアプリ構築事例〜のご紹介

【Webサイト マルチデバイス対応】いつやるの！？今でしょ！！ メンバーズスマートフォンUIガイドライン＜基本編＞

【スマートフォンサイト構築】企業のスマホ・タブレット対応状況調査レポート

【サイトリニューアル／コーポレートサイト構築】ソーシャル＆モバイル時代のWebサイトリニューアルポイント

【サービス案内】スマートフォン／タブレットサイト構築

スマートフォン／タブレットサイト構築に関するお問い合わせはこちらから