こんにちは。スタッフの櫻田です。

以前、記事に取り上げられました「モバイルフレンドリー」。

ホームページも「レスポンシブデザイン」を推奨されて、現在対応に追われている企業様も多いのではないでしょうか?

実はこの「レスポンシブデザイン」は、数年前は「情報量の多いサイトには不適切」とされ、制作会社やデザイナーの中では懸念視されていました。

ですが、時代は今「モバイルファースト」。

「風邪で熱がある時、厚着はNG」のように、『昔の常識は今の非常識!』といった風潮はWebでは顕著に現れます。

『非常識』とは言い過ぎなのですが、その中でも早急に対応が必要なホームページを、対応策と一緒に表にしました。

これらのホームページは、PCで問題なく見れましても、スマートフォンではレイアウトが崩れるだけでなく、画面の外にはじかれ表示すらされていない箇所も出てきます。

tableレイアウト frameレイアウト Flash動画
内容 「tableタグ」と呼ばれる表組みで作成されたサイト 「iframe」でサイドバーなどに別のページを読み込んでいるサイト 「.flv」拡張子の動画ファイル
問題 スマートフォンなどの幅の狭い端末でレイアウトが崩れる スマートフォンで著しくレイアウトが崩れるSEOに適していない スマートフォンやタブレットに対応していない
対応策 CSSレイアウトに変更 ページの統合+CSSレイアウトに変更 jQueryやCSS3のアニメーションに変更またはYoutubeの埋め込み

「FULLフラッシュ」のWebサイトが、数年前は最先端の技術でとても評価が高かく、私も必死にActionscriptを勉強していたのですが・・・

さて、次のWebサイトの常識はどこへ行くのでしょうか?

関連記事

  1. 2017.05.26

    Webアニメーション

    はじめまして。Web活用経営で、主にホームページのデザインやシステム構築を担当しています、W…

    Webアニメーション
  2. 製作事例のポイントその3 説明文を入れる

    2017.09.13

    製作事例のポイントその3 説明文を入れる

    こんにちは、江本です。数回に亘り製作事例を作成する際のポイントについて書いてきました。今…

    製作事例のポイントその3 説明文を入れる
  3. 製造業ホームページにおける情報発信について

    2017.06.13

    製造業ホームページにおける情報発信について

    こんにちは江本です。今回は、製造業ホームページにおける情報発信の考え方について書いていきます…

    製造業ホームページにおける情報発信について
  4. Webを活用した人材採用について

    2017.01.23

    Webを活用した人材採用について

    10年ほど前までは企業が求人募集をする媒体は新聞広告や各種フリーペーパーなど紙媒体が多かったのですが…

    Webを活用した人材採用について
  5. 製作事例のポイントその2 タイトルを付ける

    2017.08.16

    製作事例のポイントその2 タイトルを付ける

    こんにちは、江本です。今回は、製作事例のポイントの第二弾「タイトルを付ける」について書いてい…

    製作事例のポイントその2 タイトルを付ける
  6. WordPressの使い方 1.会社としての情報発信

    2017.05.12

    WordPressの使い方 1.会社としての情報発信

    こんにちは、Web活用経営の江本と申します。今回より、櫻田と江本の交代制でスタッフブログを書いて…

    WordPressの使い方 1.会社としての情報発信
  7. 製作事例のポイントその1 画像を入れる

    2017.06.29

    製作事例のポイントその1 画像を入れる

    こんにちは、江本です。前回の記事の最後に、「製作事例を書く際に必要な項目について書いてい…

    製作事例のポイントその1 画像を入れる
PAGE TOP