クリエイティブ404ページ

公開: 2021-08-29

ええとああ! あなたは404ページに出くわしました!

一般的に言って、404ページにアクセスすることはユーザーにとって苛立たしいことです。 ほとんどの人の最初の反応はクリックして離れてバウンス率を下げてしまうことなので、SEOにも悪影響を及ぼします。

ただし、404ページはユーザーエクスペリエンスにとって悪夢である必要はありません。 404ページを無視したり、鈍い一般的なテンプレートを使用したりする代わりに、ブランディングを強化し、変換を促進する機会として使用できます。

404ページとは何ですか?

404ページは、探しているページがサーバー上で見つからない場合に表示される標準のHTTPエラーコードです。 基本的に、これはユーザーにページが利用できないことを通知するツールです。

その出現にはさまざまな理由があります。 ページが移動または削除されたか、リンクが壊れている可能性があります。 また、ユーザーが間違ったアドレスを入力したことを示している可能性もあります。 この最後のオプションは、404ページを見つけることが制御できない可能性があることを示しています。 したがって、あなたができる最善のことは、ユーザーを喜ばせ、適切な場所に案内する、ユーザーフレンドリーでクリエイティブなページをデザインすることです。

ここでは、クリエイティブで思い出に残る404ページをデザインするための7つのヒントとコツを紹介します。

デザインが重要だと信じています! 理由を知りたいですか? 有名な設計上の欠陥から学んだこれらの教訓をチェックしてください。

1.テクニカルマンボジャンボを失う

間違った場所に着陸したことを一目でわかることが重要です。 ただし、多くのユーザーは404ページが実際に何であるかを知らない可能性があります。 ですから、技術的なマンボジャンボを避けて、まっすぐに伝えてください。

次のような通常の人間の言葉を使用します。

  • 'おっと! 何かが壊れている」
  • 'ええとああ! このページは存在しません」
  • 'まあ! このリンクは機能していません」

少し個性とユーモアを注入することは、間違った場所に行き着くという欲求不満の一部を軽減するのに大いに役立ちます。

Hootsuiteは、その機知に富んだ404でこのスポットを獲得し、彼らの絶滅したページについて冗談を言っています。

2.責任を負わせる

404ページの目標は、ユーザーが存在しないページにアクセスした場合でも、ユーザーをWebサイトにとどまらせることです。 したがって、間違ったアドレスを入力したことで彼らを愚かに感じさせたくはありません。

ユーザーが間違いを犯したとしても、ユーザーを非難することは絶対にしないでください。 代わりに、問題の所有権を取得し、エラーについてお詫びします。

Emailcenter UKは、責任を受け入れ、解雇する従業員を選択するように依頼することで、これをさらに一歩進めました。

フライホイールクリエイティブによるレイアウト404ページ変換emailcenterUKスクリーンショット1

どの従業員がブーツを手に入れたかを選択すると、ユーモアは続きます。

フライホイールクリエイティブによるレイアウト404ページ変換emailcenterUKスクリーンショット貧しいジェームズ

かわいそうなジェームズ! (開発者のオタク/スタートレックのユーモアが大好きです!)

3.即時の解決策を提供する

最悪の404ページは、ユーザーが間違った場所にいるが解決策を提供していないことをユーザーに伝えてしまうページです。

代わりに、あなたは救いの手を差し伸べたいのです。 あなたの目標は、あなたのユーザーがウェブサイトにとどまり、彼らが何のために来たのかを見つけることを確実にすることです。 それで、それらを助けるためにいくつかのツールを提案してください。

良いオプションには、ホームページまたはサイトマップへのリンク、検索バー、最も人気のある投稿/製品へのリンク、またはエラーを報告できるようにするための連絡フォームが含まれます。 これらの1つまたは組み合わせを使用しますが、選択肢でユーザーを圧倒しないように注意してください。混乱が少ないほど、最も有用なオプションを選択する可能性が高くなります。

HubSpotには優れた例があり、ブログ、メイン製品ページへのリンクを提供し、無料のデモにサインアップするようにユーザーを招待しています(優れた変換戦術!)。

フライホイールクリエイティブ404ページによるレイアウトは、ハブスポットのスクリーンショットを変換します失恋

4.ブランドを維持する

ブランドが404ページで犯す最大の過ちの1つは、個性を欠いていることです。 確かに、あなたは彼らのエラーページにたどり着き、あなたはどこにでもオンラインでいることができます。

重要なのは、404ページをブランドに保つことです。 Webサイトの他の部分と同じ外観、感触、および音声を維持して、適切な場所にいることを人々に安心させます。

Financial Timesは、あらゆる場所のオタクに資金を提供しているように見えるすばらしい404ページを設計しました。これは、主要なエコノミストに、ページが見つからなかった理由を尋ねます。 必要なのは、ユーモアのセンスと経済理論の確かな理解だけです…

フライホイールクリエイティブ404ページによるレイアウトフィナンシャルタイムズのスクリーンショットを変換

5.彼らを笑顔にする

探しているものが見つからない場合、人々は怒ったりイライラしたりする可能性があります。 その怒りを和らげ、潜在的な顧客を維持するための最良の方法は、彼らを笑顔にすることです。

人々を楽しませ、彼らに永続的な印象を残す面白いグラフィック、アニメーション、またはビデオを提供します。

Audikoは、無料の着信音を提供する英国の会社です。 彼らは、手がかりを探しているSherlock Holmesを含む、ロンドンの画像で満たされた活気に満ちた404ページを作成しました。 ホームページへのリンクと検索バーが含まれていました。

フライホイールクリエイティブ404ページによるレイアウトは、虫眼鏡の漫画でaudikoスクリーンショットを変換します

そして、LEGOのかわいい404ページに誤ってアクセスしたときに、誰が笑顔に失敗する可能性があります。

6.インタラクティブであること

404ページにインタラクティブな要素を導入すると、バウンス率が低下する一方で、ページで費やされる時間が増加します。 あなたがそれをより楽しくそして面白くするほど、あなたのユーザーはより長くぶらぶらします。

Androidは、404ページにアクセスしたすべての人にインタラクティブなゲームを提供することで、ゲームの群集にアピールしていました。

フライホイールクリエイティブ404ページによるレイアウトアンドロイドスクリーンショットゲームを変換

あなたがプレイを押すと、彼らは正しいパイプでデザートを捕まえることを含むかわいい小さなゲームを開始しました。 また、ページが実際の目的を果たさなかったとしても、ユーザーが長くプレイすればするほど、滞在時間が長くなります。

フライホイールクリエイティブ404ページによるレイアウトアンドロイドスクリーンショットゲームを変換

7.定期的にリンクを確認してください

最後に、クリエイティブ404ページを追加するのは楽しいですが、それがユーザーの通常のサイトになることは望ましくありません。 リンクが壊れていないかサイトを頻繁にチェックして、リンクを管理できるようにすることをお勧めします。 月に1回程度が良い時期です。

壊れたリンクチェッカーのようなプラグインを使用することは便利なツールです。

404ページは、以前は大きなフラストレーションの源でしたが、そうである必要はありません。 人々を正しい方向に優しく導き、笑顔をもたらすユーザーフレンドリーなページをデザインすることで、ユーザーを楽しませ、ブランドを紹介し、人々の問題を解決するのに役立つ優れた方法になります。 彼らがあまり頻繁に見ないように注意してください!

素晴らしい404ページをデザインするためのヒントは何ですか? 私たちのリストに何か追加できますか? 以下のコメントで教えてください。