ウェブサイトメンテナンスページのリスト構築のヒント

では、ウェブサイトがメンテナンスのために停止する場合はどうすればよいでしょうか?ユーザーに 404 やその他のエラー ページを表示させたくはありませんし、ユーザーに「後で」ではなくすぐにサイトに戻ってくるように促したいですよね?この場合は、カスタム メンテナンス ページを作成する必要があります。以下に、新規訪問者とリピーターの両方を維持するのに役立つ効果的なメンテナンス ページを作成するためのヒントのリストを用意しました。

1. メンテナンスページをシンプルで使いやすいものにする

メンテナンス ページの全体的な役割は、サイトがまだ稼働しており、メンテナンスは一時的なものであることをユーザーに知らせることです。これ以上何もする必要はありません。ページの内容が一目でわかるようにし、訪問者が興味を持っている情報を提供します。

シンプルなメンテナンス ページのもう 1 つの便利な機能は、メンテナンス情報を複数の言語で表示することです。ウェブサイトは国際的であり、訪問者の多くは英語をある程度話すかもしれませんが、複数の言語を提供することは役に立ちます。オンライン翻訳ツールは非常に不正確なことが多いため、使用の際は注意してください。メンテナンス ページで一番避けたいのは、ユーザーをさらに混乱させたり、最悪の場合、ユーザーを遠ざけたりすることです。

Twitterメンテナンス ページは、最小限の情報を直接提供し、シンプルなデザインを維持しながら、魅力的でユーザーフレンドリーなままです。

Google の AdSense ページでは、簡潔なメンテナンス情報が複数の言語で提供されています。

また、Google AdSense では、何が起こったのか、いつページがオンラインに戻るのかをわかりやすい言葉で説明することもあります。なお、Google は、ダウンタイム中も収益は通常どおり追跡され、広告のターゲティングは影響を受けないとユーザーに保証しています。

Apple ストアのこのメンテナンス画面がその要点を捉えています。

MobileMe は、視覚的に魅力的な多言語メンテナンス画面を使用します。

2. ユーザーにとって不便であることを認識する

ウェブサイトがダウンすると、通常のユーザーにとって非常に不便になります。これは単純な事実です。しかし、不便を被ったユーザーが疎外されたユーザーにならないようにしてください。サイトのダウンタイムがユーザーにとって苦痛であることを認めるだけで、多くの場合、ユーザーは満足します。サービス停止について謝罪し、役立つ情報を提供して、これがお客様にとって何を意味するかを理解していることを伝えます。

Last.fm はメンテナンス ページの右上に目立つ謝罪文を掲載しました。

Twitter はより手間のかからないアプローチを提案したが、ユーザーがダウンタイムに耐えられない可能性があるとして謝罪した。

3. ユーモアを使うことを恐れない

ウェブサイトがダウンしているからといって、あまり深刻に考える必要はありません。ちょっとしたユーモアを使うと、メンテナンス ページが面白くなり、ダウンタイムで不便を感じている訪問者の目にサイトの印象が良くなることがあります。あなたのウェブサイトのコンテンツに関連した小さな天使たちがユーモラスな方法で描かれると想像してみてください。ロゴやマスコットを少しいじるだけでも、あるいは Web サイトとはまったく関係のないものであっても、メンテナンス ページを盛り上げてくれる天使が必ずどこかにいるはずです。

Etsyによれば、Halm は現在技術的な問題に対処しているとのこと。 Idea Etsy は、何が起こっているのか、そして回復にかかる推定時間についても伝えました。

SoundCloud はすぐに復旧することを約束し、メンテナンス ページを強調するために語呂合わせを使用しました。 （ソース… ）。

Ning はかわいいイラストを使用して、経験豊富な技術者 (写真) が Ning をオンラインにするために懸命に働いていると述べています。 （ソース… ）。

Redditのメンテナンス ページではより多くの情報が使用されていますが、Redditors は Lisp の使用をやめないかもしれません...

YouTube は新しい組み合わせやレシピを考案するのに忙しいようです。 （ソース… ）

Mozilla : メンテナンス中… (ソース… )。

Revver (ソース… )。

Flickrのメンテナンスページはあまり情報量が多くないようですけど、興味深いです。 Flickr がマッサージを受けています。

FlashDen は10 秒間のダウンタイムを告知し、訪問者を笑顔にするためにメンテナンスを行う漫画のキャラクターを表示します。

Bloglines は、サイトがダウンしていたときに配管工の写真を使って説明しました。

Apartmentguide.com : メンテナンスページにメンテナンスワーカーの活用例が掲載されています。

4. メンテナンスページに同じ外観と雰囲気を与える

サイトの見た目が通常と大きく異なっていても、訪問者が正しい場所に来たことをすぐに認識できるようにする必要があります。メンテナンス ページが通常のサイトと似ていない場合、多くの訪問者は間違った URL にアクセスしたように感じ、ページの内容に注意を払わない可能性があります。

メンテナンス ページにロゴが含まれ、Web サイトと同じ色が使用されていることを確認してください。これら 2 つのことだけでも、訪問者が予期しないページに遭遇したときに安心感を与えることができます。

Grooveshark はヘッドと基本色をそのまま維持しました。

StumbleUpon はヘッダーとロゴもそのまま残し、イラストにも独自の色を使用しました。

Naturalinstinct は同じ配色を使用し、ユーザーに代替の連絡先オプションを提供します。

5. サイトがオンラインに戻る時期を訪問者に伝える

メンテナンス時間は大幅に異なる場合があります。ウェブサイトがダウンするのは数分間だけの場合もあれば、1、2 時間、あるいはそれ以上の期間にわたる場合もあります。サイトがいつ復旧して稼働するかをユーザーに知らせます。こうすることで、彼らはいつまた訪問できるかを知ることができます。公開メンテナンス ページにより、ユーザーは数時間後または数日後に再度確認して、サイトが復旧したかどうかを確認するよう促すことができます。 「5 分後に再開します」といった内容は、顧客がそうするように促します。

iStockPhotoのメンテナンス ページでは、サイトが復旧して稼働できるようになる予定時刻を訪問者に通知します。

Blogger では、サイトが復旧するまでの予想時間が記載されたシンプルなページが使用されます。

Linkedin は、どの Web サイトがオンラインで公開するのに適しているかをユーザーに知らせます (出典… )。

StudiVZ は、ユーザーにお茶を飲むようにアドバイスし (ちょっと待ってください)、その後、ウェブサイトが 8 時にオンラインになることを訪問者に通知します。 （ソース… ）。

6. 推奨コンテンツを提供する

サイトがダウンしている間、サイトの記事の一部を静的ページとして保存しておくと、メンテナンス中にユーザーに読むものを提供することができます。他のウェブサイトの中には、他のウェブサイトのコンテンツを推奨するところもあります。これは通常、そのコンテンツが閲覧者の興味を引く可能性があると考えているためです。サイトの復旧を待つ間に訪問者に何か他のことを提供することは、訪問者を気遣い、不便を感じていることを分かっていることを示す素晴らしい方法です (上記の 2 番目)。

Librarything のダウンタイムのこの画像は、ダウンタイム中に何かを読むことを示唆しています (ソース… )。

Digg は、ユーザーがより興味を持つと思われる他の Web サイトのコンテンツのリストを提供します。

Github は、停止中に視聴できる楽しい YouTube ビデオをユーザーに提供しています。

Mixxはユーザーに最も人気のあるMixxストーリーのいくつかを提供しています

シアーズはウェブサイトを強化するためにブラックフライデーに閉店しなければならなかった。このメンテナンス ページでは、Lands' End、Parts Direct、Sears Credit (ソース… ) など、より多くのナビゲーション オプションがユーザーに提供されます。

7. サイトが復旧したら訪問者に再度訪問するよう促す

ユーザーは停止中にサービスにアクセスしたため、当然ながらサービスを利用することになります。そのため、サイトが復旧したらリマインドすることが効果的です。当然ですが、サイトが復旧したときにサービスのすべてのユーザーに通知したくない場合があります。そのため、ウェブサイトが復旧したら、必要なユーザーに通知することをお勧めします。通知は電子メール、テキスト メッセージ、または Twitter 経由で送信できます。

Soindustry では、サイトが復元されたときに通知を受け取るために、ユーザーが自分の電子メール アドレスを送信できます。

8. 訪問者にメンテナンスの状況を知らせる

もちろん、メンテナンス中には予期せぬ事態が数多く発生するため、ユーザーに進捗状況を知らせておくことをお勧めします。タイムリーなフィードバックは、すべてが順調であること、相手側の誰かが問題の解決に取り組んでいること、全員がもう少し辛抱強く待つ必要があることなどをユーザーに知らせるために重要です。

友人と会ったり、友達を作ったりできる仮想世界であるHabbo は、メンテナンスページにかわいいイラストを掲載し、現在のメンテナンスの進行状況をユーザーに知らせています。

37signalsでは、ユーザーがメンテナンスのステータスを追跡することもできます。 （ソース… ）。

原作者について

キャメロン・チャップマンは、6 年間の経験を持つ Web およびグラフィック デザイナーです。また、自身のブログ「Cameron Chapman On Writing」など、ブログも執筆しています。