スマートフォン向けHTMLメルマガの基本!

  • このエントリーをはてなブックマークに追加

スマートフォン向けHTMLメルマガの基本


いまや1人に1台とも言えるほどに普及したスマートフォン。通信環境も年々向上し、いつでもどこでもインターネットにつながる時代になっています。そのせいか、WEBサイトはもちろん、メールマガジンもスマホで確認するという人が多くなっています。
PC向けのWEBサイトがスマホで確認できるように、PC向けに作られたHTMLメール形式のメルマガもスマホで見ることができます。

でも、やはりスマホとPCでは画面のサイズや操作性、さらには見ている人の気持ちもずいぶん異なります。そこで、今回はスマホに適したHTMLメルマガについて考えてみたいと思います。


スマートフォン向けHTMLメルマガで気をつけるべき3つのポイント


スマホに適したHTMLメルマガを考える上で、大切なことはPCとの環境の違い、つまりユーザがどんな環境でそれを見ているのかを想像することです。
その点を踏まえて、以下の3つのポイントを押さえるとよいでしょう。


1.画像は大きく

sp_knowhow02.jpg

近年では画面も大型化してきているとはいえ、PCに比べれば小さいことに変わりはありません。そのため、スマホ読者は「細かい文字を見る」ことを嫌がる傾向にあります。

文字情報は極力減らした上で、画像を大きく配置し、視覚的な情報を第一に考えるようにしましょう。特にEC系などの場合は、魅力的な商品画像を大きく見せたほうが効果的です。
小さい画面でもパッと見てわかることが重要です!


2.テキストはセンタリング

sp_knowhow03.jpg

各社から販売されているスマホ。ある程度画角が統一されているPCに比べ、スマホの場合は機種によって画角がさまざまです。そのため、スマホ向けのメルマガの場合は、表示崩れを避けるためにできるだけ改行しないことが鉄則です。

しかし、先ほどもお伝えしたように、スマホユーザは細かい文字は苦手。1行に収める文字は短文、さらにセンタリングで表示させることをオススメします。
というのもスマホを見る場合、ユーザの視線の動きはよく知られる「Z型」ではなく、スワイプの動きと同じように「↓型」で、つまりは流し読み。中央にコンパクトにまとめたほうが目で捉えやすいのです。


3.ボタンは大きく真ん中に

sp_knowhow04.jpg

これはPC版でも言えることかもしれませんが、スマホ向けHTMLメルマガでは、ボタンタップ位置がわかりやすいほどクリック率が高まります。
特にスマホの場合、テキストリンクはタップ範囲が狭いので、ユーザにとっては煩わしいものになってしまいます。

これまでのポイントも踏まえ、ボタンは中央に大きく配置してください。ちょっと大げさなくらい大きくてもスマホで確認すると、案外ちょうどいいものです。


おわりに

まとめると、スマホ向けのHTMLメルマガを作る際には、メールを読む際に受け取る心理的なストレスを減らすために、わかりやすく簡潔な内容を意識して作成するとよいでしょう。スマホが普段、日常的に使うものとして認識されるほど身近になったからこそ、ユーザはわかりやすい情報を求めています。

もし、短すぎて情報が伝えきれない、と考えているのであれば、それはWEBサイトで表現するようにしましょう。メルマガはあくまでWEBサイトへのショートカット。そう、考えてみてはいかがでしょうか?

米澤信弘
株式会社ライトアップでメールマーケティングやコンテンツ制作のプロデュースを担当。
トレンドとユーザーニーズを組み合わせた企画を得意とし、伸び悩むメルマガに改善策を提案するメールコンサルタントとしても実績をあげている。
近年は、顧客企業からの依頼でメールマーケティングセミナーの講師も務める。
  • このエントリーをはてなブックマークに追加
この記事の運営企業

阪急阪神東宝グループのユミルリンク株式会社は、10年以上にわたり、メール配信システムをクラウドサービス・ソフトウェアとして提供し、メールに関する専門的な技術や運用ノウハウを蓄積してきました。
メール以外にも、SMS配信サービスWEBアンケート・フォームシステムもクラウドサービスとして提供しています。

ユミルリンクでは、メール配信システム、SMS配信サービス、SMTPリレーサービス、WEBアンケートシステムを提供しております。
ご興味を持っていただけましたら、お気軽にご相談ください。

お問い合わせ

ページの先頭へ