発注者のためのスマホサイトデザインの基礎●特集「スマホ最適化」|WD ONLINE

WD Online

特集一覧 Web Designing 2015年10月号

発注者のためのスマホサイトデザインの基礎●特集「スマホ最適化」

サイトのスマホ対応において、どんなデバイスからも見られるものを用意しておくことは大前提だ。そのためには、どのようなデザインを採用すると良いだろうか。制作依頼をする場合に理解しておくべき、スマホサイトデザインの基本情報を紹介しよう。

レスポンシブWebデザインとダイナミックサービングの違い

現在主流のスマホ対応には、2つの方法がある。それぞれの仕組みやメリット・デメリットを理解することで、自社のサイトはどちらが適しているかを判断するようにしよう。

スマートデバイス対応の変化

以前のスマホサイト対応というのは、PC用とは別にスマホ用のHTMLファイルを用意し、スマホ用URLに設置するのが一般的だった(01)。しかしその方法では、検索経由などからPCでスマホ用サイトにアクセスしてしまうことやその逆のことが起きるため、問題視されるようになった。そうするとGoogleなどで検索順位が下がるだけでなく、ユーザーにとっても体験を損ね、サイト価値の低減に繋がってしまう。

これは、2つのURLと2つのHTMLで同じ情報を扱っていることが根本的な問題となっている。たとえるなら、実際のサイズこそ違うが外見はまったく同じハードカバー本と文庫本があり、ネットショップでその別が明記されず、購入時に区別がつかない状態になっているようなものだ。

いま主流のスマホ対応方法は、Googleの推奨している「レスポンシブWebデザイン」と「ダイナミックサービング」の2種類となっている。

URLとHTMLをPCと別々に用意し、デバイスに応じたURLを案内していた。検索経由などでは、PCからスマホサイトにたどり着いてしまうこともあった

続きを読むためにはログインが必要です。
マイナビBOOKSの「WD Online全文購読サービス」(有料)をご利用ください。

マイナビBOOKSへの新規会員登録もこちらから。

定期購読者はオンライン版が読み放題 !!
雑誌『Web Designing』の定期講読者には、
WD Onlineの全文購読サービスを無料でご提供しています。
詳しくは「定期購読のご案内」をご覧ください。

掲載号

Web Designing 2015年10月号

Web Designing 2015年10月号

2015年9月18日発売 本誌:1,559円(税込) / PDF版:1,222円(税込)

ビジネスをスマホに最適化する/インスタグラム マーケティング

サンプルデータはこちらから

■ 特集:マーケティングから考える「スマホ最適化」
 ネットはスマートフォンを中心に回りはじめた!

■ 集中企画:Instagramをビジネスに活用する
 フィード広告開始で本格化するビジュアル・マーケティングの現在

■ WD SELECTION
 □WDが選ぶ注目のデジタルコンテンツ
  NHKスペシャル「70 年目の戦争と平和」/Rock'n Roll Panty/Dream Car Collection | Toyota Dream Car Art Contest/Leap Second/恋愛のスペシャリスト“ はあちゅう” が断言する 「2015年下半期に絶対モテる」人とは……!?/ITOEN × INGRESS/The Art of Hearing/水と土の芸術祭2015/大阪経済法科大学「Hello,World! 21カ国・地域53大学がキミのキャンパスになる」/FANTASTIC ANIME MACHINE/静岡県観光奉行募集

 □ナビゲーターが選ぶ注目のデジタルコンテンツ
  眞鍋海里  [バズ施策]大義なくして破茶滅茶すべからず:#MayhemSale
  築地 Roy 良  [デジタルプロモーション]「ゴロ寝」ウェアラブル:JOE BOXER INACTIVITY TRACKER
  仲暁子  [Webサービス]「家庭」を制するのは誰?:Amazon Bash Button
  神谷憲司  [IoT]妖怪とIoT:mononome

■マーケティング・プロモーション
 □ サイト改善基礎講座
  Webサイトを改善するための4つのステップ

 □ ハギハラ総研
  アジアでのネットビジネスに必要なこと

 □ デジタルプロモーションの舞台裏
  時流にあわせてデジタルを活用し、新ブランドの確立に成功

 □ 行動デザイン塾
  人の動きを左右する「情報コスト」と「行動ブレーキ」

 □ 課題解決のためのU実装講座
  「視線導線」を踏まえたメガメニューの構造設計

 □ 解析ツールの読み方・活かし方
  メールからIoT まで、非JavaScript環境のデータを解析する手法

■ビジネス・EC
 □ ECサイト業界研究
  モバイルコマース:モバイルEC対応の最大の敵「カゴ落ち」を防ぐには

 □ 月刊店舗設計 NEW
  ファン5,000人以上を獲得するInstagramの写真演出&接客術

 □ 知的財産権にまつわるエトセトラ
  「盗作」を疑われた‥‥その時どうする?

 □ Bay Area Startup News
  クチコミサービスYelp:米国で生活の一部にまで浸透した「最上級の使いやすさ」

■クリエイティブ
 □ モノを生むカイシャ
  eredie2:リア充プロモーションの達人たち

 □ 清水幹太の「Question the World」
  John Maeda:実はアンパンマンだった伝説の「先輩」

 □ ツクルヒト
  流麻二果(美術家):「他人のいろいろ」から始まる色彩空間

 □ 最果タヒの「詩句ハック」
  第16回 カ詩ラモジ

 □ デザインにできることMonologue
  Vol.141 社会デザイン