★もきゅもきゅもみゅーん

海外はどうだか分からないけど、少なくとも日本に輸入されてきた WEB 業界でのレスポンシブとは、「メディアクエリー」「フルードイメージ」「フルードグリッド」という技術を使って表示端末の画面サイズによってビジュアルが変化するものを言っているように思う。
この定義が間違いみたい。

レスポンシブを謳いながら、例えば「スマホで」「タブレットで」上記のような技術で見せ方を変えているだけのデザイン。
これをレスポンシブというのがおかしいが、現状では１つの CSS を使って変化させているからか「レスポンシブ」という人がいる。ここの定義の甘さがあるみたい。

特定のデバイスのスクリーンサイズが変わるようなものは、そもそもレスポンシブでは無いということ。
レスポンシブは、どの画面サイズでも崩れず、可変していくというものだということ。
そう考えると、デバイスによって異なる見せ方をするだけではレスポンシブにはならないと理解できます。

マルチデバイス対応の考え方はいくつかあると思います。
デバイスの数だけ専用画面を作っていく方法。
汎用的な画面を作っていく方法。
レスポンシブ・デザインは、後者のやり方だということですね。


じゃあ、前者のやり方をなんと言うのだろうと思うと「アダプティブ・デザイン」というらしい。
特定のデバイスに特化した「専用」画面とでもいうべきもの。（マルチデバイス対応の専用画面）

ややこしいことに、この「アダプティブ・デザイン」というキーワードも曖昧になっています。


は、上記のレスポンシブ・デザインに対する概念のようなもの。
もう一つは、閲覧者や操作する人間に合わせて変化するデザイン。
この概念は、かなり面白い。

例えば・・・。

街灯が、外の光の明るさを検出して暗くなるとライトアップする。
カーナビが渋滞情報を感知して、空いている道を教えてくれてユーザーの行動を変化させる。
Google やショッピングモールのWEB広告が、閲覧者の行動履歴に合わせて内容を表示する。
タブレットを家の中では PC として使い、外出中はスマホとして位置情報を得ながら使う。

これらは作ったら楽しいかもしれない！ 実に面白い！

ということで、 WEB 業界と、デザイン業界では、アダプティブ・デザインという定義が違う。
今後何らかの言い回しに変わっていくかもしれないが、ややこしいことにならないために覚えておきたい。

■WEBの誤用に興味がある人が気になる記事