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

レスポンシブメールデザインのチェックリスト

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

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

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

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

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

レスポンシブメールデザインチェックリスト

2のコメント

  1. 1

    これは本当に素晴らしくてニッチな記事ダグラスです! これからたくさんのことを学びました。

    ほとんどの記事はレスポンシブウェブデザインについて語っていますが、これは私がレスポンシブメールデザインについて読むのは初めてです。 ここに含まれている本当に素晴らしいヒントと手順。 どのメールマーケティングソフトウェアを使用しましたか?

どう思いますか?

このサイトはAkismetを使用して迷惑メールを減らします。 コメントの処理方法を学ぶ.