制作者の腕の見せどころである「404 Not Found」エラーページのデザイン。前回は「エラーがどれくらい発生しているのか？」「発生した結果、どのような影響があったのか？」を調べる方法について紹介しました。今回はエラーページの効果を測定する方法について紹介します。

解析の目的は「役立つこと」

　404 などのエラーが発生すると、通常はWebサーバーまたはブラウザーが用意したエラー画面が表示されます。エラーが発生したことをユーザーに伝えるだけであれば、デフォルトのエラー画面でもいいはずです。あえてカスタマイズしたエラーページを用意する目的を改めて整理します。

本来の訪問目的を達成できそうな別のページへ誘導する（404 Not Foundの場合）

工夫の例：

• 入力されたURLから推測した別のURLを提案する
• 検索フォームを掲載してサイト内検索してもらう
• 主要人気ページへのリンクを掲載する
• サイトマップを掲載し、選んでもらう

回復後に、またサイトに来てもらう（500などシステム関連エラーの場合）

工夫の例：

• 管理者に通知したことを伝え、すぐに直るだろうという期待値を高める

要望や質問を受け付ける

工夫の例：

• サポート用の電話番号やメールアドレスを掲載する
• 入力フォームをエラーページに設置する

良い印象を与える

工夫の例：

• 印象的な画像や写真を掲載する
• 軽いユーモアを出す
• 文章や画像で真摯な姿勢を伝える

　前回紹介したサクラクレパスと本田技研工業のエラーページは、このうちのいくつかの工夫が実践されていました。こうした工夫が実際に効果をあげているかどうかが、今回の解析のテーマです。

さまざまな工夫がされているサクラクレパスと本田技研工業のエラーページ

ソーシャルリアクション

この連載の記事

• 第3回  Facebookの「いいね！」で売上は増えるのか？
• 第1回  そのエラーページ、自己満足になっていませんか？
• この連載の一覧へ

この記事の編集者は以下の記事をオススメしています

• 清水 誠の「その指標がデザインを決める」

• 現場でプロが培ったGoogle Analyticsの使い方

• 儲けに直結！実践アクセス解析法

• スマートフォン対応サイトを設計するときのノウハウ

はてブ注目ランキング

1. 世界を変える方法は山川の教科書に書いてある638 users

2. 10分でわかる！ jQuery Mobileのキホン103 users

3. iBooks AuthorでHTML5の電子書籍作ってみた77 users

4. HTML5要素のブラウザー実装状況を調べてみた39 users

5. コンテンツを依頼するときのSEOチェックリスト1738 users

6. 40分で覚える！jQuery速習講座2225 users

7. 絶対見ておきたい有名企業のスマホサイトまとめ2151 users

8. もう配色には困らない！「Adobe Kuler」1683 users

9. 30分でできる！Webサイトを高速化する6大原則1498 users

10. Web制作会社が作った！超使えるJavaScriptライブラリ1217 users

最新記事

• 「サイトアドバイザー」でネットの危険を神回避！

  

• iTunes in the Cloudだけじゃない 担当者が教える5つの新機能

  

• au版iPhoneのキャリアメールが3/13からリアルタイム受信対応

  

• REGZAサーバー録画中の「できること」と「できないこと」

  

• 「Pogoplug」で超簡単マイクラウドストレージを構築する技