最適なモバイルレスポンシブメールデザインのチェックリスト

モバイルデバイスで楽しみにしているメールを開いて読むことができないほど、私をがっかりさせるものは何もありません。 画像が表示に反応しないハードコードされた幅であるか、テキストが広すぎて読むために前後にスクロールする必要があります。 重要でない限り、デスクトップに戻って読むのを待ちません。 削除します。

私だけではありません。消費者と企業の両方が、現在、すべての電子メールの半分以上を小さな画面で読んでいます。 レスポンシブメールのデザインは重要です あなたの電子メールのクリック率に。

事実上すべての電子メールサービスプラットフォームにレスポンシブ電子メールを実装しているため、多くの場合、それらの組織に連絡して支援を申し出ます。 正直なところ、返事はありません。 残念です。彼らは、誰も読んでいない電子メールを送信するためのプラットフォームにお金を払っています。 あなたの変更 メールテンプレートは正当化するのは簡単です。 職場のプリンターまで歩いて行き、紙の半分を捨てることを想像してみてください…それはあなたがあなたの電子メールが反応しないときにあなたがしていることです。

この市場では、ベストプラクティスが登場しています。 レスポンシブデザインはそれほど簡単ではありませんが、不可能でもありません。 Email Monksのスタッフが私たちを助けてくれました。彼らはこの実績のあるチェックリストに従って、モバイルとタブレットのビューポートに確実に応答するようにメールを最適化します。

1. 単一の列で設計する
2. 指を念頭に置いて設計する
3. 続ける 行動の呼びかけ 簡単にタップ可能（最小44px）
4. スキミングを容易にするために空白を使用する
5. ヘッダーをきれいに保つ
6. Retinaディスプレイの画像解像度を最適化する
7. リンクを混雑させないで、ボタンを使用してください
8. 提供する リンクされた電話番号
9. 件名を30文字以下に制限する
10. モバイルで引き伸ばされたときにぼやけないように、最小480pxの画像幅を使用してください
11. 画像を拡大縮小するだけでなく、CSSメディアクエリを使用する
12. 高さを制限する–短いメールは簡単にスキミングできます
13. 重要な行動を促すフレーズをスクロールせずに見える範囲に保つ
14. メールのデザインをテストする 電子メールクライアント間