クリックを促すリンクデザイン

クリックを促すリンクデザイン

せっかくのリンクも、ユーザーにクリックしてもらえなかったら意味がありません・・・。デザインをちょっと工夫することで、リンクをさらに目立たせてクリックを促すことが出来ます！

コツその1 - 「>>」や「→」を加える

例えば、次のように「資料請求」へのリンクを貼るとします↓

このままでもリンクの存在を伝えることは出来ますが、デザインのスパイスを効かせて、このリンクに視覚的な「動き」を加えましょう。

ここでは、リンク文字列の末尾に「>>」を入れてみます↓

右向きの「>>」を入れることで、「次へ進もう！」「この先に何かがある！」というイメージを視覚的に伝えることができます。

目線を右へ引っぱる「チカラ」というか、「次へ、次へ！」というポジティブなエネルギーをユーザーの目に訴えることができるのです。

「>>」の代わりに「→」を使う方法もあります（あまり洗練されたデザインではないかもしれませんが・・・^ ^；）

※注意 - やりすぎは禁物！
すべてのリンクに記号を付けたら、見た目がうるさくなってしまうだけです。
とくに目立たせたいリンク、「ここぞ！」というリンクに使いましょう！

コツその2 - 画像リンクにする

とっておきのリンクは、画像にしてしまうという手もあります。
アンチエイリアスの効いた文字画像はそれだけで目立つので、ユーザーにクリックを促す強力な武器になりますね（^ ^）

ここでも、右向きの矢印を入れることで、ユーザーの目線を誘導するイメージをデザインします。
（当サイトのテーマから少し外れますが、画像のALT属性も忘れずに！）

英会話教室のお申し込み
当サイトからお申し込みいただいた方に、弊社英会話教室の詳しいご案内を送らせていただきます。ぜひ、この機会にお申し込みください！

アニメーションにして、ユーザーの目を惹く方法もありますね！

英会話教室のお申し込み
当サイトからお申し込みいただいた方に、弊社英会話教室の詳しいご案内を送らせていただきます。ぜひ、この機会にお申し込みください！

Webページの中に一点だけ「動くもの」があれば、どうしても目が向いてしまうものです。
（これも、あまりやりすぎると、新宿は歌舞伎町のネオンサインになってしまいます。ご注意！）

メルマガ「嫌われないWebデザイン」
さらに突っ込んだデザインノウハウは、メルマガでお届けします！メルマガ読者限定の、サイト無料診断企画もたまにやってます。
>>バックナンバーを見る

登録アドレス：

解除アドレス：

Powered by