Web関連

最新のトレンド?!アダプティブWebデザインについてあれこれ

こんにちは!すっかり寒くなりましたね。デザイナーの角田です。

さて、そろそろ2015年も終わりに近づいてきましたが、
皆さんはこちらの言葉を聞いたことがありますか?
最近知名度を上げてきた「アダプティブWebデザイン」です。
「アダプティブWebデザインとは何ぞや?」という方はさっくりとこちらの
コラムに書かれていますので、是非ご覧ください。

とはいえ、私も名前は聞いたことはあれど、
恥ずかしながら詳しくは知らなかったので色々と調べてみました。

まだまだ謎の多い?アダプティブwebデザイン

 

色々と記事を読んでみると、レスポンシブwebデザインとアダプティブwebデザイン、
この双方の定義の仕方について未だにネット上では議論されているようですね・・・。
似て非なるものではありますが、レスポンシブwebデザインもアダプティブwebデザインも
一緒くたにして「レスポンシブwebデザイン」と表現されているのが現状です。
ちなみに私のアダプティブWebデザインについての解釈は、
「画面の幅や端末・ユーザーの環境ごとに最適化されたHTML・CSSが用意されている」
です。
レスポンシブWebデザインは、「1つのソースで画面の幅に合わせてレイアウトを最適化する」ものですが
大きな違いとしては「複数のソースを用意する必要がある」という所でしょうか。

「じゃあ実際アダプティブwebデザインってどんなものなのよ?」
っていう人が多いのではないでしょうか。私もです。
まずそもそもの話をしましょうか。

そもそもアダプティブデザインとは

まずレスポンシブwebデザインとアダプティブwebデザインより上位の概念に、
「アダプティブデザイン」というものが存在します。
この概念の中に、レスポンシブwebデザインとアダプティブwebデザインが属されている、と考えた方が良さそうです。

「アダプティブwebデザイン」は、前述の通り
「画面の幅や端末・ユーザーの環境ごとに最適化されたHTML・CSSが用意されている」webサイトのことですね。
「アダプティブデザイン」の場合は、「web以外のコンテンツ」も関連してくるわけです。

実際の例を挙げると、「GoogleNow」というアプリが一番わかりやすそうです。
このアプリは名前の通り、GoogleからAndroidに向けて配信されているアプリです。
どういうアプリかというと、
「ユーザーの毎日、毎時間の行動を学習して、自動的にユーザーが欲しいと思われる情報を提供する」ものなのです。
ユーザーの起床時間には現在地の天気を知らせ、通勤時にはルートや混雑状況・次の電車がいつ来るのかを知らせ、
次の予定はどこで何をするのか、を知らせてくれる。
まさに「ユーザーの行動・環境ごとに最適化されたコンテンツを提供」しているわけです。
す、すごいなこのアプリ・・・!iOSに向けて配信はされないのでしょうか・・・待ってます、Googleさん。

具体的に

ということで、レスポンシブwebデザインもアダプティブwebデザインも、
ユーザーや環境に合わせてwebのコンテンツを提供する手法の1つなのです。
結論としては、「ユーザーの画面の幅」を優先するか、「ユーザーの環境」を優先するか、でしょうか。
奥が深そうです・・・。

今は圧倒的にレスポンシブwebデザインの方が認知度も高く、理解している人も多いですが
今後アダプティブwebデザインの理解が広まっていけば、用途によって使い分ける場合も増えるのでしょうね~。

例えば、「制限を設けないレイアウトにしたい」「1ページの情報量が多くなりそう」「更新頻度が少ない」等といった場合はアダプティブwebデザイン。
「色んなデバイスでキレイに見せたい」「更新頻度が多い」「管理を楽にしたい」等といった場合はレスポンシブwebデザイン。

ですね。

まとめ

いかがでしょうか。私もまだ探り探りのアダプティブwebデザイン、
これからもっと調べていく必要がありそうだなとひしひしと感じています・・・。

小さな脳みそをフル回転させて書き上げた角田がお送りいたしました。

ホームページ制作でお困りの方はホームページ制作会社ティファナにご相談ください!

お問い合わせはこちらから

関連するサービス

Webデザイン

デザインガイドライン作成

レスポンシブWebデザイン

UI/UXデザイン

料理レシピサイトでおなじみの「クックパッド」が結構すごかった前のページ

サイトを持つなら考えよう!UI/UXについて次のページ

ピックアップ記事

  1. 大手企業も注目するMaaS(Mobility as a Service)とは何か…
  2. 新しい販売形態であるDtoCについて考えてみる
  3. AIに求められているものは、実は意外な物だった
  4. 新型コロナウイルスで日本の働き方改革が起こる

関連記事

  1. Web関連

    規制に苦しむ、パチスロ業界の動向について

    パチスロ業界は、時代の流れの影響を受けやすい業界だと言われています。年…

  2. Web関連

    良質な睡眠で快適に生活しよう!オススメアプリ3選

    皆様は、毎日快適な睡眠が取れていますか?私は眠るのが下手で、いつも…

  3. Web関連

    クラウドソーシングは天使か悪魔か。Web制作会社が考える。

    皆さんは、クラウドソーシングをご存知でしょうか?"クラウドソーシン…

  4. Web関連

    情報をあらゆる脅威から守ろう、セキュリティ対策

    デザイナーの智哉です。最近ではまた、情報漏えいについてのニュースが目…

  5. Web関連

    「QRコード」+「Webサイト」=「顧客獲得」

    今回はリアルとネットをつなぐO2Oマーケティングにも良く利用されるQR…

  6. Web関連

    実現も目前!?人工知能が活躍する時代!

    今回は世界的な家電や情報通信などの総合展示会で知られる「CES2016…

おすすめ記事

最近の記事

  1. DX(デジタルトランスフォーメーション)・デジタルシフトへの…
  2. テレワークだけでは足りない?デジタルシフトなど、アフターコロ…
  3. デジタル化が旅行・観光業を救う!?ウィズコロナ・アフターコロ…
  4. 非接触がこれからの常識。ウィズコロナ・アフターコロナはIoT…
  5. キャッシュレス決済はウィズコロナでのウイルス対策に繋がってい…

アーカイブ

  1. Web関連

    デジタルビジネス、ちゃんと説明できますか?
  2. Web関連

    Webサービスで地域を盛り上げる!
  3. Web関連

    いろいろ使える!よくわかるTwitterのつぶやき分析
  4. Web関連

    「Sass」で神速コーディング!? 概要編
  5. Web関連

    60年前のデザインがネットで大流行!?話題の「keep calm and car…
PAGE TOP