web-dev-qa-db-ja.com

「見つかりませんでした」ページ(404エラーページ)で使用されている画像とメッセージ

Githubを持つ生き物のグーグルのロボットを見てきました。それは想像力の問題であり、どのようなデータがWebアプリを管理してカスタム画像を設計し、404エラーに対してユーザーに表示するメッセージを管理するのでしょうか。

他の例や、デザインに関するアイデアがありましたら教えてください。

enter image description hereenter image description here

6
Felix G

これは、Googleに404ページの例を入力するだけで、結果も要約してくれますか? 。これを試してみると、Smashing Magazineで thisthat のような一連のページが表示され、他のコレクションもすべて表示されます。

しかし、面白い写真よりも404ページを表示する方が重要です。リストの部分には、 The Perfect 404 に関する優れた記事があります。

404必須アイテム

「問題が発生しました」というテキストと同様に、エラーページに次の内容が含まれていることを確認してください。

  • サイトマップ(ある場合)とホームページへのリンク。これは、ユーザーが救済する最も簡単な方法です。この簡単なことは、巧妙なスクリプトを必要としません。

  • 検索ボックス。サイト検索がある場合は、404ページに追加します。サイト検索を行っておらず、404エラーを生成する傾向がある場合は、おそらく1つ取得する必要があります。

  • 明らかにミニマルな外観。このページにすべての標準サイトナビゲーションを配置しないでください。あなたは気晴らしを取り除くことを目指すべきです。さらに、完全なサイトナビゲーションストリップを含めるように主張すると、メンテナンスのオーバーヘッドが発生する可能性があります(404ページが他のサイトで動的に更新されず、最後にナビゲーションが必要な場合、404ページは他のサイトよりも簡単に遅れることがあります。もはや関連性がなく、機能していない404に。皮肉なことに!)

また、専門用語を必ずカットしてください。つまり、ここで404について話すことができますよね?私たちは良い仲間です。しかし、編み物サイトを閲覧しているときにリンク切れを起こした60歳のDorisには、404エラーの意味がわかりません。 「エラー404」というフレーズを使用したい場合は、微妙に使用してください。脚本として使用してください。奇抜なWebを理解している人にうなずいてください。

ここで、何をしてはいけないか、何をすべきかを比較します:

これが私のお気に入りのユーモラスなものです-そして、私はロレム・イプサムが皮肉であると仮定します(しかし、彼らが代わりにどのような本を使うことができたのだろうと思います)。 しかし、それは完全に役に立たない。それは完全な行き止まりです。

enter image description here

そして、これは Bergan Blue の例です。これは驚くほどおもしろいわけではありませんが、ビジターを別のページに転送するという点では本当に便利です。

enter image description here

6
Roger Attrill

これは、道路にいるときにいつもそこにいるガス会社の404です。 www.petrol.si/404/ 行き止まりのストリートを使用しました。そして私たちは実際にこの文脈でガーミンガジェットを販売しています:)

enter image description here

4
mitjamavsar