其の49 mailtoリンクの表記に注意 | デザインってオモシロイ -MdN Design Interactive-
【サイトリニューアル!】新サイトはこちらMdNについて
タイトル画像

レベル初級其の49

mailtoリンクの表記に注意


「お問い合わせ」、「ご質問はこちら」などと書いてあるボタンやテキストリンクをクリックすると、ユーザーの意思に関わらず、メーラーが立ち上がってしまうサイトが数多くある。

「お問い合わせ」などと書いてあれば、ユーザーは感覚的にお問い合わせフォームなどのページにリンクされると思い、クリックしてしまう場合が多い。

電子メールへのリンクであれば、メーラーが立ち上がることがひと目でわかるように、メールのアイコンやポストのアイコンなどを配置したり、メールアドレスを強調するべきである【1】【2】。

メーラーが起動することを明記しない例
【1】ボタン画像にする場合も、「お問い合わせ」という表記のみではなく、アイコンを加えて、メールへのリンクだということを強調する

また、フォームではなくメールの場合には、ユーザー自身がメール本文の中に自分で項目立てをする必要があるし、そのサイト自体をなんとなく信頼性に欠けると感じる人もいるはずだ。何らかの特別な理由がない限りはできるだけ、メールではなくフォームで対応したほうがいい。

メールアドレスを表示したテキストリンク
【2】テキストリンクの場合もアイコンを加えたり、リンク箇所にメールアドレスの表示をすることにより、電子メールリンクということがわかる

昨今ではWeb上でメールアドレスを公開すると広告メールが送られてくる可能性も高い。JavaScript でメールアドレスを表示するなど、対策法もあるが、メールアドレスをすべて画像化したり、「@」のみを画像化して対処するのも方法のひとつだ。


お作法一覧へ
twitter facebook このエントリーをはてなブックマークに追加 RSS
【サイトリニューアル!】新サイトはこちらMdNについて

この連載のすべての記事

アクセスランキング

8.30-9.5

MdN BOOKS|デザインの本

Pick upコンテンツ

現在