あなたは今「Web」という言葉を聞いて、何を思い浮かびますか？ パソコン上のブラウザに表示される Webサイトを想像するかもしれませんし、モバイルアプリなのかもしれません。クラウドを中心にしたエコシステムかもしれませんし、人と人が繋がるソーシャルメディアを連想している方もいるでしょう。皆が考えるすべてが Web であり、今後私たちが想像もつかない場所やデバイスを通して Webに触れることになるでしょうし、Webに関わる「当たり前」も常に変わり続けるでしょう。 明確な姿・型が存在しない上、誰がどのようにして見たり操作するかも分からなくなってきた中、私たちはどのようにして Webをデザインしていけば良いのでしょうか。Webサイトを作るだけでなく、その枠を超えた設計が余儀なくされた今、私たち制作者は何に注視したら良いのでしょうか。 今セッションではコンテンツを起点したデザインプロセスを紹介すると共に、予想不可能な未来に対応するための Web デザインの未来を共有していきます。

昨年の「One Web」でご紹介した レスポンシブWebデザイン を 商業（ビジネス）サイトで実装する上で知っておきべき考え方をご紹介いたします。既にいろいろな媒体でご紹介されているレスポンシブWebデザインは「Fluid Image」「Media Query」「Fluid Grid」の３つの要素として実現します。「Fluid Grid」はリキッドレイアウトにおけるグリッドシステムで、ガイドに沿ってデザインをしていきます。
グリッドシステムでの設計を行うと、仕組みだけに捕われてデザインしがちになります。 しかし、Webサイトの目的などによってコンテンツの扱いが異なり全て同じデザインの実装は不適切であると考えられるようになりました。そこで考えられるようになったのがコンテンツアウト手法です。 このセッションでは、レスポンシブWebデザインにおけるコンテンツアウトの考え方と実装ポイントをご紹介いたします。 商業（ビジネス）サイトにおけるレスポンシブWebデザインサイトをお考えの方には必見の内容です。

固定幅の画面をデザインする時代から、 様々なデバイスに対するデザインをこれまで以上のスピードで行うことが当たり前になってきました。 そこで従来のPhotoshop、Fireworksでのモックアップ制作からコーディングというワークフローを見直し、ブラウザでデザインする手法を採用することが増えています。実際にデモを通じて「デザインニング・イン・ブラウザ」の即効性、柔軟性を体験してください。
斉藤氏が記載されているブログCSS Raderでもご紹介されているのでご参考ください。

• ブラウザでデザインすることの利点
• デモ: 色、カラースキーム
• デモ: レイアウト
• デモ: アイコン、ボタン、テクスチャ
• デザインニング・イン・ブラウザを加速するツール集

思い通りのデザインやインタラクションを実現するために、JavaScriptはもはや欠かせない技術の一つ。 JavaScriptを活用したWebアプリの構築にあたっては、デザイン、マークアップ、スタイリング、 そしてプログラミングがうまく協調する必要があると感じています。 本講演では、実際にデザイナと協調してWebアプリを構築した経験・ノウハウの共有に加え、 最新のWebテクノロジーについても触れることで、「アプリ化を極めるとWebはここまで進化する！」 ことをお伝え出来ればと思います。

• Webアプリ構築ノウハウ
• jQuery Mobile
• プログレッシブ・エンハンスメント
• 最先端のWebテクノロジー
• Webアプリはどこまで進化するか

デバイスの多様化は、つまりはユーザのコンテキストの多様化です。”マルチチャンネルのコミュニケーションを”と言われる今日ですが、わたしたちが企画・制作するサイトやアプリは、利用されるシーンが変わっていることを理解するところから始まると言えます。モバイル対応が完璧でも、ビジネスゴールを達成するコンテンツの制作・運用をしなければ、本末転倒です。このセッションでは、IAやコンテンツストラテジーの海外カンファレンスでの議論をご取り入れながら、クライアントワークの現場で導入できるツールやワークフローを解説し、急成長中のコンテンツストラテジーの分野をご紹介します。