![](https://kisa.ne.jp/wp-content/uploads/2021/01/404not77-1024x704.jpeg)
こんにちは。イラストレーターのkisa(@kisa.ne.jp)です。
エラーページを頻繁に見ることはないと思いますが、「Not Found」はたまに見る馴染みのあるページではないでしょうか。
今回は、「エラーページの必要性とデザインについて知りたい」という方向けにお伝えしていきます。
Contents
オリジナルのエラー(404)ページの必要性
404ページとは、Webサイトにアクセスしたとき、リンク切れや打ち間違え、ページが存在しない場合に表示されるエラーページのことです。
![](https://kisa.ne.jp/wp-content/uploads/2021/01/スクリーンショット-2021-01-05-18.54.03-1024x425.png)
たまに行き着くことのある上図のようなエラーページ。
オリジナルの404ページがない場合は、はいそうでしたか〜とそのまま離脱されることになります。
![](https://kisa.ne.jp/wp-content/uploads/2021/01/スクリーンショット-2021-01-05-18.28.09-01-1024x487.jpg)
ですが、オリジナルのエラーページがあれば「TOPへ戻る」など、内部リンクによって離脱を防ぐことができます。
サイト自体は存在しているのか、と安心感もあります。
突然のサーバーダウン時にも愛されるページ
![](https://kisa.ne.jp/wp-content/uploads/2021/01/image0-1024x704.jpeg)
2020年12月半ばに、YouTubeやGmailなどGoogleのサービスがシステム障害で繋がらないことがありました。
いかにGoogleに依存していたかを思い知らされました。
「え、どうして!?」と若干の不安や焦りがありつつ、ちょっとマヌケな表情のサルがカワイイと和み、Twitter上でも話題になっていました。
親しみのあるデザインによって、「仕方ないなぁ」と思わせ、良い関係性を築くことができます。
これが「Something went wrong…」のみだと、そうはいかなかったでしょう。
ユニークなエラーページデザイン
![](https://kisa.ne.jp/wp-content/uploads/2021/01/スクリーンショット(2021-01-05-17.18.4png-1024x544.png)
エラーを「いいね」の親指がケガをして絆創膏を貼ることに見立てています。
ランダムで絆創膏の柄が変わったり、包帯バージョンもあります。
ヤマト運輸
![](https://kisa.ne.jp/wp-content/uploads/2021/01/スクリーンショット(2021-01-05-17.25.19)-1024x544.png)
クロネコがダンボールに入って封された後シャッフルされ、制限時間30秒間でどこに入っているか見つけ出すミニゲームがついています。
ページは見つからなかったけど、クロネコが見つかったらいいじゃないか、そういうことですね。
note
![](https://kisa.ne.jp/wp-content/uploads/2021/01/スクリーンショット(2021-01-05-17.18.02)-1024x599.png)
「note 404美術館」というコンセプトで、秘密の場所に来られたような、レアな感じがします。
クリエイターがハッシュタグ「 #404美術館 」をつけて応募し、その中からnote編集部がピックアップしたものがランダムに表示される仕組みです。
さいごに
エラーページを出さないことが1番ですが、もし出てきてしまった場合、そこには落ち着かせたり和ませたり、配慮が必要です。
ユーザーを繋ぎとめる大事なページなので、ぜひオリジナルのエラーページを作成してみてください。