404ページデザインで遊ぼう

私がいくつか自分のサイトを運用していくにあたって、色々と試しているのですが、その中で404ページのデザインというものに頭を悩ませていたりします。ほとんど誰も目にすることのないサイトの404ページ…今回はそのデザインの使い勝手についてご紹介したいと思います。

404

遊び心を忘れずに

正直404ページなんてどうでも良いという考えもありますが、もしかして削除したページが意図せずリンクされていたとしたら…機械的な案内をするのもなんかもったいないですよね。ユーザーとして404ページに辿り着くよくあるパターンとしては、画像のファイルURL自体がインデックスされていたり、どこからかリンクされているケースもあります。私がネットサーフィンしていて一番404ページに出会う確率が高いのもこのパターンですかね。
ですので、そんな時に面白い404ページ例をご紹介します。

ふわふわ

サクラクレパス

任意に//www.craypas.com/aと入力してみると以下のようなページが開きます。

craypas404

「よく消える消しゴムが消したかもしれないから、消しゴムのページを見て」なんて、シャレが効いてるじゃありませんか(笑)。もちろん、グローバルナビの他にもトップページやサイトマップを案内しており、丁寧な作りとなっていますね。スマホ対応していないのが残念ですが、有名な404ページ例なのでご紹介しました。

デザイナーさんのページ

couldというブログ(?)ですが、こちらも任意に//www.yasuhisa.com/could/aと入力いただくとチュートリアル的なページが開きます。

could404

こちらはとても親切にページの探し方をご紹介しています。やはりスマホ対応していませんが、真剣に情報を探している人には有難いですね。

他の事例を知る

少し情報が古いかもしれませんが、ネットPR.JPにおいて様々な事例を紹介されているのでご紹介します(//netpr.jp/trend/1982/)。各社遊び心とユーザーの使い勝手を考慮した404ページを作っていることが分かりますね。

ふわふわ

必要な項目は何か

ちなみに404ページに関しまして、WordPress等のCMSを利用している場合は自動的に404.phpに飛ぶようにデフォルト設定されていたり、index.phpにリダイレクトされたりするようになっています。それとは別にイチからhtmlなどでページを作成している場合には、404.htmlというファイルを別途作成し、ディレクトリ直下に配置した後で.htaccessに ErrorDocument 404 /404.html と記載することで、存在しないファイルにアクセスした時404.htmlページを呼び出すことができるようになります。

しかし、こんな感じでご紹介していると、404ページには何が必要かが見えてくると思います。ざっくりご案内しますと以下がポイントとして挙げられます。

・サイトマップ(html)へのリンク動線
・トップページへのリンク動線
・関連すると想起されるリンク動線
・サイト内検索ツールバー
・気の利いたアイデアとデザイン性

 
どうでしょうか?もしお時間があれば、404ページにちょっとしたこだわりを持ってみるのも面白いかもしれませんね。

このブログの404ページですか??それはご覧いただいてのお楽しみということで…(笑)。


関連記事

有益情報を発信するツイート紹介

最近、色々なサービス展開上、Webページデザインの勉強をしている私です。とはいえ技術的なコーディングやプログラミングではなく、市場参入視点やユーザーへのコンバージョンやエンゲージメント視点での勉強です。これに関しても終わりがなく、且つ伝えたい内容によってUIデザインは変化するので、常にインプットが必 ...(続きを読む)

PDRがしっくりくる

先日、SEOや新規ビジネスを考えている中、「やっぱりPDCAだとうまくいかないなぁ」と思いまして...PDRにしてみたところうまく回りだしたので、そんなPDRをご紹介してみたいと思います。 PDRとは PDRとは2011年頃にハーバードビジネススクール(HBS)のLinda Annette Hill ...(続きを読む)

訴求方法における他社参考のしかた

自分のWebサイトページにおける訴求方法を考える時、無作為に他社のWebサイトやランディングページを見て、見た後にそこから何かを得ようとする人がいます。でも、無作為に他人のWebサイトページを見ているだけでは、あまり気付きも参考要素も得られません。そこでここでは他社のWebサイトページを見る時の心構 ...(続きを読む)

NAVERまとめが終了

2014年に一世を風靡した(...私の中で)あのNAVERまとめがついに終了するそうです。残念とか悲しいとかではなく、なんとなく感傷的な気分になりましたのでご紹介しておきます。あの1件以来まるで目立たなくなってしまいましたが...それでも私はユーザーとして普通に見ていたんですけどね...。 終了の通 ...(続きを読む)

コメントを書く

コメントは承認から反映までしばらく時間がかかる場合がございます。メールアドレスが公開されることはございません。