はじめに

POINT②ユーザーに興味を持ってもらえる投稿の工夫

はじめに

情報発信のツールという点では同じ、webサイト・ブログ・SNS。

従来の、テレビや雑誌などのマスメディアを通じた広告宣伝活動と並び、
自社で消費者と直接コミュニケーションしながらファンを育成・獲得していくための自社コンテンツのツールとして利用されています。
これらはどれもブランディングの役割を果たしており、企業・個人 どちらの場合も、自らが情報を発信することで、ユーザーを誘導することができます。
今更ではありますが、この３つのツールの違いについて改めて整理してみます。

3つのツールの違い

たとえば、今ご覧になっているこのページを含め、当サイトには他にもたくさんのwebページがあります。そういったwebページが集まって一冊の本のようになっているWebページ群を「Webサイト」と言います。




ブログは、情報を時系列、カテゴリなどで分類した情報を発信するサイトで、webサイトの一形態です。
ホームページよりももっと踏み込んだ、身近な情報を発信するためのツールです。




SNSはSocial Networking Serviceの略で、人と人とをつなぎ、コミュニケーションを楽しむためのサービスです。
多くの人からは、知り合いや友人などとのつながりを持ち、その間での会話に近いコミュニケーションツールとして使用されています。

各ツールのメリット、デメリット

PCサイト、スマートフォンサイトの違いって？？

「No.4　爆発的に普及率上昇中、スマートフォンサイトの重要性」で、紹介させて頂いたように、本当に爆発的にスマートフォンが普及しています。（詳しくは、「No.4　爆発的に普及率上昇中、スマートフォンサイトの重要性」をご覧下さい。）スマートフォン利用者が爆発的に急増している中で、スマートフォンサイトへの対応サービスが数多く出回っています。

「PCサイトに慣れているし、わざわざスマートフォン専用サイトを作る必要はないのではないかな？」と思われる人もたくさんいるかもしれません。スマートフォンサイトと言っても作るにはコストもかかるし、どのぐらい効果があるのかも分からない。確かに躊躇してしまいますよね。

ただ、今の時代はやはりスマートフォンに対応したサイトが必要とされています。
今回は「PCサイトと、スマートフォンサイトの違い」について詳しく紹介します。

PCサイト・スマートフォンサイト

まず、PCサイトと、スマートフォンサイトの大きな違いとして、
1, 画面の大きさの違い
2, 回線速度の違い
3, 操作性の違い
上記の3つがあげられます。

1, 画面の大きさの違いについて
PCとスマートフォンとではスマートフォンの方が圧倒的に画面が小さいです。
当然1ページに表示出来る情報量も変わってきます。
PCと同じ内容の文章を打ち込んでしまうと、画面が縦長になり、とても見にくいサイトになってしまいます。
とても良質な内容でも読んでいる人、見ている人が「読みづらい、見づらい」と判断しサイトを離脱してしまっては、意味がありません。

2, 回線速度の違いについて
PCは「光回線」という高速なネット接続が主流となっており、PCで通常のWEBサイトを見る時はほとんどのサイトがスムーズに閲覧可能です。
ですが、スマートフォンは回線速度が環境によってとても左右されます。
ページの読み込みが遅かったり、ローディングがいつまでも終わらないなどは、ユーザーの離脱を招く一番の原因です。
ページの読み込みが遅い、ローディングが遅いなどの理由の多くは、画像の多用です。
画像を多用した通常のPCサイトをスマートフォンで見ると、画像の読み込みに時間が掛ってしまい、1ページが表示されるまでに、かなりの時間がかかります。

3, 操作性の違いについて
PCはマウスによる操作で、クリックやスクロールをしますが、スマートフォンでは、指を使っての操作、タップとなります。そのため、マウスではクリックする事が問題なかったサイズの小さいリンクも、指だと押しにくくなってしまいます。
また、マウスを乗せた時に画像やテキストの色を変えたりする事がスマートフォンでは出来ないため、一目ですぐにリンクだと分かるようなデザインにしなければなりません。

上記の3点を踏まえて、PCサイトをスマートフォンで見るのは、ユーザーの離脱率が上がってしまう、とてもリスクが高い事なのです。

スマートフォン専用サイトは必要だと思いませんか？

76%のスマートフォンユーザーがスマートフォン対応していないサイトを使わない傾向にあります。その内の約三分の一の人がスマートフォン専用サイトではないと分かったら2度とそのサイトにアクセスしないという結果も明らかになりました。

PCだと自宅やオフィスなどで検索する人が多いです。
スマートフォンではどうでしょう？通勤時間や、家事の合間、外出中の空いた時間などと、多くの場所、場面で使用します。PCでサイトを閲覧する場合とスマートフォンでサイトを閲覧する場合では、検索ワードも異なります。

まとめ

つまり、PCユーザーとスマートフォンユーザーのどちらにも見てもらいたいサイトを作成するのであれば、スマートフォン専用サイトが必要不可欠です。スマートフォンユーザーが見やすいデザイン、見やすいコンテンツ、検索するワードなど、スマートフォン専用サイトを作成する事によって、爆発的に普及率上昇中のスマートフォンユーザーを獲得する事が可能なのです。

爆発的なスマートフォンの普及

この近くにラーメン屋はないか・・・○○に行きたいけどどこだっけ・・・
Facebook、Twitter、InstagramなどSNSの利用。
このような日常のいかなるシーンでも、スマートフォンを使用することが当たり前になりました。

保有世帯の割合が64.2%となった「スマートフォン」。(総務省　平成26年通信利用動向調査)

同調査によると、
情報通信機器の保有状況（個人）は
自宅パソコン　　　25年：56.6%　→　26年：52.7%
スマートフォン　　25年：39.1%　→　26年：44.7%

端末別インターネットの利用状況（個人）は
自宅パソコン　　　25年：58.4%　→　26年：53.5%
スマートフォン　　25年：42.4%　→　26年：47.1%

このデータを見ると、パソコンよりもスマートフォンを使用する人が増加傾向にあるといえます。
ユーザーは年々増加しており、スマートフォン市場は加速し続けています。

スマートフォンサイトの現状と重要性

かつては外出先でモバイル端末から情報収集を行い、自宅のパソコンから問い合わせや買い物をするという流れが主流と考えられていました。
しかし最近では、家にいてもPCは使わず、スマートフォンで情報収集から予約・お買い物まで完了するシーンが増えてきています。

ユーザーのこのような動向から、
「スマートフォン」で自社のサイトが見やすく作られているか、作られていないかが、大きく企業の集客・売上に影響する時代になってきています。

企業のスマートフォン対応

企業のホームページ開設率は87.1%。(総務省　平成26年通信利用動向調査)

そのうち、企業のスマートフォン対応状況は平成26年：39.4%
(「2015年企業のインターネット広告・モバイル広告利用動向調査」日経BP社「日経デジタルマーケティング」・D2C)
25年には27.3% だったことから、企業のスマートフォンサイトへの対応が急速に進んでいることがうかがえます。
しかしながら、半数にも満たっていないのが現状です。

スマートフォン対応(レスポンシブ)サイト≠スマートフォン専用サイト

スマートフォンサイトには、
①スマートフォン対応(レスポンシブレイアウト)サイト　と
②スマートフォン専用サイト
の２種類に分かれています。

大きな違いは、
①スマートフォン対応(レスポンシブレイアウト)サイト → PCサイトが基盤となり、スマートフォン用ページに最適化されたサイト。
②スマートフォン専用サイト → スマートフォンに最適化された、PCとは別の専用スマートフォンサイト。
という違いです。

企業においては、PCサイトはあるがスマートフォン対応・スマートフォン専用サイトの無いところが多く、
①の需要が非常に多くあります。

モバイルフレンドリーの重要性

2015年4月21日に、Googleはスマートフォンでの表示に最適化されたWebページを検索結果で優遇するアルゴリズム変更(いわゆるパンダアップデート)を実施しました。
これにより、スマートフォン検索結果において、スマートフォン対応であることは必須条件となりました。つまり、PCページのみを持っていても、スマートフォンユーザーには届かなくなる可能性があるということです。



「モバイルフレンドリー」とは、

スマホSEO対策、あなたのサイトは大丈夫？

グーグルの検索エンジンが2015年4月21日より、モバイルフレンドリー（＝スマホに対応している）サイトかどうかで、検索結果に影響が出るようになりました。そのような背景と、増え続けるスマートフォンユーザーのためにもスマホSEO対策が非常に重要なものとなってきています。

サイトデザイン

見てもらいコンテンツが充実していたとしても、それを効果的にユーザーへ伝えることが出来なければ意味がありません。また、見てもらってるにもかかわらず、求めているターゲット層でなければ目的を達したとは言えないでしょう。

目的に合わせたデザイン

いきなり見た目を作り始めるわけではありません。まずはデザインをするために必要な情報を集めます。

1.サイトの目的：コーポレートサイト、ブランディングサイト、ECサイト…
サイトレイアウトの方向性を決定づける要素です。ブランディング強化が目的なら、ファーストビューで大きい写真を使用したレイアウトが向いています。ECサイトなどでは、素早く目的に導くために商品などの情報を一覧できるレイアウトが向いています。

2.ブランドイメージ：清潔感、安心感、高級感…
メインカラーを決める際に重要となります。色によって心理的に受ける印象は異なります。例えば、青は冷静さ・クールな印象を与えます。対照に、赤は人の感情を興奮させるため、躍動感をもたらします。イメージに合わせたカラー選択をすると良いでしょう。

3.ターゲット層：男性・女性、地域、年齢層…
サイトの装飾を決める際に参考となる要素です。シニア向けマンションを紹介するサイトに、若い家族写真使用しないように、それぞれの対象に合った写真・装飾選びが必要になります。

これら3つの要素を意識してデザインすることで、ユーザーを惹きつけ、感覚的に選びとってもらえるサイトになります。
ただし、場合によってはこれらの要素をそのまま採用すると逆効果になることもあります。サイトの目的を見つめ直し、何が一番重要かを考慮して柔軟にデザインすることも必要です。

ユーザーを迷わせないデザイン

WEBサイトが紙媒体（チラシや雑誌）と大きく異なるのは、ユーザー自らに動いてもらい求める情報にたどり着いてもらわなくてはならない点です。雑誌であればページをめくれば自然と次の情報に移れますが、WEBサイトはまずユーザーに「欲しい情報に繋がるリンクを探してもらう」ところから始まります。
ユーザーを迷わせることのないデザインのポイントをまとめてみました。

・ボタン
ボタンは押せることがひと目でわかるデザインにします。四角く囲んだデザインが多いですが、周りにボタン以外の要素で四角く囲ったデザインある場合は、それらと区別をつけた工夫が必要になります。

・アイコン
最近はシンプルにアイコン一つを配置するものが増えてきました。その際、ここで使用するアイコンはひと目で意味がわかる形を選ばなければ、ユーザーはこのアイコンをスルーしてしまします。凝った形のものより汎用的なデザインを選びましょう。

・テキストリンク
テキストにリンクを貼る場合は、非リンクテキストにまぎれてテキストリンクと気づかれなければ意味がありません。テキストリンクには色味や下線などで区別をつけたデザインスタイルを入れる必要があります。

・よく使用するメニューは格納しない
スマートフォンではよく見られる格納型メニューですが、目的のものがどこにあるのかわかりにくくなります。使用頻度の高いものに関しては、極力格納せず、ひと目で見つけられるようにすると良いでしょう。

・いま見ているページがどこかわかるようにする
ページ数が多いサイトでは、いま見ているページがどこをたどってたどり着いたページかわかりにくくなります。ひとつの方法に「パンくず」を設置する手もありますが、現在地のメニューボタンの色を通常と違う色を使用するなどの方法もあります。

特に押さえておきたいポイントをピックアップして紹介しましたが、これらをすべて適応したらユーザビリティがあがるわけではありません。WEBサイトを閲覧している環境はユーザーにより様々で、それぞれに合ったユーザビリティの考え方があります。
「これをしたら完璧」ではなく、サイトの目的に合った条件に優先順位をつけてユーザビリティ向上をはかると良いでしょう。

まとめ

designは日本語訳で「設計・意匠」と訳されます。今まで述べてきたように、目的に沿ってレイアウトや色を決めていく過程はまさしく設計です。デザインが世間一般で言う、いわゆる“奇抜で目を引くオリジナリティにあふれたもの”ではないことがわかって頂けたと思います。
オリジナリティを出したい気持ちは誰もが持つものですが、「誰に見てもらいたいのか、そしてどうして欲しいのか」を忘れずにしっかりとdesignすることで、自ずと「良いサイト」に仕上がるでしょう。

はじめに

WEB制作ツールが開発された事により、HTML、CSSなどの専門的な知識が無くとも、
誰でも簡単にWEBサイトを持てる時代になりました。WEBサイトの数は世界で10億件を突破し、いまだに増加傾向にあります。

あなたが、今まさにWEBサイトを制作しようとしているのであれば、星の数ほどあるWEBサイトから、自己のWEBサイトを見つけてもらう必要があります。
仮に見つけてもらっても、すぐさまサイトを離脱されてしまっては、伝えたい事も伝わらないでしょう。

無計画なＷＥＢサイト構築は無駄に終わる

ＷＥＢ制作会社という専門業が確立されている以上、『分からないけど、とりあえず作ってみよう！！』という
ＷＥＢサイトでは、厳しい話ですが、見つけて貰えない、直ちに離脱されるサイト＝無駄なサイトになるでしょう。それどころかマイナス要因にすら成り得ます。※2
では、どういった点に注意すればいいのか？どういった制作工程を踏めばいいのか？
失敗を回避する為のポイントを紹介します。

失敗を回避する為のポイント

①ＷＥＢ構築の目的を定める
ＷＥＢサイト制作において、一番大事な工程です。目的を抜きにサイト制作は行えないですし、目的が無いのであれば作る必要すらないでしょう。箇条書き程度の簡潔なもので構いません。各項目ごとに【最優先すべきは何か？】明確に決めてから制作に取り掛かるべきです。
　

●目的は？	例A：売上向上	例B：求人	例C：ブランド向上
●誰に対して？	例A：顧客（主に新規顧客）	例B：就職活動者	例C：顧客（主に既存顧客）

例A、B、Cではそれぞれ目的としている内容が異なります。
ここが定まっていないと、デザイン、コンテンツを思案する際に矛盾が生じてしまいます。


大まかにケース化すると、

デザイン◎	見て貰う仕組み◎	コンテンツ×
デザインが優れていて、目に触れる機会が多いものでも、 中身が無ければ何を目的としているのかユーザーには伝わらないでしょう。

デザイン◎	見て貰う仕組み×	コンテンツ◎
デザインが優れていて、中身がしっかりとしているものでも、 目に触れる機会が無ければ、ユーザーが気づく事はないでしょう。

デザイン×	見て貰う仕組み◎	コンテンツ◎
目に触れる機会が多く、中身がしっかりとしているものでも、 新聞の様に端的に文字を綴っているだけでは、ユーザーがしっかりと読む事はないでしょう。

結局は①で定めた、誰の為のWEBサイトか？を無視してしまうと、失敗事例の様な状態に陥り易くなります。

最後に

様々なポイントを紹介しましたが、失敗を避けるポイントはあっても、目的もが一つでない以上、見る人が不特定多数である以上、ＷＥＢサイトにこれが正解だというモノはありません。
　
更に、目覚ましい進歩を遂げているWEB業界、これからも新しい手法、技術が開発されると言われているので、正解は本当に個人の主観次第となってしまいます。


WEBのトレンド、Googleアルゴリズムの傾向、様々な観点から考えるに、あなたがWEB専門業では無い限りは、WEBサイトに対して使える【時間・制作労力・運営労力】と【WEB会社へ費用を支払う事】を天秤にかけてみて下さい。餅は餅屋に相談してみるのが正解なケースもあります。