התקנה של Progressive Web App (PWA) יכולה להקל על המשתמשים למצוא את האפליקציה ולהשתמש בה. גם אם מקדמים את השימוש בדפדפן, חלק מהמשתמשים לא מבינים שאפשר להתקין PWA. לכן כדאי לספק חוויה בתוך האפליקציה שבעזרתה אפשר לקדם את ההתקנה של ה-PWA ולאפשר אותה.
המאמר הזה לא מקיף את כל האפשרויות, אבל הוא מספק נקודת התחלה לדרכים שונות לקידום ההתקנה של אפליקציית ה-PWA. לא משנה באיזה דפוס או דפוסים אתם משתמשים, כולם מובילים לאותו קוד שמפעיל את תהליך ההתקנה, שמתועד במאמר איך מספקים חוויית התקנה משלכם באפליקציה.
שיטות מומלצות
יש כמה שיטות מומלצות שרלוונטיות לכל דפוסי הקידום שבהם אתם משתמשים באתר.
- מומלץ להציג מבצעים מחוץ לתהליכים שעוברים המשתמשים. לדוגמה, בדף הכניסה של PWA, כדאי למקם את הקריאה לפעולה מתחת לטופס הכניסה ולכפתור השליחה. שימוש שמשבש את חוויית המשתמש בדפוסי קידום מכירות מפחית את שימושיות ה-PWA ומשפיע באופן שלילי על מדדי האינטראקציה.
- צריך לכלול אפשרות לסגור את המבצע או לדחות אותו. אם המשתמש עושה זאת, צריך לזכור את ההעדפה שלו ולהציג לו בקשה להסכמה מחדש רק אם יש שינוי ביחס שלו לתוכן שלכם, למשל אם הוא נכנס לחשבון או השלים רכישה.
- אפשר לשלב טכניקות שונות בחלקים שונים של ה-PWA, אבל חשוב להיזהר שלא להציף את המשתמשים או להרגיז אותם עם קידום ההתקנה.
- הצגת המבצע אחרי ש
beforeinstallpromptהאירוע הופעל.
קידום אוטומטי של דפדפן
כשקריטריונים מסוימים מתקיימים, רוב הדפדפנים מציינים באופן אוטומטי למשתמש שאפשר להתקין את ה-PWA. לדוגמה, ב-Chrome למחשב מוצג לחצן התקנה בסרגל הכתובות.
ב-Chrome ל-Android מוצג למשתמש סרגל מידע קטן, אבל אפשר למנוע את זה על ידי קריאה ל-preventDefault() באירוע beforeinstallprompt.
אם לא תתקשרו אל preventDefault(), הבאנר יוצג בפעם הראשונה שמשתמש יבקר באתר שלכם ויעמוד בקריטריונים להתקנה ב-Android, ואז שוב אחרי כ-90 יום.
דפוסי קידום בממשק המשתמש
אפשר להשתמש בדפוסי קידום בממשק משתמש כמעט בכל סוג של PWA, והם מופיעים במקומות כמו ניווט באתר ובבאנרים. כמו בכל סוג אחר של דפוס קידום, חשוב להכיר את ההקשר של המשתמש כדי למזער את ההפרעה לתהליך השימוש שלו.
באתרים שבהם מפעילים את ממשק המשתמש של קידום האפליקציה רק בזמן המתאים, מספר ההתקנות גבוה יותר, ולא מפריעים לחוויית המשתמש של משתמשים שלא מעוניינים להתקין את האפליקציה.
כפתור התקנה פשוט
הדרך הכי פשוטה ליצור חוויית משתמש טובה היא להוסיף כפתור 'התקנה' או 'קבלת האפליקציה' במיקום מתאים בתוכן האינטרנט. חשוב לוודא שהלחצן לא חוסם פונקציות חשובות אחרות, ושהוא לא מפריע לתהליך השימוש של המשתמש באפליקציה.
כותרת קבועה
זהו לחצן התקנה שמופיע בחלק העליון של האתר. תוכן אחר בכותרת כולל בדרך כלל מיתוג של האתר, כמו לוגו ותפריט המבורגר. הכותרות יכולות להיות position:fixed או לא, בהתאם לפונקציונליות של האתר ולצרכים של המשתמשים.
כשמשתמשים בקידום התקנת PWA מהכותרת של האתר בצורה נכונה, זו דרך מצוינת להקל על הלקוחות הכי נאמנים לחזור לחוויה שלכם. פיקסלים בכותרת של ה-PWA הם יקרים, לכן חשוב לוודא שגודל הקריאה לפעולה להתקנה מתאים, שהיא חשובה יותר מתוכן אחר שאפשר להוסיף לכותרת, ושלא מדובר בהפרעה.
הקפידו לוודא שביצעתם פעולות אלה:
- כפתור ההתקנה לא יוצג אלא אם הופעל
beforeinstallprompt. - הערכת הערך של תרחיש השימוש שהתקנתם עבור המשתמשים. כדאי להשתמש בטירגוט סלקטיבי כדי להציג את המבצע רק למשתמשים שיכולים ליהנות ממנו.
- חשוב לנצל ביעילות את השטח היקר של הכותרת. כדאי לחשוב מה עוד יכול לעזור למשתמשים שלכם בכותרת, ולשקול את סדר העדיפויות של קידום ההתקנה ביחס לאפשרויות אחרות.
תפריט ניווט
תפריט הניווט הוא מקום מצוין לקידום ההתקנה של האפליקציה, כי משתמשים שפותחים את התפריט מאותתים על אינטראקציה עם חוויית השימוש.
הקפידו לוודא שביצעתם פעולות אלה:
- לא כדאי להפריע לתוכן חשוב שקשור לניווט. הצגת קידום ההתקנה של ה-PWA מתחת לפריטים אחרים בתפריט.
- כדאי להציע למשתמשים נימוק קצר ורלוונטי למה כדאי להם להתקין את ה-PWA.
דף נחיתה
המטרה של דף נחיתה היא לקדם את המוצרים והשירותים שלכם, ולכן זהו מקום מתאים להדגיש את היתרונות של התקנת אפליקציית ה-PWA.
קודם כל, כדאי להסביר את הצעת הערך של האתר, ואז להודיע למבקרים מה הם יקבלו מההתקנה.
הקפידו לוודא שביצעתם פעולות אלה:
- כדאי להדגיש תכונות שחשובות למבקרים ולהשתמש במילות מפתח שאולי הביאו אותם לדף הנחיתה.
- חשוב שהמבצע להתקנת האפליקציה והקריאה לפעולה ימשכו את העין, אבל רק אחרי שווידאתם שהצעת הערך שלכם ברורה. זה דף הנחיתה שלכם, אחרי הכול.
- כדאי להוסיף מבצע להתקנת האפליקציה בחלק של האפליקציה שבו המשתמשים מבלים את רוב הזמן.
באנר להתקנה
רוב המשתמשים נתקלו בבאנרים להתקנה בממשקי משתמש בנייד, והם מכירים את האינטראקציות שאפשר לבצע בבאנר. צריך להשתמש במודעות באנר בזהירות כי הן עלולות להפריע למשתמשים.
הקפידו לוודא שביצעתם פעולות אלה:
- כדאי להמתין עד שהמשתמש יביע עניין באתר שלכם לפני שמציגים לו באנר. אם המשתמש סוגר את הבאנר, אל תציגו אותו שוב אלא אם המשתמש מפעיל אירוע המרה שמצביע על רמת מעורבות גבוהה יותר עם התוכן שלכם, כמו רכישה באתר מסחר אלקטרוני או הרשמה לחשבון.
- צריך להוסיף לבאנר הסבר קצר על היתרונות של התקנת ה-PWA. לדוגמה, אפשר להבדיל בין התקנה של PWA לבין התקנה של אפליקציית iOS או Android על ידי ציון העובדה שהיא כמעט לא תופסת נפח אחסון במכשיר של המשתמש או שהיא תותקן באופן מיידי ללא הפניה לחנות.
ממשק משתמש זמני
ממשק משתמש זמני, כמו תבנית העיצוב של חטיף, מודיע למשתמש ומאפשר לו להשלים בקלות פעולה, ובמקרה הזה, להתקין את האפליקציה. כשמשתמשים בתבניות כאלה של ממשק משתמש בצורה נכונה, הן לא מפריעות לתהליך השימוש, ובדרך כלל הן נסגרות אוטומטית אם המשתמש מתעלם מהן.
הציגו את ההודעה הקצרה אחרי כמה אינטראקציות עם האפליקציה. אם היא מופיעה בטעינת הדף או מחוץ להקשר, קל לפספס אותה או שהיא עלולה לגרום לעומס קוגניטיבי. במצב כזה, המשתמשים פשוט יסגרו את כל מה שמוצג להם. חשוב לזכור שמשתמשים חדשים באתר שלכם אולי לא מוכנים להתקין את ה-PWA. לכן, מומלץ להמתין עד שתקבלו אותות חזקים של התעניינות מהמשתמש לפני שתשתמשו בדפוס הזה. לדוגמה, ביקורים חוזרים, כניסה של משתמש לחשבון או אירוע המרה דומה.
הקפידו לוודא שביצעתם פעולות אלה:
- כדאי להציג את חטיף המידע למשך 4 עד 7 שניות כדי לתת למשתמשים מספיק זמן לראות אותו ולהגיב אליו, בלי להפריע להם.
- חשוב להימנע מהצגת המודעה מעל ממשקי משתמש זמניים אחרים, כמו באנרים וכו'.
- כדאי להשתמש בדפוס הזה רק אחרי שמתקבלים אותות חזקים של התעניינות מהמשתמש, למשל ביקורים חוזרים, התחברות של משתמש או אירוע המרה דומה.
אחרי ההמרה
מיד אחרי אירוע המרה של משתמש, למשל אחרי רכישה באתר מסחר אלקטרוני, זו הזדמנות מצוינת לקדם את ההתקנה של ה-PWA שלכם. המשתמש מקיים אינטראקציה ברורה עם התוכן שלכם, והמרה לרוב מסמלת שהמשתמש יקיים אינטראקציה עם השירותים שלכם שוב.
תהליך ההזמנה או התשלום
הצגת מבצע להתקנת אפליקציה במהלך מסלול המרה רציף או אחריו, למשל אחרי הזמנה או תהליך תשלום. אם אתם מציגים את המבצע אחרי שהמשתמש השלים את מסלול ההמרה, אתם יכולים להבליט אותו יותר כי המסלול הושלם.
הקפידו לוודא שביצעתם פעולות אלה:
- הוסיפו קריאה רלוונטית לפעולה. אילו משתמשים יפיקו תועלת מהתקנת האפליקציה שלך ומדוע? עד כמה הוא רלוונטי למסע שהם עוברים כרגע?
- אם למותג שלכם יש מבצעים ייחודיים למשתמשים שהתקינו את האפליקציה, כדאי לציין אותם.
- חשוב לוודא שקידום המכירות לא יפריע לשלבים הבאים בתהליך ההמרה, אחרת הוא עלול להשפיע לרעה על שיעורי השלמת תהליך ההמרה. בדוגמה של מסחר אלקטרוני שמופיעה למעלה, אפשר לראות שהקריאה המרכזית לפעולה למעבר לתשלום מופיעה מעל המבצע להתקנת האפליקציה.
תהליך ההרשמה, הכניסה או היציאה
המבצע הזה הוא מקרה מיוחד של דפוס קידום מכירות מסוג מסע, שבו כרטיס המבצע יכול להיות בולט יותר.
בדרך כלל רק משתמשים פעילים צופים בדפים האלה, אחרי שהם כבר הבינו את היתרונות של אפליקציית ה-PWA. בנוסף, בדרך כלל אין הרבה תוכן שימושי אחר שאפשר להציג בדפים האלה. לכן, אם הקריאה לפעולה לא מפריעה, אפשר להגדיל אותה בלי שזה יפריע לצופים.
הקפידו לוודא שביצעתם פעולות אלה:
- חשוב לא לשבש את תהליך ההרשמה של המשתמשים בטופס ההרשמה. אם מדובר בתהליך רב-שלבי, כדאי להמתין עד שהמשתמש יסיים את התהליך.
- קידום תכונות שהכי רלוונטיות למשתמש שנרשם.
- כדאי להוסיף מבצע נוסף לעידוד התקנה באזורים שבהם המשתמשים מחוברים לאפליקציה.
דפוסי קידום מכירות מוטבעים
טכניקות שיווקיות מוטמעות משלבות קידום מכירות עם תוכן האתר. ההשפעה של השינוי הזה לרוב פחות בולטת מאשר קידום בממשק המשתמש, ויש לכך חסרונות. אתם רוצים שהמבצע יבלוט מספיק כדי שמשתמשים מתעניינים ישימו לב אליו, אבל לא יותר מדי כדי שלא יפגע באיכות חוויית המשתמש.
מודעות בגוף הפיד
מודעה לקידום התקנה בפיד מופיעה בין כתבות חדשותיות או רשימות אחרות של כרטיסי מידע ב-PWA.
המטרה שלכם היא להראות למשתמשים איך לגשת לתוכן שהם נהנים ממנו בצורה נוחה יותר. התמקדו בקידום תכונות ופונקציונליות שיעזרו למשתמשים.
הקפידו לוודא שביצעתם פעולות אלה:
- כדי לא להרגיז את המשתמשים, כדאי להגביל את התדירות של המבצעים.
- אפשר לתת למשתמשים אפשרות לסגור את המבצעים.
- לזכור את הבחירה של המשתמש לדחות את ההודעה.