80% of people delete an email if it doesnʼt look good ontheir mobile device.
自分のモバイルデバイスできれいに表示されないメールがあったら80%の人が消してしまう

毎日のように手元に配信されてくるメールマガジンは、海外ではこのようにレポートされています。

日本でもスマートフォンやタブレットなどのスマートデバイスの普及が高まり、EコマースをはじめとしたWebサイトも、スマートデバイスでストレスなく表示する必要があるとされています。Webサイトをスマートフォンに最適化する、レスポンシブWebデザインの手法をとり入れるなど、多くのWebサイトはスマートフォン向けの施策がとられています。では、メールはどうでしょうか？

スマートフォンで見られないメール

スマートデバイスの表示領域はPCに比べると非常に小さいものです。単純なテキストメールなら、表示領域の問題は起こりにくいものです。しかし、 画像をふんだんに使ったマーケティングメールは、全体を画像で構成したものやWebページをそのまま貼り付けたようなものが多くあります。このようなメー ルは、スマートデバイスでは全体の内容が小さく表示され、文字が読みにくいだけでなく、表示に時間がかかる、画像が表示されないといったことすら起こるのです。

そんなメールを受け取った人は、どのように行動するでしょうか。スマートデバイスでうまく読めないメールを消すことはないにしても「とりあえず既読マークを付けて読んだことにする」 ということは十分にあり得ます。仕事に関係するものや大好きなブランドや製品、よほど興味のあるものならばともかく、PCで改めてメールを確認する人は 「全体の3%しかいない（The How-To Guide to Responsive Email Design）」ともいわれています。

スマホ・タブレット時代のHTMLメールの課題

HTMLメールは、メール配信サービスの専用ツールや時代遅れなテーブルレイアウトと呼ばれる手法で作られているため、さまざまな制約があります。「Webページを貼っているようなものだから、同じようなやり方でいいんでしょ」というのは大間違いです。

PCの多種多様なメールクライアントに対応するだけではなく、GmailのようなWebサービスもあります。そのうえ、スマートフォンやタブレッ トなどのスマートデバイスでもOSやアプリによって、HTMLメールの描画のされ方＝見え方に違いがあるのです。スマートフォンに最適化されてないWeb サイトをスマートフォンのブラウザーで表示したようなもので、見づらいものです。

ほかにも閲覧デバイスの多様化による問題はあります。

• 初期状態では画像表示が無効化される
• デザインの実装に使うCSSのサポート状況がバラバラ
• 同じサービスでもブラウザーとアプリでは見え方が異なる
• デバイス幅で表示を変えることができない

これが、HTMLメールの世界なのです。

HTMLメールは、情報が欲しくて積極的にWebサイトを見るのとは異なり、一方的に送られてきたものを見るのです。よほどの動機がなければなんとかして読もうとは考えません。「メールはPCで読まれるものだ」という固定観念を捨て「受け手がスマートフォンであってもさほど労せず読めるようなHTMLメールを配信する」と意識することが先決です。

レスポンシブEメールデザインとは

「レスポンシブEメールデザイン」とは、さまざまな閲覧スタイルに適応しながら、効果の上がるモダンなHTMLメールのデザインのことです。PCだけでなくスマートフォンでも見やすいシンプルなレイアウトにしたり、PCとスマートフォンとでレイアウトを切り替えたりすることで、ユーザーに見てもらえるメールを目指します。

レスポンシブEメールデザインはレスポンシブWebデザインのようにデバイスや閲覧状況にあわせてコンテンツやレイアウトを完全に適応できるわけではありません。これまでの常識が通じない世界になりつつあることをしっかりと認識し、メールの配信側も時代にあわせて考え方を変えなければならないのです。