レスポンシブ Responsive

レスポンシブとは、レスポンシブデザインを指し、どんな大きさの画面でも見やすいように、1つのHTML(Webサイトに載せる情報)で配信し、CSS(情報の大きさや位置など表示の指定)はデバイスごとに用意して表示を変えることを指します。

レスポンシブデザインのメリット・デメリット

メリット

レスポンシブデザインのメリットは、管理が楽であることです。

HTMLが1つなのでWebサイトに載せる情報を修正や更新する時に作業が1回で済みます。デバイスごとにHTMLがあると修正や更新の作業をHTMLの数だけしなくてはなりません。

また、シェアされやすいこともメリットです。URLが1つなのでWebサイトを見るユーザーにシェアされやすくなります。スマホ用のモバイルサイトとパソコン用のPCサイトがあった場合、見せたいユーザーのデバイスに合わせて異なるURLを送らなければなりません。

さらに、スマホに対応したWebサイトが検索結果の上位に表示されやすくなる「モバイルフレンドリー」や、スマホ用のページが順位の決め手になる「モバイルファーストインデックス」に対応できます。

デメリット

レスポンシブデザインのデメリットは、スマホでの表示に時間がかかることです。HTMLが1つなのでパソコンと同じデータをスマホにも読み込ませます。そのためスマホで表示しないデータも読み込まれ、表示完了するまで時間がかかってしまいます。

また、デザインに制限があります。HTMLが1つなのでスマホとパソコンでコンテンツの順番を変えるなど、大幅に見せ方を変えることはできません。

さらに、工数がかかります。デバイスごとにデザインを制作し、それに合わせたコーディングをするので複雑になります。そのため制作工数がかかってしまいます。

まとめ

レスポンシブWebデザインにはメリットがたくさんありますが、同時に気をつけなければならないデメリットもあります。

閲覧するユーザーのことをよく考えたコンテンツ作りを意識しましょう。

面白い・オフライン広告・屋外広告を紹介するメディア

屋外広告・面白い広告事例などをご紹介してます。

トイレ内だからこそ効果抜群!トイレ広告の魅力
国内の広告

トイレ内だからこそ効果抜群!トイレ広告の魅力

我々が日常の中で必ず利用する場所がある。トイレだ。 トイレでは、用を足すことが一番の目的でもあるが、トイレの中でついボーっとすることや、スマホを持ち込んで永遠に触ってしまうことがないだろうか。 トイレという空間が何と...
「マンホール」が街のシンボルに?!所沢市、”日本初”の広告に注目!
面白い広告

「マンホール」が街のシンボルに?!所沢市、”日本初”の広告に注目!

街に並ぶマンホールを広告にーーそんな画期的なアイデアで、全国から注目を集めるのが、所沢市だ。 地域の中小企業から、名だたる大手企業まで多彩な広告主が出稿。 とくにアニメや人気芸能人が描かれたデザインがSNS上でも大き...
ポンタが街にやってきた!リアルタイムでコミュニケーションできる屋外広告にも注目
国内の広告

ポンタが街にやってきた!リアルタイムでコミュニケーションできる屋外広告にも注目

2021年10月21日(木)、東京都は新宿と池袋の大型ビジョンに、Pontaポイントでおなじみのポンタが登場した。 注目したいのは、ポンタが通行人とリアルタイムでコミュニケーションする「ライブ配信」であることだ。 今...