Danh sách kiểm tra của bạn để thiết kế email đáp ứng trên thiết bị di động tối ưu

danh sách kiểm tra thiết kế email đáp ứng

Không có gì thực sự làm tôi thất vọng nhiều như khi tôi lật mở một email mà tôi đang mong đợi trên thiết bị di động của mình và tôi không thể đọc được. Các hình ảnh có chiều rộng được mã hóa cứng sẽ không phản hồi với màn hình hoặc văn bản quá rộng khiến tôi phải cuộn qua lại để đọc. Trừ khi nó quan trọng, tôi không đợi để quay lại màn hình của mình để đọc nó. Tôi xóa nó.

Tôi không phải là người duy nhất - cả người tiêu dùng và doanh nghiệp hiện đang đọc hơn một nửa số email của họ trên màn hình nhỏ hơn. Thiết kế email đáp ứng là rất quan trọng tỷ lệ nhấp vào email của bạn.

Vì chúng tôi đã triển khai email đáp ứng trên hầu hết mọi nền tảng dịch vụ email, chúng tôi thường liên hệ với các tổ chức đó và đề nghị trợ giúp. Thành thật mà nói, tôi chưa bao giờ nhận được phản hồi. Nó quá tệ - họ đang trả tiền cho một nền tảng để gửi một email mà không ai đang đọc. Sửa đổi của bạn mẫu email dễ hiểu. Hãy tưởng tượng đi đến máy in tại nơi làm việc của bạn và vứt đi một nửa tờ giấy… đó là những gì bạn đang làm khi bạn không nhận được email phản hồi.

Các phương pháp hay nhất đã xuất hiện trên thị trường này. Thiết kế đáp ứng không phải là dễ dàng - nhưng cũng không phải là không thể. Chúng tôi đã có những người tại Email Monks giúp đỡ chúng tôi và họ tuân theo danh sách kiểm tra đã được kiểm chứng này để tối ưu hóa email của bạn nhằm đảm bảo email đáp ứng với các chế độ xem trên điện thoại di động và máy tính bảng.

  1. Thiết kế trong một cột duy nhất
  2. Thiết kế có tâm trí
  3. Giữ Kêu gọi hành động có thể dễ dàng chỉnh sửa (tối thiểu 44px)
  4. Sử dụng khoảng trắng để dễ dàng đọc lướt
  5. Giữ tiêu đề sạch sẽ
  6. Tối ưu hóa độ phân giải hình ảnh cho màn hình võng mạc
  7. Không kết hợp các liên kết với nhau, hãy sử dụng các nút
  8. Cho số điện thoại liên kết
  9. Giới hạn các dòng tiêu đề còn 30 ký tự trở xuống
  10. Sử dụng chiều rộng hình ảnh tối thiểu là 480px để chúng không bị mờ khi kéo dài trên thiết bị di động
  11. Không chỉ chia tỷ lệ hình ảnh, hãy sử dụng truy vấn phương tiện CSS
  12. Hạn chế chiều cao - email ngắn hơn sẽ dễ đọc hơn
  13. Giữ các Kêu gọi hành động quan trọng trong màn hình đầu tiên
  14. Kiểm tra thiết kế email của bạn qua các ứng dụng email

Danh sách kiểm tra thiết kế email đáp ứng

2 Comments

  1. 1

    Đây thực sự là một bài báo tuyệt vời và thích hợp Douglas! Tôi đã học được rất nhiều điều từ điều này.

    Hầu hết các bài báo nói về thiết kế web đáp ứng, đây là lần đầu tiên tôi đọc về thiết kế email đáp ứng. Các mẹo và các bước thực sự tuyệt vời mà bạn đã đưa vào đây. Bạn đã sử dụng phần mềm tiếp thị email nào?

Bạn nghĩ gì?

Trang web này sử dụng Akismet để giảm spam. Tìm hiểu cách xử lý dữ liệu nhận xét của bạn.