日本進出が話題になった「Netflix」。Netflixは、オンラインDVDレンタルや映像のストリーミングサービスで、会員数は全世界で5000万人以上と言われる、世界最大手の映像配信サービスです。特に米国では普及率が高く、「Hulu Plus」や「Amazon Prime」と激しく競い合っています。 Netflix：作品数がダントツで多い。ただし古い作品がメインで、最新作は含まれない。たとえばテレビドラマは、シーズンが終わってから一気に追加される Hulu Plus：作品数は少ないが、新しいエピソードが充実。ただし見逃し想定なので、最新の5話のみ視聴可能といった制限がある（日本のHuluとは異なる） Amazon Prime：作品は比較的多い。米国内送料無料化サービスのおまけなので安い。最新作の視聴には追加料金がかかる。

楽天や米アドビで活躍したトップアナリスト初の著書『コンセプトダイアグラムでわかる [清水式]ビジュアルWeb解析』（清水誠 著）が、2015年3月18日、KADOKAWAから発売されます。Amazon.co.jpほかネット書店、大型書店で予約受付中です。 アクセス解析の常識を覆す、新しいフレームワーク アクセス解析ツールを導入しても周りや上司から価値が理解されず、組織的に動けないまま、活用されないツールになっていませんか？ せっかく分析したのに、「当たり前の結果」しか導きだせず、ビジネスに役立たないと嘆いていませんか？ 「PVやUUはもう古い！」では、なにを分析すればいいのか分かりますか？ アクセス解析ツールに表示される数値を毎週レポートにまとめるだけの仕事をしていませんか？ 本書は、著者の清水氏がこれまで国内外のさまざまな企業の内外で実践してきた整理・解析・改善のノウハウを「ビジュアルW

「夏までに会員数を増やしたいんだけど、広告予算はあまりないんだよね。皆元さんってネットに詳しいんでしょ？ 何かいいアイデアない？」と、通っているスポーツジムの社長から相談を受けました。予算がない時点で断ろうと思ったのですが、「イケメントレーナーの個人レッスンを半年タダ」との誘いに乗ってお手伝いすることにしました。 予算がないから広告の大量出稿もできない、時間がないから長期的なSEOも難しい。でも社長からは、「Facebookで宣伝したら」「LINEでファンを集めて」など、無茶な思いつきばかり。そこで、編集を担当した、清水誠さんの書籍『［清水式］ビジュアルWeb解析』（KADOKAWA刊）を参考に、「コンセプトダイアグラム」という手法で施策を検討してみることにしました。 ジムに通う人の気持ちを図にしてみよう コンセプトダイアグラムは、企業から見たユーザーの行動や気持ちの変化を図で表現し、必要

サイト内コンテンツのコンバージョン貢献度を調べる場合は、「ページ」単位で分析するのが一般的です。Web解析のツールにも充実したページ分析機能が備わっていて、特別な設定や実装をしなくても利用できます。 ただし、同一ページ内に掲載された小さなコンテンツエリアやUIパーツの効果を分析したい場合は、「ページ」単位では荒すぎます。また、コンテンツエリアは読むだけでクリックのようなアクションが発生しないことも多く、計測して分析するには工夫が必要です。 そこで今回は、ページ内のどのコンテンツエリアが閲読されたかを調べ、その貢献度を分析する方法について紹介します。 エリアの閲読を計測する方法 エリアの閲読分析は、クリックのような分かりやすいアクションが発生しないので、アイトラッキングのようなリサーチを実施するしかないと思われがちですが、工夫すればWeb解析ツールでも定量評価できます。マウスの移動やスクロー

問い合わせや申し込みなど、Webサイトのコンバージョンに直結するフォーム。コンバージョン率を何とか上げようと個々の入力項目を細かく改善しても、費用対効果の高い改善は見込ません。 入力フォームの定量分析は、個々の入力項目という「木」を見る前に、その木はどんな「森」のどんな部分に生えているのかを見る必要があります。 たとえば、未記入のまま送信されて頻繁にエラーになる項目があったとしても、諦めずに再入力して送信を終えているのなら、致命的な問題とはいえません。 そこで今回は、ユーザー視点でフォームの利用行動をモデリングし、改善すべき箇所を特定する方法と、見るべきデータ、改善ポイントについて紹介します。 フォームの利用行動をモデリングしよう フォームがユーザーにどのように利用されるのか、どのような理由でフォームへの記入が中断（ドロップ）されるのかについて、図解しながら考えてみます。 この例ではユーザ

マウスカーソルを重ねると下層の項目が開く階層型のメニュー（ドロップダウン）では、カーソルを注意深く移動しないとメニューが閉じたり、隣のメニューが開いたりしてしまうことがあります。 Amazonでは、このような誤動作を防ぐために、カーソルが下層のメニューに向かって移動している間はメニューが少し長めに開き続けるようになっていることが最近、ブログで紹介され、話題になりました（英語のオリジナル記事／日本語の紹介記事）。 操作してみると確かに快適ですが、説明されなければ気がつかない地味な工夫です。 ユーザーの利便性を高めるために地道に改善を積み重ねるのも大事ですが、誰にも気がつかれないのはもったいない話です。効果を定量的に検証できるようにすれば、制作スタッフの貢献度が社内で認知されるようになり、いろいろな提案が通りやすくなるでしょう。 また、改善のつもりが実は効果が薄く、作り手の自己満足で終わること

アップルのWebサイトにRetina対応のiPadでアクセスすると、一昔前のWebサイト（インターレースGIF）のように、ボケた画像がジワっとシャープに切り替わります。通常の画像を表示した後で、Retinaディスプレイの場合には解像度が高い画像へ切り替えているのです。 それぞれの画像について、低解像度版と高解像度版の2種類を読み込むことになるので、転送データ量が増えてサイトの表示が遅くなってしまいますが、アップルは自社商品のイチオシ機能であるRetinaディスプレイでの表示の美しさを優先させたのでしょう。 このような画像切り替えは、「retina.js」や「retina-replace.js」などのJavaScriptライブラリーを使うと比較的簡単に実装できますが、すでに掲載している画像の高解像度版を用意したり（素材が残っていない場合は作り直しになる）、今後掲載する新しい画像を通常版と高解

会員登録制サイトに欠かせないログインボタン。ヘッダーの右上に設置されていることが多いですが、購入などのアクションを起こした時点でログインフォームを表示するようにしておけば、ユーザーにわざわざ「ログインボタン」をクリックしてもらう必要性は薄れます。 ユーザーが明示的にログアウトしない限り、ログイン状態を維持しておくのも有効です。後日再訪問したときには「ようこそ○○さん」などと表示し、ログイン状態が続いていますが、購入や登録情報の閲覧など高いセキュリティが必要なアクションでは再度認証を求めます。わざわざログインしないでもパーソナライズされた情報が表示されるので、ユーザーにとって利便性が高く、運営側にも「会員の行動履歴を取得しやすい」「ターゲティングによりコンバージョン率が上がる」などのメリットがあります。 このように、「ログイン」「ログアウト」ボタンはどの程度目立たせればよいのでしょうか？　今

アップルのサイトで印象的な「カルーセル（画像スライダー）UI」。しばらくすると、ページ上部の大きなエリアが右から左へなめらかに流れていきます。エリア下部のドットや左右の「＜」「＞」をクリックし、手動でも切り替えられます。 カルーセルにはバリエーションがありますが、本記事で取り上げるのは以下のようなスライダー型のUIです。 エリア全体が一定間隔で右から左へ流れていく エリア下部のドットが現在位置を表す ドットや左右の「＜」「＞」をクリックし、手動でも切り替えられる ページを遷移することなくコンテンツが切り替わるので、貴重なエリアを有効活用できる点が優れています。タブと違って、隠れたコンテンツが気付かずに埋れてしまうことも減りそうです。 ただし、広告だと無視されてしまうバナーブラインドネス効果が発生するリスクがあります。脈絡が無く連続性の低いプロモーション画像をつなげると違和感があるため、CD

前回は「良いコンテンツ」を評価するための指標について検討しました。複数の指標を組み合わせることによって、コンテンツを企画したときの「狙い」を多角的に評価できるようになりましたが、過去のパフォーマンスの評価だけでは不十分。将来を予測し、次の一手を決められるような仕組みを定常的に運用したいところです。 そこで今回は、コンテンツへのアクセスが長持ちしているかを日々ウォッチし、既存コンテンツの効果を持続させるためのテコ入れを検討したり、次に公開すべきコンテンツの内容やタイミングを調整したりすることで、サイト全体の集客力をコントロールする方法について検討します。 知りたいこと＝長持ちしているのか？ Webのコンテンツで難しいのは、効果（アクセス数）が長持ちしない点です。公開した直後の新規コンテンツは、トップページからリンクしたりメルマガで紹介したりすることで、ある程度のアクセスが集まります。ソーシャ

コンテンツが重要な時代になってきました。SEOでは良質のコンテンツ作成が王道だ、と昔から言われていましたが、最近のGoogleのアルゴリズム変更はその理想論を現実に近付けました。「コンテンツマーケティング」という言葉も耳にするようになりました。 ただ、自社サイトの特性に合わせて良質のオリジナルコンテンツを作るためには、工夫やリソースが必要になります。そこで、何が「良いコンテンツ」なのかを定義し、その「良さ」を客観的に評価できるようにしておくと便利です。著名ライターに依頼したり、コストをかければ良いというわけではありません。精度や効率を無視してお金をかけ続けるような運用は、最初はよくても長続きしないでしょう。 そこで今回は、良いコンテンツの定義と測定方法について考えてみます。 良質なコンテンツを読むとどうなるのか？ 良いコンテンツに出会うと、ユーザーはどう行動するのでしょうか？　いつものよう

Webページのコンテンツ量が多い場合、ページを分割し、ページ間を移動するためのナビゲーションを設置することがあります。巻物のように長いページと、分割された複数のページは、一体どちらが優れているのでしょうか？ 長いページは「素人っぽくてダサイ」「古い」「ユーザビリティが低い」とネガティブなイメージがありますが、上のように整理してみると、そうは断言できないようです。ページ分割は、通信回線が細く、ブラウザーの描画能力が低かった時代の考え方の名残であり、どちらもほぼ解消された今となっては、デメリットも目立つようになってきました。分割するとしても、スマートフォンやタブレット端末、デスクトップ用の高解像度ディスプレイ、と画面サイズが多様化したため、どの程度で区切るかの判断が難しいところです。 先入観を捨ててユーザー視点で考えると、小さなリンクを狙ってマウスを操作し、次のページが表示されるまで待たされる

サイト内のコンテンツを検索できる「サイト内検索」機能。アクセス解析ツールにちょっとした設定を追加すれば、ユーザーがどんなキーワードでサイト内を検索しているか、計測できます。サイト内検索のキーワードを調べることで、ユーザーの情報ニーズが分かり、コンテンツの制作や改善の参考になります。 ただし、一般的なアクセス解析ツールで分かるのは、キーワードごとの検索回数のみ。適切なコンテンツが表示されたのか、ユーザーが探していた情報は見つかったのか、などの利用状況までは分かりません。検索キーワードのリストだけを眺めても「なるほど」で終わってしまい、改善のアクションにはなかなかつながらないものです。 そこで今回は、「検索結果がゼロ件だった」というゴールを設定することで、確実にサイトの改善につなげる方法を紹介します。 知るべきことを知る 知りたい訪問者の行動を図解しつつ、訪問者が「サイト内検索」を実行した後に

アクセス解析の世界では、直帰率や離脱率が低いページのコンテンツやデザインを改善することで、コンバージョンを高める手法がよく使われます。こうした最適化が基づいているのは、「迷うと離脱する」という仮説ですが、人間はこんなに単純な行動をするものでしょうか？　今回は、迷いやすいページを見つける方法について、ユーザー視点でもう少し掘り下げてみます。 知るべきことを知る 訪問者の行動を図解し、サイトで「迷う」と人間はどのように行動するのかについて整理してみます。 ユーザーは何かをきっかけとして、検索結果ページや他のサイトのページに掲載されたリンク、ソーシャル上で共有されたリンクなどを経由してサイトを訪問します。到達した最初のページを眺めて、求めていた情報を見つけることもあれば、見つけられないこともあります。 ただし、1ページ目で目的の情報が見つからないからといって、クリックすることなくそのままサイトを

「ECサイトは明確なコンバージョンがあるので分析しやすそう」という声をよく聞きます。購入や会員登録、資料請求のような明確なゴールが無いサイトではアクセス解析ツールのコンバージョン機能を設定していないことが多いですが、実は立派なコンバージョンがあるのを忘れていませんか？ 「ゴール」「アクション」「コンバージョン」などと考えず、サイトに訪問してくれた人に「どうなってもらいたいのか？」と考えてみましょう。「二度と来ないで欲しい」と思ってサイトを運営している人はいないはず。そこで、今回は素直に「また来て欲しい」という想いが叶ったのかどうかをゴールとして計測する方法について考えてみます。 知るべきことを知る まず、知りたい訪問者の行動を図解しつつ、「また来る」ことは訪問者と運営側にとって何を意味するのかを整理してみましょう。 ユーザーは何かをきっかけとして、検索やソーシャル経由でサイトを訪問します。

制作者の腕の見せどころである「404 Not Found」エラーページのデザイン。前回は「エラーがどれくらい発生しているのか？」「発生した結果、どのような影響があったのか？」を調べる方法について紹介しました。今回はエラーページの効果を測定する方法について紹介します。 解析の目的は「役立つこと」 404 などのエラーが発生すると、通常はWebサーバーまたはブラウザーが用意したエラー画面が表示されます。エラーが発生したことをユーザーに伝えるだけであれば、デフォルトのエラー画面でもいいはずです。あえてカスタマイズしたエラーページを用意する目的を改めて整理します。 本来の訪問目的を達成できそうな別のページへ誘導する（404 Not Foundの場合） 工夫の例： 入力されたURLから推測した別のURLを提案する 検索フォームを掲載してサイト内検索してもらう 主要人気ページへのリンクを掲載する サイ

Webサイト制作の現場にも、根拠あるデザイン／UI設計やROIが求められるようになってきました。ところが、ユーザビリティ評価やA/Bテストに投資できるのは一部の先進的な企業だけ。現実には多くの制作現場で、デザインやUIの検証は進んでいません。 本連載では、マーケティング施策の効果測定として使われることが多いアクセス解析のツールと考え方を応用し、WebサイトのUIや機能の利用状況、効果を検証する方法を紹介します。Google Analyticsなどの無料ツールを使い、Web制作者が時間やお金をかけずにできる考え方と具体的なテクニックを実践的に解説します。 Webサイト制作の現場にも、根拠あるデザイン／UI設計やROIが求められるようになってきました。ところが、ユーザビリティ評価やA/Bテストに投資できるのは一部の先進的な企業だけ。現実には多くの制作現場で、デザインやUIの検証は進んでいません

2009年10月16日　21時15分更新 文●諏訪光洋／株式会社ロフトワーク代表取締役社長、清水 誠／楽天株式会社編成部 「自社サイトに合ったCMS（Content Management System）の選び方が知りたい！」――そんな声に応えるべく、企業サイトのCMS導入に詳しいお二人によるメール対談が実現しました。片や200案件以上のCMS導入実績を誇るWeb制作会社ロフトワークの諏訪光洋社長、片や“CMSエバンジェリスト”として活躍中の楽天・編成部の清水 誠氏です。CMS導入の現状から、ツール選定のポイント、さらには導入の裏ワザまで、Web担当者が知りたいことをたっぷりと語っていただきました。 （編集部） 「CMSはコンテンツ管理のノウハウと仕組みが詰まった“スターターキット”のようなもの」（楽天・清水氏） ――昨今のCMSの普及状況について、お二人はどのように感じていますか？ 諏訪　

2009年10月16日　21時15分更新 文●諏訪光洋／株式会社ロフトワーク代表取締役社長、清水 誠／楽天株式会社編成部 「自社サイトに合ったCMS（Content Management System）の選び方が知りたい！」――そんな声に応えるべく、企業サイトのCMS導入に詳しいお二人によるメール対談が実現しました。片や200案件以上のCMS導入実績を誇るWeb制作会社ロフトワークの諏訪光洋社長、片や“CMSエバンジェリスト”として活躍中の楽天・編成部の清水 誠氏です。CMS導入の現状から、ツール選定のポイント、さらには導入の裏ワザまで、Web担当者が知りたいことをたっぷりと語っていただきました。 （編集部） 「CMSはコンテンツ管理のノウハウと仕組みが詰まった“スターターキット”のようなもの」（楽天・清水氏） ――昨今のCMSの普及状況について、お二人はどのように感じていますか？ 諏訪