世界の何か国かで、持続可能な開発目標を掲げる取り組みが、推進されています。その中でも日本は、まだ少数ではありますが、大手メーカーを中心に取組が始まっています。
SDGsは2015年9月の国連サミットで採択されたもので、国連加盟193か国が2016年から2030年の15年間で達成するために掲げた目標です。
日本では、2021年春から容器回収型通販サービス「LOOP」がスタートしました。大手メーカー24社が参加する取り組みですが、各社工夫を凝らした製品作りが展開されています。
LOOP用に開発したステンレス容器 ■画像参照：ロッテ
元々LOOPは、アメリカのリサイクル会社/創業者が立ち上げたもので、繰り返し使える専用容器を使い、容器を回収・再利用することで、ごみを出さないライフスタイルを提供しています。この仕組みがSDGsに繋がる取組として注目を集めています。
LOOPに参加予定のメーカー商品 ■画像参照：日経クロストレンド
実際の販売は自社ECサイトや、店舗販売にはイオンと提携し販売を推進して行くようです。
LOOP商品を店舗で購入した消費者は、使い終わったら容器を店舗に持参し、回収ボックスに入れる必要がありますが、ネットスーパーで購入した商品の容器は、配達員が次回以降に届けた際に、回収する仕組みとなっているようです。
スマホファースト(スマートフォンでの閲覧を優先させること)という言葉が示すように、ユーザーがスマートフォンからWEBサイトを閲覧することは、当たり前の時代になってきました。またipad等に代表されるタブレット等からも閲覧が多くされています。
我々WEBコンテンツの制作側にとって、異なるデバイス間での閲覧の差異を埋めることは、もはや当たり前の作業となりました。しかし現実にはとても手間がかかり、確認作業が非常に手間でもあります。
その中において実際に使いやすい画面設計について考えてみたいと思います。
フラットデザインは文字通り平面的でシンプル、過度な3次元的な装飾性の無いデザイン。
ウィンドウズ8が発売されたとき、マイクロソフトは平面的でシンプルなインターフェースを採用し話題となりました。またアップルなども近年サイトにおいて、極めてシンプルな様式を採用しています。これらのデザインはフラットデザインという考え方をベースにしていると言われています。
・近年スマートフォンの様な画面領域の狭いデバイスでは、扱いやすさを優先的に考える。
・ユーザーのデジタルデバイスの習熟度が高まったため、余分な装飾的なデザインが必要無くなってきた。
・これらのデバイスとのデザインの親和性などが考慮され、シンプルな画面デザインの必要性が高まってきた。
WEBは元々グラフィックデザインの技術が使われています。しかしそこに人がタッチしたりクリック、ドラッグ、スクロールしたりする動きが加わるため、ユーザビリティの概念が必要になります。
Webページは主に、4つの領域から構成されています。
●ヘッダー領域
●ナビゲーション領域
●コンテンツ領域
●フッター領域
まず通常のPCからのWEBサイト閲覧の際、大きく分けて4つほどのレイアウトパターンが存在します。
①シングルカラムレイアウト
ひとつのコンテンツに対して、ディスプレイのサイズを最大限に活用できるシングルカラムレイアウトは、「画面いっぱいの写真」や「大きな見出し」「大胆なホワイトスペース」などの大きなオブジェクトを配置しやすく、閲覧者の注目をコントロールすることができます。
②マルチカラムレイアウト
2カラムや3カラム（マルチカラム）のWebサイトは、メインコンテンツとサイドバーで構成されたレイアウトになります。マルチカラムを使用したWebサイトのメリットは、ユーザーの回遊率に期待できる点です。そのため、ECサイトなど多くの商品を見てもらいたいサイトの場合で活用されています。
③グリッド型レイアウト
グリッドレイアウト(グリッドデザイン、グリッドシステム)はホームページのデザイン手法の一つで、画面やページを縦横に分断する直線で格子状に分割し、これを組み合わせてブロック内の要素の大きさや配置を決定していく方法のことです。
④フルスクリーン型レイアウト
フルスクリーンレイアウトは画面全体に画像や動画を表示させるレイアウトで、ビジュアル要素をダイナミックに訴求し、ユーザーにインパクトのあるサイトという印象付けをしたい場合に効果的です。
・規則性に基づいて、レイアウトを行う事。
・ユーザーはF字型の視線移動行う。
・現在位置を知る－パンくずリストー
・文字の大きさ
・直感的に見て分かるナビゲーションやボタン
・サイトに接続した際の読み込み速度
・画面スクロールの適正な長さ
・すばやくトップ（上部）に戻れるか
最終的には人は繰り返しの学習によって、ひとつのインターフェースを習得するようになります。極力”整理されて見やすい”、”分かりやすい”ということが、習得を早めるものだと考えます。
神奈川県横浜市にあるタクシー会社「三和交通」さんでは、タクシー会社としては今までにないサービスで、注目を集めている企業さんです。
元々この会社の代表者である吉永さんは、デザインの仕事に携わっていたようで、オリジナリティ溢れるアイデアで新たなサービスを次々と生み出しているようです。
具体的なサービスとして人気なのは、出産間近の妊婦さんをサポートする「陣痛119番」や、ペットと一緒に乗車できる「ペットタクシー」など、人の気持ちに寄り添ったサービスを提供しています。またこれらとは、別にシークレットサービス風のドライバーが送迎を行う「SP風タクシー」や、心霊スポットをタクシーで巡る「心霊スポットツアー」などがあり、思わずクスっと笑ってしまうサービスが目を引きます。
心霊スポットツアーのバナー広告 参照：三和交通WEBサイトより
代表者である吉永さんは、元々映像関連のクリエイター出身だそうで、「高齢化が進むタクシー業界の古臭いイメージを払拭したい」という考えのもと、新しいサービスを生み出し、企業ブランディングを進めているそうです。その成果もあり、最近の新卒採用では、以前の５倍近い応募があるそうです。
ペットを連れて乗ることができる「ペットタクシー」は人気サービスのひとつ 参照：三和交通WEBサイトより
SP風の運転手が出迎える「SP風タクシー」（本物のSPではないそうです。） 参照：三和交通WEBサイトより
少し変わった「クスッ」と笑えるもの、かと思えば人の気持ちに寄り添ったサービスもきちんと用意されており、タクシー業界に新たな兆しが垣間見える、これからのお手本のようなタクシー会社さんのような印象を受けます。これらの伝達手段はWEBをメインとしており、このようなブランディングもあるのだなと感じます。
実際のWEBサイトを作るうえで、最近では様々な手法が使われるようになりました。その中でもUXデザイン(User Experimence)は比較的メジャーで、文字通り「ユーザーの体験設計」を指します。
UX（ユーザー体験）の解釈、定義UX（ユーザー体験）＝「ユーザーのタスク」 ＋「コンテキスト」
ユーザー体験を「 ユーザーのタスクとコンテキスト」と捉えることで、 UXを設計しやすくなります。
ユーザー には何かしらの要求があり、その要求のためにタスク（目的）を達成します。タスクを達成する状況を踏まえてサービスやWebサイトを設計することがUXデザインです。
コンテキストとは、ユーザーがそのサイトを利用する状況や環境を言います。ユーザーの利用シーンをイメージすることでユーザーはどのような情報やコンテンツを欲しているのかを理解することができます。 しかし、同じ言葉でも状況によって意味が異なる場合があります。
例えば、 同じ「UT」という言葉でも、ユニクロのTシャツと思う人もいれば、Web業界の方だとユーザビリティテストと思う人もいるでしょう。 同じ苗字でも年代によって異なった有名人が思い浮かぶのも同じです。
だからこそサービスやサイトをデザインするには、ユーザーの理解とユーザーが利用する環境や文脈までを考慮してデザインする「UX設計」が重要なのです。
UX 設計で重要な道具であるペルソナ 設定してサイトの目標を達成する
ペルソナとはラテン語 で、人格、仮面、キャラクラーを示します。
ペルソナは、リサーチから得られた実在する人物の明確で具体的なデータのパターンを見つけ出し、それをもとに作り上げた架空の人物像です。 開発 者 や マーケター の 勝手 な 思い込み によって設定されたり、変更されるものではありません。 ペルソナを設定することでより具体的に開発をすることを目的としています。
カスタマージャーニーマップで顧客の行動や心理を可視化する
ペルソナ 法 でも シナリオ（ 脚本） を 利用 し ます が、 より ユーザー の 行動 を 明確 に 可視化 さ せる ため に カスタマージャーニーマップ を 作成 し ます。 カスタマージャーニーマップ は、 Webサイト以外にも利用され、デザイン思考でビジネスモデルを 設計する際に利用します。例えば、銀行というサービスを 顧客の行動や心理を可視化させるために利用します。Webサイトとリアルが融合するサービスではカスタマージャーニーマップを作成することで、Webサービスと現実の サービスが連携することができます。 カスタマージャーニーマップ の描き方の基本は、チャネル（ タッチポイント）、 顧客の行動、思考、感情を表していきます。
ストーリー ボード
カスタマージャーニーマップ は カスタマーの行動と感情、チャネルと接点、ストーリーを主に言葉で表現していました。そのストーリーを描写することでコンテキストも含まれより明確化されるのがストーリーボード です。ストーリーボードは、漫画のような絵コンテです。漫画は主人公などのキャラクターがいて、情景やセリフがあり物語を伝えます。絵コンテは映像の設計図でカメラのファインダーを通した演者の導線を描きます。ちなみに、漫画にもネームという物語の見せ 方、カメラ割りのような設計があります。
上述のようにＵＸデザインの考え方はWEBサイトにも応用でき、既に多くのサイトで取組まれている手法です。
確実にサイト集客をし、ユーザーの行動や意向に沿うサイトにするための、具体的手段として欠かせない手法です。
しかし現実にこれらを駆使してサイト設計に反映させる場合、すぐに結果が出るというものでもありません。
これらはあくまでスタートであり、その後の運用も重要になって行きます。
やはりサイト運営は、日々の運用方法がその後の成果を判断するものとなりますので、根気よくPDCAサイクルを繰り返し、集客ができるサイトにして行きましょう。
一部を除き、WEBサイトにおける集客には、限界があるようになってきました。
世界中に何億と存在するWEBサイトから、たった一つのサイトを、検索の上位に持ってくることは、多くの労力とコストが掛かります。
今回は色々な書籍や実際のサイト運営から学んだ知識・手法を、今後企業様がどのようにサイトを活用して行けばいいのか、少しでも役立てばと思い、一部記事として紹介致します。
今では企業のWEBサイトはカタログ以上の付加価値を提供することができ、実際の営業の「情報提供」という機能も、
取って替わられている傾向にあります。
また顧客の情報収集先も”WEBサイト”が入り口となりつつあり、顧客の行動範囲が変化するにつれ、情報収集が容易になりました。そのためWEBサイトに単にカタログの情報を載せ、総合的な問合せを置いているだけでは、アピールにはならなくなっています。
上述しましたが、今ではサイトのみでの集客には限界があります。
それらを補うためには、自社が持つ営業資産／コンテンツを再度見直し、それらを複合的に利用していくことが、これからのBtoB営業戦略になると考えます。
単にサイトから新しい顧客を獲得するだけでなく、サイトを使用して、今抱かえている営業課題を解決してゆくこと。
さらには今までできなかった新しい営業戦略の仕組み・実現を生み出すこと、これがこれからのBtoB WEBマーケティングだと考えます。
顧客は大きく分けて3つのブロックに分類できます。
1.新規顧客 2.既存接点顧客 3.既存顧客
営業活動を繰り広げる中で、それぞれ課題があり、例えば自社のサービス等の認知が不足していることや、商談後の成約率が低い、その後アプローチ出来ていない等があります。探し出せば何かしら必ず見つかるはずです。
自社の営業の流れがどのように進んでいるのかを可視化することで、抱かえている課題や不足要素が見えやすくなり、課題解決の糸口を掴むことができます。
営業課題や営業プロセスを明確にすることで、WEBサイトをどのように利用すれば良いかが見えてきます。不足している機能を補うことや、一部のプロセスをWEBサイトに任せてしまう等が上げられます。
現在WEBの世界ではSNSに代表される様々な宣伝手法があり、それらの特性を考慮しながら自社に合った、最適なツールを選択することもできます。
①不足している機能を補うタイプ
営業活動の中で不足している部分をWEBマーケティングで補うイメージです。例えば新規営業が不足しているならば、サイトやWEB広告を使います。接点のある顧客ならばメール配信等を使ってフォローの形を取るといったことです。
②一つの領域に特化させるタイプ
ターゲットを分類したり、分析したりしていくと、狙うべきターゲットにまんべんなく労力をかけるよりも、特化した対象に注力したWEBマーケティングを行う。
ターゲット絞ることでコンテンツが特化した形となり、製品やサービスのメリットを打ち出すことができます。
③全く異なる領域を分担させるタイプ
営業活動の都合上、どうしても地方まで網羅できないことがあります。そんな時、実際の営業は効率性を重視して都市へ集中さえ、地方はWEBマーケティングに任せ、オンラインで営業を完結させるといった方法です。
④一部の”プロセス”を任せるタイプ
一連の営業プロセスの中で、一部をWEBマーケティングに完全に任せ、人とWEBサイトの担当領域を明確に切り分けるイメージです。24時間オーダー可能なネットショップに代表されるような仕組みですが、魅力的である必要があります。
⑤対象領域を大きく拡大させるタイプ
営業活動の中で不足している部分をWEBマーケティングで補うイメージです。例えば新規営業が不足しているならば、サイトやWEB広告を使います。接点のある顧客ならばメール配信等を使ってフォローの形を取るといったことです。
上述のようにBtoBWEBマーケティングは、営業が持つ課題を見つけ出し、それらをどうWEBサイトと絡めて活用して行くかがポイントとなります。適切なサイトの利用方法を日々模索して行くことも大切と言えます。