5 סימנים שהבאנרים הנוכחיים שלך פוגעים בתדמית המותג שלך

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

באנר יכול לעשות יותר מאשר לקדם מוצר. זה יכול לעצב איך אנשים שופטים את המותג כולו. כשאני רואה באנר עם טקסט צפוף, תמונות חלשות, מרווחים גרועים או הודעה שאינה תואמת לדף הנחיתה, אני מתחיל להטיל ספק בעסק שעומד מאחוריו. המוצר עשוי להיות שימושי, אך הבאנר יכול לגרום למותג להיראות רשלני, מיושן או קשה לסמוך עליו. בעיית עיצוב קטנה יכולה להשפיע על מסע הלקוח המלא. ### סימנים שהבאנר שלך עשוי לפגוע במותג שלך. אני בדרך כלל מסתכל על חמישה תחומים: - קשה להבין את המסר העיקרי. - העיצוב משתמש ביותר מדי צבעים, גופנים או אפקטים חזותיים. - איכות התמונה נראית גרועה במכשירים ניידים. - הקריאה לפעולה אינה תואמת את הדף שהיא פותחת. - הבאנר מבטיח משהו שדף הנחיתה לא מסביר. באנר אמור לעזור לאנשים לקבל החלטה ברורה. זה לא צריך להכריח אותם לחפש את המשמעות. לדוגמה, באנר האומר "Better Business Starts Here" נותן מעט מידע שימושי. ייתכן שמבקר לא יודע מה מוצע, למי זה מיועד או מה יקרה לאחר הקליק. גרסה ברורה יותר יכולה לומר: "תוכנת הנהלת חשבונות לצוותי קמעונאות קטנים" "ראה תוכניות ותכונות מוצר" ההודעה השנייה נותנת למבקר סיבה להמשיך מבלי להגיש טענה שאינה ניתנת לבדיקה. ### ייתכן שהבאנר שלך לא תואם את סגנון המותג שלך. פעם סקרתי אתר שהשתמש בצבעים רגועים, בתמונות מוצר פשוטות ובטון מקצועי על פני הדפים שלו. באנר של דף הבית שלה השתמש בצבעי ניאון בהירים, באותיות גדולות ומספר הודעות הנחות. שום דבר לא נשבר מבחינה טכנית, אבל הבאנר הרגיש כאילו הוא שייך לחברה אחרת. הפער הזה יכול להחליש את הכרת המותג. מבקר עשוי לראות סגנון אחד בפרסומת, סגנון אחר בדף הבית וסגנון שלישי באזור התשלום. העסק מתחיל להיראות לא עקבי, גם אם השירות עצמו אמין. שינוי הלוגו של Gap 2010 מציע שיעור שימושי לגבי עקביות המותג. גאפ הציגה לוגו חדש והחזירה את הלוגו הקודם שלה בתוך ימים לאחר ביקורת ציבורית חריפה. באנר לא נושא את אותו משקל כמו לוגו, אבל התגובה מראה כמה מהר אנשים מבחינים בשינויים שמרגישים מנותקים ממותג מוכר. אני לא צריך שכל באנר יראה זהה. אני כן צריך שכל אחד מהם ישתף אלמנטים בסיסיים כגון: - צבעי מותג - מיקום לוגו - בחירת גופנים - סגנון תמונה - טון דיבור - עיצוב כפתורים ### בדוק את המסר לפני שינוי העיצוב צוותים רבים מנסים לפתור באנר חלש על ידי הוספת אלמנטים ויזואליים נוספים. זה לעתים קרובות מקשה לראות את הבעיה. אני מעדיף לשאול שלוש שאלות פשוטות: 1. מה מציע הבאנר הזה? 2. למי מיועדת ההודעה? 3. מה על המבקר לעשות לאחר מכן? אם הצוות אינו יכול לענות על שאלות אלו במהירות, הבאנר צריך עותק ברור יותר לפני שהוא זקוק לפריסה חדשה. באנר ממוקד מכיל לרוב: - רעיון מרכזי אחד - פרט אחד תומך - פעולה ברורה אחת לדוגמא: "אחסון בענן לצוותים גדלים" "שתף קבצים, נהל גישה ושמור על פרויקטים מסודרים" "חקר תכונות" מבנה זה נותן למבקר מספיק הקשר מבלי להפוך את הבאנר לבלוק של טקסט. ### הפוך את הצפייה הניידת לחלק מתהליך העיצוב באנר שנראה מאוזן על מסך שולחן העבודה עשוי להיות קשה לקריאה בטלפון. טקסט יכול להתעטף במספר שורות, הכפתור עשוי להיות קטן מדי והתמונה הראשית עשויה להסתיר את המוצר. אני בודק את גרסת הנייד לפני אישור העיצוב. אני בודק גם: - גודל טקסט - מרווח לחצנים - חיתוך תמונה - ניגודיות בין טקסט לרקע - זמן טעינת עמוד - נראות של ההודעה הראשית באנר צריך להישאר שימושי בגדלי מסך שונים. אם המבקר צריך להתקרב, העיצוב כבר יוצר חיכוך. ### קיים את ההבטחה המחוברת לדף הנחיתה מבקר אמור לראות קשר ברור בין הבאנר לדף שאחריו. אם הבאנר מזכיר תוכנית שירות, דף הנחיתה צריך להסביר את התוכנית. אם הבאנר מקדם מדריך, הדף הבא אמור להפוך את המדריך לקל למצוא. אם הבאנר מציג מוצר, המבקר לא אמור לנחות בדף בית כללי ללא נתיב ברור. זה חשוב לאמון ולאיכות הפרסום. פלטפורמות חיפוש בודקות אם מודעות ודפי נחיתה מעניקים למשתמשים חוויה עקבית. ניסוח ברור, טענות מדויקות ומידע עסקי גלוי עוזרים להפחית בלבול. אני נמנע מהודעות כגון: - "כולם בוחרים בנו" - "הפתרון היחיד שאתה צריך" - "תוצאות מובטחות" - "המוצר המושלם לכל עסק" הצהרות אלו הן רחבות וייתכן שקשה לתמוך בהן. ניסוח ספציפי יותר בטוח ושימושי: "כלים לניהול פרויקטים לצוותים קטנים" "השווה תכונות ותמחור" "הזמן ייעוץ למוצר" ### השתמש בשאלות של לקוחות אמיתיים עותק הבאנר החזק ביותר מגיע לעתים קרובות משאלות שלקוחות כבר שואלים. חברת תוכנה עשויה לשמוע: "האם הצוות שלי יכול להשתמש בזה ממקומות שונים?" - "האם אני יכול לייצא את הדוחות שלי?" - "האם זה יעבוד עם הכלים הנוכחיים שלנו?" שאלות אלו יכולות לעצב הודעות באנר מעשיות: "נהל פרויקטים על פני צוותים מרוחקים ומשרדיים" "יצוא דוחות בפורמטים נפוצים של קבצים" "התחבר לכלים שהצוות שלך כבר משתמש בו" גישה זו עוזרת לבאנר להישמע כמו תגובה לצורך אמיתי, לא הודעת מכירה רועשת. ### סקור את הבאנר כחלק מהמותג כולו. אני לא שופט באנר על מראה חיצוני בלבד. אני משווה את זה עם האתר, המיילים, דפי המוצר, הפוסטים החברתיים ושפת תמיכת הלקוחות. באנר חזק צריך להרגיש כמו חלק טבעי מהמותג. זה אמור לספר לאנשים מה זמין, להגדיר ציפייה ברורה ולהוביל אותם לדף שתומך באותו מסר. אם באנר נראה מלוטש אך יוצר ספק, הוא זקוק ליותר מאשר התאמה ויזואלית. המסר, הקהל, החיבור לדף וסגנון המותג ראויים לביקורת. עיצוב ברור לא מנסה להרשים כל מבקר. זה עוזר למבקר הנכון להבין את ההצעה ולעשות את הצעד הבא בביטחון.

באנר יכול לעצב את הרושם הראשוני של המבקר תוך מספר שניות. כאשר ההודעה מרגישה צפופה, לא ברורה או לא קשורה לדף, אני בדרך כלל שם לב לבעיה לפני שאני קורא את ההצעה. עסקים רבים מתמקדים בהוספת טקסט נוסף, צבעים בהירים יותר וכפתורים גדולים יותר. גישה זו הופכת לעתים קרובות את הבאנר לקשה יותר להבנה. באנר חזק נותן לאנשים מסר אחד ברור ושלב אחד פשוט הבא. הנה חמש טעויות שאני רואה לעתים קרובות, יחד עם דרכים מעשיות לתקן אותן. ### 1. הבאנר מנסה לומר הכל. באנר עשוי לכלול שם מוצר, מספר תכונות, הנחה, פרטי משלוח, ביקורות של לקוחות וכפתורים מרובים. כל נקודה עשויה להיות שימושית בפני עצמה, אך העיצוב המלא הופך להיות קשה לסריקה. אני צריך להבין את המסר העיקרי מבלי לקרוא כל מילה. מבנה טוב יותר נראה כך: - כותרת ברורה אחת - שורה תומכת אחת קצרה - ויזואלית אחת מרכזית - כפתור פעולה אחד לדוגמה, מותג כושר ביתי עשוי לכתוב: התאמן בבית עם פחות ציוד כלים קומפקטיים לאימונים יומיים קצרים. הצג את האוסף הודעה זו נותנת למבקר מושג ברור לגבי המוצר והשלב הבא. זה לא מנסה להסביר את כל העסק בתוך תמונה אחת. ### 2. קשה לקרוא את הטקסט טקסט קטן, ניגודיות חלשה, רקעים עמוסים וגופנים דקורטיביים יכולים לגרום לבאנר להיראות מלוטש תוך הפחתת השימושיות שלו. ראיתי באנרים עם טקסט לבן מונחות מעל תמונת מוצר בהירה. על מסך שולחן העבודה, המילים עשויות להיראות קריאות. בטלפון נייד, הם נעלמים לרוב בתמונה. השתמש בבדיקה ויזואלית פשוטה: - האם אני יכול לקרוא את הכותרת על מסך קטן? - האם הטקסט בולט מהרקע? - האם הגופן קל להבנה? - האם הכפתור נראה כמו משהו שאני יכול ללחוץ עליו? שכבת-על כהה יכולה לעזור כאשר התמונה בהירה. רקע רגיל עשוי לעבוד טוב יותר כאשר ההודעה נושאת משקל רב יותר מהתמונה. המטרה היא לא לקשט כל חלל ריק. המטרה היא להפוך את המסר לקל לשימוש. ### 3. התמונה לא תואמת למסר באנר מאבד אמון כאשר התמונה והטקסט מספרים סיפורים שונים. תארו לעצמכם באנר שמקדם שהייה שקטה במלון בסוף השבוע, אך משתמש בסצנת מסיבות צפופה. התמונה עשויה להיראות מושכת, אך היא יוצרת ציפייה שגויה. מבקר שלוחץ עלול לעזוב כאשר דף הנחיתה מרגיש שונה מההבטחה המופיעה בבאנר. אני בודק שלושה פרטים לפני אישור באנר: 1. האם התמונה מציגה את המוצר, השירות או ההגדרה המוזכרים בטקסט? 2. האם מצב הרוח מתאים לקהל? 3. האם התמונה תומכת בפעולה שאני רוצה שאנשים יעשו? חברת תוכנה המקדמת כלי ניתוח עשויה להשתמש במסך מוצר ברור עם מסר קצר לגבי צפייה בנתוני מכירות. תמונה אקראית של משרד אולי נראית מקצועית, אבל היא נותנת פחות עזרה למישהו שמנסה להבין את המוצר. ויזואליה טובה מפחיתה ספק. הם צריכים לעזור לאנשים לדמיין מה קורה לאחר הקליק. ### 4. הקריאה לפעולה מעורפלת. לחצנים כגון "לחץ כאן", "למידע נוסף" או "שלח" מספקים מעט מידע. הם מבקשים פעולה מבלי להסביר את ערכה של אותה פעולה. כפתור ברור יותר מחבר את הפעולה עם המטרה של המבקר: - ראה תמחור - הזמן פגישת ייעוץ - הורד את המדריך - צפה בסגנונות זמינים - השוואת תוכניות הכפתור צריך להתאים גם לדף שלאחר מכן. אם הלחצן אומר "ראה תמחור", הדף הבא אמור להציג תמחור מבלי לגרום למבקר לחפש בכמה קטעים. אני מעדיף כפתור ראשי אחד על באנר. שני לחצנים יכולים לעבוד כאשר לקהל יש שני נתיבים ברורים, כגון "ליחידים" ו"לצוותים". אפשרויות נוספות עשויות להאט את ההחלטה. ### 5. הבאנר מתעלם ממסכים ניידים באנר שעובד על צג רחב עלול להיכשל בטלפון. הכותרת עשויה להתעטף בארבע שורות, המוצר עשוי להיות מנותק, והלחצן עשוי לשבת מתחת לאזור הגלוי. מבקרים רבים צופים באתרים במכשירים ניידים, אז אני בודק את הבאנר ברוחב מסך צר לפני פרסום זה. בדיקה שימושית לנייד כוללת: - כותרת קצרה עם מעברי שורות טבעיים - טקסט גדול מספיק - מוצר או נושא ממוקם הרחק מאזור החיתוך - כפתור שניתן ללחוץ עליו בנוחות - תמונה בטעינה מהירה - אין מידע מפתח מוסתר בתוך התמונה עיצוב רספונסיבי הוא יותר מאשר כיווץ גרסת שולחן העבודה. ייתכן שהפריסה תצטרך תמונה אחרת, עותק קצר יותר או סידור אנכי. קמעונאי בגדים, למשל, עשוי להציג דגם וטקסט זה לצד זה על שולחן העבודה. בנייד, ערימת הטקסט מעל התמונה יכולה לשמור על ההודעה גלויה ולהפוך את הכפתור קל יותר לגישה. ### תהליך פשוט של סקירת באנר לפני שאני מפרסם באנר, אני מסיר את שם המותג מהעיצוב ומבקש ממישהו לצפות בו למשך כמה שניות. ואז אני שואל: - מה העסק הזה מציע? - למי מיועדת ההודעה הזו? - איזו פעולה עליך לנקוט? - מה אתה מצפה לראות לאחר לחיצה? אם התשובות אינן תואמות את ההודעה המיועדת, אני משנה את הבאנר. אני גם משווה את הבאנר לדף הנחיתה. הכותרת, סגנון התמונה, פרטי ההצעה ומטרת הכפתור צריכים להרגיש מחוברים. מבקר לא צריך לברר אם הוא הגיע למקום הנכון. באנר שימושי לא צריך הרבה מילים או אפקטים חזותיים. הוא זקוק למסר ברור, עיצוב קריא, דימויים רלוונטיים ודרך ישירה לשלב הבא. כשאני מסיר את החלקים שמתחרים על תשומת הלב, הבאנר הופך קל יותר להבנה וקל יותר לסמוך עליו. צור איתנו קשר עוד היום כדי ללמוד עוד Yang: jingweiyuntu@jingweitrade.com/WhatsApp +8618365675858.

Nielsen Norman Group — 2020 — Banner Blindness Revisited World Wide Web Consortium — 2018 — הנחיות נגישות לתוכן אינטרנט WCAG 2.1 Google — 2023 — חיוני הליבה באינטרנט וחווית עמוד Steve Krug — 2014 — Dont Make Me Think Revisited Donald A Norman — 2013 Design of Everyday Nielsen — 2013 Design — Nielsen Web Design 2013 — שימושיות: תרגול הפשטות