יותר מ-60% מהאימיילים נפתחים על מסך נייד. מובייל הוא לא דסקטופ קטן — דפוסי קריאה שונים, אינטראקציה שונה, ותנאי תצוגה שונים לחלוטין.
עקרונות עיצוב ראשיים
- עמודה אחת — פריסת multi-column נשברת על מובייל. עמודה אחת תמיד עובדת.
- CTA אחד ברור — העין סורקת מהר יותר על מובייל. כפתור אחד, הנחיה אחת.
- מינימום טקסט — מסר אחד לאימייל. סיפור ארוך → דף נחיתה.
גדלי גופן ורוחב
- כותרת: מינימום 22px.
- גוף: מינימום 16px — iOS מגדיל אוטומטית טקסט מתחת ל-13px.
- רוחב מקסימלי: 600px לדסקטופ / 100% למובייל.
- תמיד להגדיר
max-widthו-width:100%יחד.
תמונות וכפתורי CTA
תמונות: תמיד alt text (חלק מהמשתמשים חוסמים תמונות). השתמשו ב-max-width:100%; height:auto. אל תסמכו על תמונה להעביר המסר הראשי.
כפתורי CTA: גובה מינימלי 44px (הנחיית Apple לגודל אצבע). ניגודיות גבוהה, טקסט ברור: "קנה עכשיו", "לחץ לפרטים" — לא "לחץ כאן לקריאת כל הפרטים המלאים".
3 תבניות שעובדות על מובייל
תבנית 1 — הכרזת מבצע:
לוגו (מרכז) → תמונת הירו → כותרת 1–2 שורות → תקציר 2–3 שורות → CTA גדול.
תבנית 2 — ניוזלטר:
לוגו → כותרת גיליון → 3 כרטיסיות (כל אחת עם כותרת, 1–2 שורות, לינק) → פוטר.
תבנית 3 — טרנסקציונלי:
לוגו → אישור פעולה → פרטי הזמנה/עסקה → CTA (מעקב/צפייה) → פוטר מינימליסטי.