感情を揺さぶる404ページで売り上げをアップ?!404に表示させるアイデアとその考え方

404ページは削除された事を伝えるのは古い?

Webデザインの中でも見落としがちな404ページ、デザインも特に普通なことって良くある事ですが、このようなページが見つからない、あるいは削除されてしまった時の表示ってちょっとイラってきますよね?ブランディグされていらばなおさらこう言う所に気を配っているとより好感度が上がるし、アイデアによっては商品の購入に繋がったりする事もあるんじゃないでしょうか。

404ページに必要なのは綺麗で整っている事じゃない!?

C9JTSFbV0AIPOOV.jpg_small

404ページは削除されている事を伝えるのではなく、なぜそこにたどり着いてしまったかを考えよう。もちろんページが削除されている事が重要だけど、削除されてしまった事より削除した後にユーザーが何を望んでいるかが鍵となるのだ。
例えば最近404ページで話題になったのがANAの404ページだ。これは非常に良いアイデアでかつうまく旅行に誘導している節がある。これは非常に有効な手段だと話題になったほどです。

自分のサイトにもきっと効果がある404の考え方

上記の通りなぜユーザーが404ページに遷移したのかを考えてみよう、即考えれるのがURLが変更になってページが消えた、商品が削除された、ページに問題があって削除された、簡単に考えてもこの程度はわかる。
しかし、自分のサイトに何が適しているかを考えないと効果的はいえないので、ユーザーが何を悩んで404ページに遷移したかを考え抜くことによりアイデアは浮かんでくのではないだろうか。

効果的な404ページデザインアイデア

気分を良くするために綺麗な写真を使って違うページに誘導する

404

綺麗な景色、女性、あるいは可愛い動物などを載せることによりブランドイメージが損なわれません。

ユーザーにお知らせしたい内容を載せる

keihan

情報が少ないためより認識性が上がり認知度が上がります。京阪電車のお知らせをそっと訴求していますね。

訴求したい商品を載せる

kitkat

ECサイトで最も効果がるかもしれないのが、404ページにしかない商品やコンテンツなどを作り404の嫌なイメージを払拭する(例えばクーポンとか…)

離脱率がある要因を404に載せる

toei

サイトは離脱率の原因が必ずあるので、そこを利用して404から離脱させないために効果的に訴求したい商品や原因を改善するようを掲載する

最後に、404ページをバカにしてはいけない

404ページはそのサイトの中でも非常に重要な要素がある。404ページをしっかりしているサイトはPV数も多いしコンバージョン率も高いのである。一番重要なのは404ページで嫌な思いをさせないことです。そこから新たな発見をするように仕掛けるのがポイントです。

関連リンク:Creative 404 Error Pages: 10 Vivid Examples

以上感情を揺さぶる404ページで売り上げをアップ?!404に表示させるアイデアとその考え方でした。気に入ってくれたらシェアしてね!

関連記事

skitched-20180814-223313

今日からあなたもデザイナー!?忘れがちな商業デザインの配色テクニック

デザイナーの商業デザイン配色テクニック 配色については過去ある程度テ...

記事を読む

domain_cms

今年こそWebデザイナーになりたい!現役Webデザイナーに必要なサーバー・ドメイン・CMS 基本知識について

今回で第5回を迎えました。なんとか頑張って続けていきます!Webデザイ...

記事を読む

cssjshtml_img15

今年こそWebデザイナーになりたい!Webデザイナーに必要なコーディングスキル編(html/css/js)

今回はコーディングスキル編として、Webデザイナーとして就職するために...

記事を読む

thmb_03_218

今年こそWebデザイナーになりたい!結局何を覚えればいいの?ソフトスキル編

今年こそWebデザイナーになりたい!結局何を覚えればいいの?ソフトスキ...

記事を読む

thmb_02

今年こそWebデザイナーになりたい!デザインスキル(グラフィクデザイン編)

今年こそWebデザイナーになりたい!デザインスキル(グラフィクデザイン...

記事を読む

新着記事

skitched-20180814-223313

今日からあなたもデザイナー!?忘れがちな商業デザインの配色テクニック

デザイナーの商業デザイン配色テクニック 配色については過去ある程度テ...

記事を読む

6935b31778bafbaa90cbd4cc223ae54e_m

見積金額を高く!デザインや営業に使える訴求力を高めるたった3つの事

最近はどうも忙しくてなかなか更新できてないのですが、最近カメラマンから...

記事を読む

document_img01

15年の経験から理解した!書類選考を通す為に必要な5つのこと

すっかり時間が空いてしまいましたが、しっかり書いていきましょう。 ま...

記事を読む

design_skill

今年こそWebデザイナーになりたい!初心者の為のデザインスキルを上げる簡単な2つの方法

今回は、諸々スキルも大筋ついてきたけど肝心なデザインスキルがどうしても...

記事を読む

carrier_img01

今年こそWebデザイナーになりたい!経験者になる為に必要な考え方とその方法

今回はWebデザイナーとして勉強してそこそこのスキルはついたけど、実際...

記事を読む

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

skitched-20180814-223313
今日からあなたもデザイナー!?忘れがちな商業デザインの配色テクニック

デザイナーの商業デザイン配色テクニック 配色については過去ある程度テク

6935b31778bafbaa90cbd4cc223ae54e_m
見積金額を高く!デザインや営業に使える訴求力を高めるたった3つの事

最近はどうも忙しくてなかなか更新できてないのですが、最近カメラマンから

document_img01
15年の経験から理解した!書類選考を通す為に必要な5つのこと

すっかり時間が空いてしまいましたが、しっかり書いていきましょう。 まず

design_skill
今年こそWebデザイナーになりたい!初心者の為のデザインスキルを上げる簡単な2つの方法

今回は、諸々スキルも大筋ついてきたけど肝心なデザインスキルがどうしても

carrier_img01
今年こそWebデザイナーになりたい!経験者になる為に必要な考え方とその方法

今回はWebデザイナーとして勉強してそこそこのスキルはついたけど、実際

→もっと見る

  • -売る技術-

    ウエブデザイン暦15年目。犬をこよなく愛するデザイナー。今はディレクションとデザイン を中心に制作全般をしてます。主にマーケティングを軸にデザインを組み立て商品が売れるサイトを構築しています。 デザインとマーケティングについて研究の日々。現在はオランダでWebデザイナーとして働いています。

    ツイッターやってます。
  • Amazonアソシエイト・プログラム規約による記載

    売る技術はamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。

PAGE TOP ↑