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

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

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

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

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

サイトの構築が終わると、長い運用が始まる。サイトは作ってからが本番だと張り切ってコンテンツを追加し続けていくと、あっという間に数年が経ち、気がつくと、いつ何のためにコンテンツを追加したのか、サイトにどのようなコンテンツが貯まっているのか、どんなコンテンツが足りないのか、などを把握できなくなっていく。その結果、似たようなコンテンツを作ってしまったり、逆にあると思い込んでいて手薄なジャンルができたりする。ファイル名やタグの付け方も少しずつ変化していき、整合性がとれなくなっていく。 サイトが抱えるコンテンツを把握し、過去との整合性を保持した状態でバランスよく更新していくことで、より成果を出すサイトに効率良く成長させていくためには、「Webサイトのコンテンツ在庫表」といえるコンテンツインベントリが役に立つ。ただし、手作業ですべてのデータを埋めていくのは面倒であり、抜け漏れが発生したり、更新が三日坊

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

『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day