noteで書くデバイスに最適化することしか頭にないWeb担当者に喝!お客さまのニーズに最適化できていなければ、Webサイトは機能しない。「時代はスマホです」とWeb担当者は言うけれど「いまどきWebサイトのスマートフォン対応は当たり前」という時代がやってきた。企業によってその対応はさまざまだ。PCサイトをレスポンシブでスマートフォンでも表示できるようにするスマートフォン専用サイトを構築する専用のテンプレートを用意して、コンテンツは一元管理する......などなど対応の手法そのものは問題ではない。問題なのは、すべてがPCサイトの導線で作られているということだ。お客さまの「導線」や「動線」※1は、ライフスタイルにともない劇的に変化していく。今は、まさにその過渡期にあると言えるだろう。今後、PCや他のデバイスを利用するときも、スマートフォンを利用する際の導線や動線が、主たる導線や動線になっていくだろうことは間違いない。真の意味での“モバイルファースト”※2、すなわちスマートフォン用のサイトを最初に作ることではなく、「スマートフォンを利用するお客さまのニーズへの最適化」を実現しなければならない時代の到来である。「PC用」や「スマホ用」など、デバイスごとに読みやすいフォントサイズにしたいのですが。Web担当者A写真のサイズは、やっぱりデバイスごとに最適化して、一番きれいな表示で見てもらいたいです。Web担当者Bスマホ用サイトのコンテンツは、PCサイトからの抜粋にしましょう。Web担当者Cほかにも、「タブレットは、押しやすいように余白を......」など、見た目に関して妙に細かく要求されることが多い。PCサイトのコンテンツが、スマートフォンできれいに見えさえすればいいのか?もちろん、これはWeb担当者だけの問題ではなく、制作会社やアプリケーションベンダーにも問題がある。レスポンシブデザインならお任せください!制作会社APCサイトを簡単にスマートフォン専用サイトにすることができます!制作会社B弊社のツールを使えば、PCサイトを簡単にスマートフォン用に変換できますよ!アプリケーションベンダーこれが、本当にスマートフォン最適化と言えるのか?PCサイトの表示をスマートフォンで最適に閲覧できるようにしているだけではないのか?もちろん、直近の対応として、まず表示の最適化を行うことは、間違いではないし、弊社でもおすすめすることはある。PCサイトとスマートフォンサイトの導線や動線が同一でもかまわない企業も、確かに存在する。ほとんどの企業にとって、PCサイトとスマートフォンサイトそれぞれで異なる導線や動線を提供するほうが、お客さまにとってより有益になるはずだ。これからのスマートフォン最適化は「導線」と「動線」に注目お客さまの「導線」と「動線」がスマートフォン基準になりつつある現状を考えると、単なる「PCサイトのスマートフォン最適化」では、今後は有効に機能しないだろう。そもそもWebサイトを作ることは、お客さまの問題を解決するための仕組みを作ることと同義である。それを成し得るには、お客さまのニーズにあわせて「導線」と「動線」を最適化し、コンテンツを最適な順番で提供しなければならない。本当に問題にすべきは、サイトの表面的な見た目ではなく、「導線」と「動線」の変化なのだ。「導線」とは、検索エンジンやソーシャルメディアから自社サイトのコンテンツへの移動のこと。「動線」とは、自社サイト内での移動のこと。この変化こそが、お客さまの変化であり、インターネットの変化なのだ。「導線」と「動線」の違いこれからのスマートフォン最適化とは、「導線」と「動線」を意識して、スマートフォンを利用するお客さまのニーズに最適化することだ。サイト設計は「PC中心」から「スマホ中心」へこれまで、Webサイトの設計はPCサイトを中心に考えられてきた。これからはスマートフォンサイトを中心に考える必要がある。理由は、ここまで説明したとおり、お客さまの「導線」と「動線」が変化しているからだ。スマートフォンでのサイト利用に慣れつつあるお客さまにとっては、スマートフォンサイトを中心にPCサイトの「導線」と「動線」を考えるほうが、使い勝手が良くなるはずだ。これこそ、真の意味で“モバイルファースト”の実現である。理想はPC用とスマートフォン用で別々の設計を行い、それぞれのユーザーニーズに最適化することだ。予算や納期が潤沢にあれば、この方法をおすすめする。予算や納期がぎりぎりの場合は、スマートフォン用の設計を優先させ、そのデザインやインターフェイスをPCサイト側でも利用するという、まさに「逆レスポンシブデザイン」がおすすめだ。少なくとも、PCサイト側のユーザーニーズ最適化をスマートフォン側に適用するより、カバーできるお客さまの数は格段に上がるはずだ。スマートフォンのデザインがPCサイトのデザインに展開される例スマートフォンでのユーザーニーズ最適化の手法は、PCサイトのユーザーニーズ最適化の手法と同じ「ユーザー体験シナリオ」※3を利用すればよい。検索エンジンよりもユーザーを思うべし」を参照ユーザー体験シナリオの例スマホのためのマテリアルデザインをPCサイトでも活用お客さまは、スマートフォンのユーザービリティやルールを当たり前のこととして受け入れ、身体もそれになじんでいる。いい例が視線の移動だ。紙媒体の時代は「Z型」、PCで検索に慣れてきた時代は「F型」、そしてスマートフォンに慣れてきた今は「I型」へと変化してきた。視線の変化Webサイトを作る側は、その変化と新しい常識に対応していかなければならない。重ねて言うが、お客さまは劇的に変化している。今まで正しいとされていたことや暗黙のルール、たとえば「ロゴを押すとホームに戻る」といったことが、ただの都市伝説になるのだ。これからは、PCにおいてもスマートフォンにおいても、あたかもATMのように、誰にとってもわかりやすく、どんなデバイスからでも使いやすく操作しやすいインターフェイスを要求される時代が間違いなくやってくる。その実現には、明確なルールが必要なことは言うまでもない。マテリアルデザインはその答えの1つであり、Webサイトの設計にも活かせる可能性を秘めている。2014年6月にGoogleマテリアルデザインガイドラインが公開されてから2年が過ぎ、AndroidはもとよりiOSのアプリでも、このガイドラインを取り入れたUI/UXの優れた作品が多数出てきた。マテリアルデザインが示すものは、以下の2点に集約される。インターフェイスがシンプルでわかりやすい押す場所がわかり、押したこともわかる。ATMのように、誰にでも使えるインターフェイスにしなければ使えない!ルールに基づいて設計されている明確なルールがあり、一度利用すれば使い方が理解できるので、誰でも利用可能。マテリアルデザインに関しては、スマートフォンに限った話だと思っていた人は多いと思う。これまでの説明を踏まえれば、PCサイトにもマテリアルデザインが必要なことが理解できるはずだ。マテリアルデザインが取り入れられたシカゴ科学産業博物館(左)とFCINQ社(右)のWebサイト本日のまとめユーザーはスマートフォンにどんどん慣れていくから、そのユーザーの経験や慣れを踏まえた最適化が必要。~成果を上げるための基礎知識とポイント~やりたいことや予算が決まっていないのに見積もりを求めるWeb担当者に喝!小手先SEOの終わりと新たなSEOの始まり。社長の生田昌弘氏によるWeb担当者Forumの連載「生田昌弘の『Web担当者に喝!』」のライブ版。Web業界の頑固オヤジこと生田氏が、連載のコンセプトそのままにライブで叱咤激励メッセージを届けます。第4弾となる今回は、「コンテンツファースト」をテーマに近年日本に上陸した注目の広告配信プラットフォーム「Crimtan(クリムタン)」と「ReFlow(リフロー)」を提供するクリムタンジャパンの若林氏をゲストに迎え、コンテンツファーストの考え方やCMSの有効な活用方法などについて紹介します。今回も、第3部のパネルディスカッションでは、参加者が申し込み時に記入した質問や相談に対してパネリストたちが回答します。まさひろ)株式会社キノトロープ代表取締役社長1959年生まれ。1985年に生田写真事務所を設立し、カメラマンとして活動を開始する。1993年12月にキノトロープを設立し、代表取締役に就任。以後、一貫した方針で数々のWebソリューションを築き上げる。現在もネットエバンジェリストとして布教活動を実践中。成功の法則』(ソフトバンククリエイティブ)、『次世代Webサイト構築ワークフロー』(インプレスジャパン)など。最近(過去90日間)の記事で、Facebookの「いいね!」が多かった記事をお見逃し無く。ネット広告への強い嫌悪感、テレビや新聞の倍以上に。いいね!伝説のTwitter企業アカウント“中の人”の先駆け。いいね!「おもてなし」は思考停止ワード。いいね!私は変人コレクター。「おもてなし」は思考停止ワード。歴史から最新トピックまでを解説Web担編集部がゼロから学ぶ、Tableau「BI講座」。Patterns』を3名様にプレゼント!【受付終了】企業がDXに向かう取り組み方を考える『デジタルファースト・ソサエティ』を3名様にプレゼント!すべて見るインフォメーションWeb担のメルマガを購読しませんか?Web担の記事がコンパクトに毎週届くメールマガジン「Web担ウィークリー」は、10万人が読んでいる人気メルマガ。忙しいあなたの情報収集力をアップさせる強い味方で、お得な情報もいち早く入手できます。編集後記サイトマップFAQ(よくある質問とその答)Web担に広告を掲載しませんか?購読者数10万人のメールマガジン広告をはじめとする広告サービスで、御社の認知向上やセミナー集客を強力にお手伝いいたします。