菊池 崇

＊HTML,CSSの基本、レスポンシブWebデザインでの制作、ディレクションの経験がある方におすすめ＊ Webサイト制作において、レスポンシブWebデザインは主流になっています。 しかし現在でも、レスポンシブWebデザインのメリットとデメリットが誤って記載されているブログや記事が多く存在し、 本当にレスポンシブWebデザインで実装していいのか？と制作者が悩んでしまっているケースをたくさん見受けます。 一般的にデメリットとされている内容も、既に解決済であることが少なくありません。 あなたが抱えている不安や課題も、最新のレスポンシブWebデザインに関する知識不足による誤解であることが多いのではないか？と考えています。 今回の授業では、 レスポンシブWebデザインを実装する際に、よくある間違い・勘違いについてしっかり学んでいただきます。 ■この授業で学べること レスポンシブWebデザインにおいて、5つの「よく言われるデメリットとその真実」について解説します。 １）ユーザーメリットがないのでは？ ＞デバイス毎にレイアウトや操作方法が変わってしまうことを嫌うユーザーがいる ２）サイトの容量が大きくなる ＞パソコンと同じサイトを見せるので情報が多くなってしまうのでは？ ３）レイアウトやデザインの自由度が低い ＞テーブルの表組などの見せ方はどうする？ ４）ユーザビリティ面でもマーケティング面でも「最適化」ではない ＞振り分けると最適なコンテンツ表示ができるはず！ ５）大手企業サイトには向いていないのでは？ ＞ランディングページには向いていると聞くけど？

レスポンシブWebデザインの話題になると、「流行っているだけ」「技術は二の次」「費用が高くなってしまう」「面倒くさい」などネガティブな発言がでている場合があります。 前回ご紹介した中でRWDとアダプティブデザインについての紹介をさせていただきましたが、日本では言葉が先行してしまって本質を理解せずに流行ってしまう傾向があります。 Web2.0、HTML5、そしてレスポンシブWebデザイン。一言でこれらについて語ることができる人がどのくらいいるでしょうか？ 今回はRWDが誕生した背景を元に、本質を学ぶレクチャーをしたいと思います。 2013年、パソコンの売り上げが過去最低と発表されましたが、パソコン市場での新しいサービスが誕生し必要としない限り今後も増えることはありません。 今回は、allWebクリエイター塾協力のもと、制作者だけでなく発注者、マーケターが必要な知識としてRWDの本質をご紹介させていただきます。 ビジネス視点から一緒にレスポンシブWebデザインを考えてみましょう！ ■この授業で学べること ・技術を覚える前になぜRWDが生まれたのかを考えよう ・RWDの定義 ・モバイルファーストで作ろう ・RWDを作った本人のレポートのご紹介 ・RWDとマルチデバイス ・GoogleグラスとRWD

前回は、レスポンシブWebデザインの誕生について学んでいただきました。 誕生した理由から見てもレスポンシブWebデザインを選択する時代がくると考えられるのですが、採用となると実際に迷ってしまうケースも多く発生してしまいます。 例えば、現在はパソコンページなのでスマホからの流入があまりないので対応しなくてもいいのではないか？ BtoBのサイトなのでスマホから見えなくても大丈夫ではないか？ なぜ、パソコンサイトとPCサイトだけでは駄目なのか？などの疑問があるのではないでしょうか？ なぜ、GoogleがRWDを推奨しているのか？検索エンジンから考えるRWDのメリット、運用メリットなどを振り分けした場合と比較してご紹介させていただきます。   ■この授業で学べること ・なぜRWDを選ぶのか？採用の判断基準 ・メリットをキチンと理解する ・ GoogleはなぜRWDを推奨しているのか？ ・ 検索エンジンから考えるRWDのメリット ・ クライアントの要望と実装 デメリットの理解と回避方法 ・ パソコンサイトのみ？スマホサイトのみ？ どちらが機会損失はないのか？今一度考える ・ 振り分けと最適化