עיצוב דף נחיתה: שבע החלטות שקובעות אם הוא ממיר

שבע ההחלטות, בטבלה אחת

1. פעולה אחת

דף נחיתה הוא דף עם פעולה אחת, וזה ההבדל היחיד בינו לבין עמוד באתר.

ברגע שיש בו תפריט, שלושה כפתורים שונים וקישור לבלוג, הוא עמוד באתר. הכפתור חוזר שלוש פעמים: במסך הראשון, אחרי ההוכחה, ובסוף.

אותו נוסח, אותו צבע, אותה פעולה. מה ההבדל המלא בין דף נחיתה לעמוד באתר, במאמר על מה זה דף נחיתה.

2. המסך הראשון

מי שהגיע ממודעה החליט ללחוץ בגלל משפט אחד. המסך הראשון צריך לחזור על המשפט הזה, לא לפתוח סיפור חדש.

כותרת שאומרת מה מקבלים ולמי, משפט אחד שאומר למה להאמין, וכפתור.

בלי סליידר (אף אחד לא מחכה לשקופית השנייה), בלי סרטון שמתנגל לבד, ובלי תמונת מאגר.

ואם המודעה היא בגוגל, המשפט במודעה והמשפט בדף צריכים להיות אותו משפט, כי גוגל בודק את זה. פירטתי במאמר על דף נחיתה לגוגל אדס.

3. היררכיה: הדגשה אחת

כשהכל מודגש, כלום לא מודגש. בכל פסקה ביטוי אחד בולט, וכל השאר רגיל. כותרות בגודל אחד, לא ארבעה. צבע הדגשה אחד, ולא לטקסט.

הכלל הזה לבדו הופך דף צעקני לדף שאפשר לסרוק בעשר שניות ולהבין מה מציעים.

זה גם הכלל שאני עובד לפיו באתר הזה, ואפשר לראות אותו בכל עמוד.

4. הטופס: שלושה שדות, ולא בתחתית

כל שדה שמוסיפים הוא סיבה לא למלא. שם, טלפון, ומשפט אחד על העסק, זה מספיק לשיחה. את שאר הפרטים שואלים בטלפון.

ובמיקום: טופס רק בתחתית הדף מגיע למי שקרא הכל, והם מעטים. הטופס, או כפתור שפותח אותו, יושב גם ליד ההוכחה באמצע הדף.

5. ההוכחה ליד הכפתור

ביקורת עם שם, תמונה של עבודה אמיתית, או מספר שאפשר לאמת, יושבים במרחק מבט מהכפתור, ולא בשורת לוגואים בפוטר.

הקורא מחפש סיבה להאמין בדיוק ברגע שהוא מתלבט אם ללחוץ. אם ההוכחה במקום אחר, הוא לא יחפש אותה.

מה מוכיח ומה לא, כתבתי במאמר על איך בונים דף נחיתה שממיר.

6. נייד קודם, ברוחב של טלפון

רוב מי שמגיע ממודעה מגיע מהטלפון.

דף שעוצב במחשב ו״הותאם״ לנייד הוא דף שבו הכותרת תופסת מסך שלם, הכפתור מתחת לקפל, והטופס דורש זום.

אני מעצב ברוחב 390 פיקסלים קודם, בודק על טלפון אמיתי ביד אחת, ורק אז מרחיב למחשב.

הכפתור חייב להיות בטווח של האגודל, וכל לחיץ בגודל של אצבע.

7. מהירות: הדף משלם על כל שנייה

בדף נחיתה ממומן, שנייה איטית היא קליק ששולם ונזרק.

הספים של גוגל: התוכן הראשי מופיע תוך 2.5 שניות, הדף מגיב ללחיצה תוך 200 אלפיות שנייה, ושום דבר לא קופץ אחרי שהתחיל להיטען.

האשם הכי נפוץ הוא תמונת רקע ענקית במסך הראשון, והשני הוא פיקסלים וסקריפטים של מדידה שנטענים לפני התוכן.

מה בודקים ומה מתקנים קודם, במאמר על התאמת האתר לנייד.

מה לא לעצב

• תפריט ניווט. יש פעולה אחת, אין לאן ללכת.
• חלון קופץ בכניסה. הקורא הגיע מרצונו, אל תחסום לו את הדרך.
• אנימציות שמסתירות טקסט עד שהוא ״נכנס״. בטלפון איטי הטקסט פשוט לא יופיע.
• קרוסלת המלצות. המלצה אחת שרואים שווה יותר מחמש שמתחלפות.
• רקע כהה עם טקסט לבן דק. יפה במחשב, בלתי קריא בשמש.

איך זה נראה בדפים אמיתיים, בניתוח של דוגמאות לדפי נחיתה, סקשן אחרי סקשן.

ומה הטעויות שקורות אחרי שהדף כבר באוויר, במאמר על טעויות בדף נחיתה. מה אני בונה ובכמה, בעמוד דפי הנחיתה.