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