Progressive Web Apps נמצאות במפת הדרכים של הרבה חברות, במטרה לחדש את האתרים שלהן ולהסתגל לציפיות החדשות של המשתמשים. כמו בטכנולוגיות רבות, אפליקציות PWA מעלה שאלות: האם זה מה שהלקוחות שלי רוצים, עד כמה זה יוביל לצמיחה של העסק שלי, מה אפשרי מבחינה טכנית?
![מזהים את בעלי העניין.](https://web.dev/static/articles/drive-business-success/image/identify-stakeholders-f19f90a38a98d.jpg?authuser=5&hl=he)
כדי לתכנן את האסטרטגיה הדיגיטלית שלכם, לעיתים קרובות מעורבים מספר בעלי עניין: מנהל המוצר ומנהל השיווק הראשי הם הבעלים הנוספים של ההשפעה העסקית של כל תכונה, ומנהל הטכנולוגיה הראשי מעריך את ההיתכנות והאמינות של הטכנולוגיה, החוקרים של חוויית המשתמש מוודאים שתכונה מסוימת עונה על בעיה של לקוח אמיתי.
המאמר הזה נועד לעזור לכם לענות על שלוש השאלות האלה ולעצב את פרויקט ה-PWA. נתחיל בצורכי הלקוחות, נתרגם את זה לתכונות PWA ותתמקד במדידת ההשפעה העסקית של כל אחת מהן.
אפליקציות PWA עונה על צורכי הלקוחות
אחד הכללים שאנחנו אוהבים ב-Google כשיוצרים מוצרים הוא "התמקדו במשתמש וכל השאר יבוא לידי ביטוי". חשבו שהמשתמש נמצא בראש סדר העדיפויות: מהם הצרכים של הלקוחות שלי, ואיך PWA מספקת אותם?
![לזהות את צורכי הלקוחות.](https://web.dev/static/articles/drive-business-success/image/identify-customer-needs-90071b7def76e.jpg?authuser=5&hl=he)
כאשר מבצעים מחקר על התנהגות המשתמשים, אנחנו מגלים כמה דפוסים מעניינים:
- המשתמשים שונאים עיכובים וחוסר אמינות בנייד. רמת הלחץ שנוצרת כתוצאה מעיכובים בנייד דומה לצפייה בסרט אימה.
- 50 אחוזים ממשתמשי הסמארטפונים נעזרים באתר לנייד של החברה בזמן שהם גולשים או קונים, כי הם לא רוצים להוריד אפליקציה.
- אחת הסיבות העיקריות להסרת אפליקציה היא נפח אחסון מוגבל. (גרסת PWA מותקנת בדרך כלל צורכת פחות מ-1MB).
- משתמשי סמארטפון נוטים יותר לקנות מאתרים לנייד שמציעים המלצות רלוונטיות על מוצרים, ו-85% ממשתמשי הסמארטפונים אומרים שהתראות בנייד הן שימושיות.
על סמך התצפיות האלה גילינו שהלקוחות מעדיפים ליהנות מחוויות מהירות, ניתנות להתקנה, אמינות ומעניינות (F.I.R.E).
אפליקציות PWA מתבססות על יכולות אינטרנט מודרניות
אפליקציות PWA מספקות מגוון שיטות מומלצות וממשקי API מודרניים שנועדו לענות על צורכי הלקוחות שלכם, כי האתר שלכם מהיר, ניתן להתקנה, אמין ומעניין.
לדוגמה, שימוש ב-Service Worker כדי לשמור את המשאבים במטמון ולבצע שליפה מראש חזויה, הופכים את האתר למהיר ולאמין יותר. התקנה של האתר מספקת ללקוחות דרך קלה לגשת אליו ישירות ממסך הבית או ממרכז האפליקציות שלהם. בנוסף, ממשקי API כמו התראות באינטרנט מאפשרים לחדש בקלות את האינטראקציה עם המשתמשים באמצעות תוכן מותאם אישית, וכך לעורר נאמנות.
![שיפור חוויית המשתמש באמצעות יכולות אינטרנט.](https://web.dev/static/articles/drive-business-success/image/improving-user-experienc-525e5b12d1361.jpg?authuser=5&hl=he)
ההשפעה על העסק
ההגדרה להצלחת העסק יכולה להשתנות בהתאם לפעילות שלכם:
- משתמשים מבלים יותר זמן בשירות שלך
- שיעורי עזיבה מופחתים לגבי הלידים
- שיעורי המרות משופרים
- יותר מבקרים חוזרים
רוב הפרויקטים של PWA מניבים שיעור המרה גבוה יותר ממכשירים ניידים. תוכלו לקבל מידע נוסף במקרים רבים לדוגמה של PWA. בהתאם למטרות שלכם, יכול להיות שתרצו לתת עדיפות להיבטים של אפליקציות PWA שמתאימות יותר לעסק שלכם, וזה בסדר. אפשר לבחור תכונות של PWA ולהשיק בנפרד.
עכשיו נמדוד את ההשפעה העסקית של כל אחת מהתכונות המעולות האלה של F.I.R.E.
ההשפעה של אתר מהיר על העסק
מחקר שבוצע לאחרונה מ-Deloitte Digital מראה שלמהירות הדף יש השפעה משמעותית על המדדים העסקיים.
יש הרבה מה לעשות כדי לייעל את מהירות האתר וכך לשפר את התהליכים הקריטיים שעוברים המשתמשים עבור כל המשתמשים. אם אתם לא יודעים מאיפה להתחיל, כדאי לעיין בקטע Fast ולהשתמש ב-Lighthouse כדי לתת עדיפות לדברים החשובים ביותר שצריך לתקן.
כשעובדים על אופטימיזציות של מהירות, כדאי להתחיל למדוד את מהירות האתר לעיתים קרובות באמצעות כלים ומדדים מתאימים למעקב אחרי ההתקדמות. לדוגמה, אפשר למדוד את המדדים באמצעות Lighthouse, לתקן יעדים ברורים כמו ציונים 'טובים' במדדי הליבה לבדיקת חוויית המשתמש באתר, ולשלב תקציב ביצועים בתהליך ה-build. בעזרת המדידות היומיות והמתודולוגיה 'ערך המהירות', אתם יכולים לבודד את ההשפעה של שינויי המהירות המצטברים ולחשב את ההכנסה הנוספת שהתקבלה.
![אמוד את ערך המהירות ותקשר בינו לבין המרות.](https://web.dev/static/articles/drive-business-success/image/measure-value-speed-co-06eddc7056367.jpg?authuser=5&hl=he)
Ebay הגדירה את המהירות ליעד החברה לשנת 2019. הם השתמשו בשיטות כמו תקציב ביצועים, אופטימיזציה קריטית של נתיבים ושליפה מראש (prefetch) חזויה. הם הגיעו למסקנה שבכל שיפור של 100 אלפיות השנייה בזמן הטעינה של דף חיפוש, מספר ההוספה לכרטיסים גדל ב-0.5%.
![שיפור של 100 אלפיות השנייה בזמן הטעינה הוביל לעלייה של 0.5% בספירת ההוספה לעגלת הקניות של eBay.](https://web.dev/static/articles/drive-business-success/image/a-100ms-improvement-load-e478244e678fe.jpg?authuser=5&hl=he)
ההשפעה על העסק של אתר שניתן להתקין
למה היית רוצה שמשתמש יתקין את ה-PWA שלך? כדי להקל עליכם לחזור לאתר שלכם. במקרה שהתקנה של אפליקציה ל-Android מוסיפה לפחות שלושה שלבים (הפניה לחנות Play, הורדת האפליקציה, הפעלת האפליקציה), התקנת ה-PWA מתבצעת בצורה חלקה בלחיצה אחת, בלי לנתק את המשתמש ממשפך ההמרות הנוכחי.
![חוויית ההתקנה צריכה להיות חלקה.](https://web.dev/static/articles/drive-business-success/image/the-install-experience-sh-ed2853f715bee.jpg?authuser=5&hl=he)
אחרי שמתקינים אפליקציה, המשתמשים יכולים להפעיל אותה בלחיצה אחת באמצעות הסמל שבמסך הבית, להציג אותה במגש האפליקציות כשהם עוברים בין אפליקציות או למצוא אותה דרך תוצאת חיפוש של אפליקציה. אנחנו קוראים לזה Discover-Launch-Switch דינמי, והמפתח לביטול הנעילה של ה-PWA הוא שצריך להתקין את ה-PWA.
נוסף לכך שיש ל-PWA גישה מפלטפורמות גילוי והפעלה מוכרות במכשיר שלהם, היא מופעלת בדיוק כמו אפליקציה ספציפית לפלטפורמה: בממשק נפרד, בנפרד מהדפדפן. בנוסף, הם נהנים משירותים ברמת מערכת ההפעלה, כמו מחליף האפליקציות וההגדרות.
משתמשים שמתקינים את ה-PWA הם בדרך כלל המשתמשים המעורבים ביותר, עם מדדי מעורבות טובים יותר מאשר מבקרים מזדמנים, כולל ביקורים חוזרים, זמן ארוך יותר באתר ושיעורי המרה גבוהים יותר, לעיתים קרובות בהשוואה למשתמשי אפליקציות ספציפיות לפלטפורמה במכשירים ניידים.
כדי שאפשר יהיה להתקין את ה-PWA, הוא צריך לעמוד בקריטריונים הבסיסיים. אם האפליקציה תעמוד בקריטריונים האלה, תוכלו לקדם את ההתקנה בחוויית המשתמש במחשבים ובניידים, כולל iOS.
![אפשר להתקין אפליקציות PWA בכל מקום.](https://web.dev/static/articles/drive-business-success/image/pwas-are-installable-ever-7011cc3ca80b4.jpg?authuser=5&hl=he)
אחרי שהתחלתם לקדם את ההתקנה של ה-PWA, כדאי למדוד כמה משתמשים מתקינים את ה-PWA ואיך הם משתמשים ב-PWA.
כדי להגדיל את מספר המשתמשים שיתקינו את האתר שלכם, כדאי לנסות לבדוק הודעות שונות של מבצעים (למשל, 'התקנה בשנייה' או 'להוסיף את קיצור הדרך שלנו לביצוע ההזמנה'), מיקומים שונים (מודעת באנר בכותרת, מודעות בגוף הפיד) ולנסות להציע אותו בשלבים שונים של משפך ההתקנה (בדף השני שאליו נכנסים או אחרי ביצוע הזמנה).
כדי להבין מאיפה המשתמשים עוזבים ואיך לשפר את שימור המשתמשים, אפשר למדוד את משפך ההתקנה בארבע דרכים:
- מספר המשתמשים שכשירים להתקנה
- מספר המשתמשים שלחצו על הודעת ההתקנה
- מספר המשתמשים שגם אישרו וגם דחו את בקשת ההתקנה
- מספר המשתמשים שהתקינו בהצלחה
אפשר לקדם את התקנת ה-PWA לכל המשתמשים, או לנקוט גישה זהירה יותר על ידי התנסות בקבוצה קטנה של משתמשים.
מספר ימים או שבועות אמור לתת לכם מספיק נתונים כדי למדוד את ההשפעה על העסק שלכם. מהי ההתנהגות של האנשים שמגיעים מקיצור הדרך המותקן? האם הם מתעניינים יותר, האם הם מניבים יותר המרות?
כדי לפלח משתמשים שהתקינו את ה-PWA, עוקבים אחרי האירוע appinstalled
ומשתמשים ב-JavaScript כדי לבדוק אם המשתמשים נמצאים במצב עצמאי, שמציין שימוש ב-PWA המותקן.
לאחר מכן משתמשים בהם כמשתנים או מאפיינים לצורך המעקב ב-Analytics.
![למדוד את ערך ההתקנה.](https://web.dev/static/articles/drive-business-success/image/measure-value-installat-548e1ea88d1.jpg?authuser=5&hl=he)
המקרה לדוגמה של סוף שבוע מעניין; כדי להגדיל את הסיכוי שמשתמש יתקין את ה-PWA שלו, הוא מקדם את ההתקנה בדף השני שבו הוא מבקר. למשתמשים שהפעילו את ה-PWA ממסך הבית שלהם היה סיכוי של פי שניים לבצע הזמנה דרך ה-PWA!
![שיעור ההמרה של משתמשים שהתקינו את האפליקציה היה גבוה פי 2.5.](https://web.dev/static/articles/drive-business-success/image/installed-users-had-25-8216ba7aa9112.jpg?authuser=5&hl=he)
התקנה היא דרך נהדרת לעודד אנשים לחזור לאתר ולשפר את הנאמנות של הלקוחות. אפשר גם לחשוב על התאמה אישית של החוויה למשתמשי פרימיום.
גם אם יש לכם אפליקציה ספציפית לפלטפורמה, המשתמשים עשויים להרגיש שהם לא רוצים, או שהם לא צריכים להתקין אותה. המשתמשים שמגלים עניין למחצה עשויים להרגיש שאפליקציית PWA מתאימה להם, כי לעיתים קרובות היא נתפסת כקל יותר, וקלה להתקנה.
![אפליקציות PWA יכולות להגיע למשתמשים שמגלים התעניינות למחצה.](https://web.dev/static/articles/drive-business-success/image/pwas-reach-semi-engaged-4bb2ee5369255.jpg?authuser=5&hl=he)
ההשפעה של אתר אמין על העסק
במשחק Chrome Dino, שמוצע כשמשתמש במצב אופליין, משחקים יותר מ270 מיליון פעמים בחודש. המספר המרשים הזה מוכיח שאמינות הרשת היא הזדמנות משמעותית לשימוש ב-PWA, במיוחד בשווקים עם רשתות לא אמינות או נתונים סלולריים יקרים כמו הודו, ברזיל, מקסיקו ואינדונזיה.
כשמופעלת אפליקציה שהותקנה מחנות אפליקציות, המשתמשים מצפים שהיא תיפתח גם אם הם מחוברים לאינטרנט. זה לא אמור להיות כך, ב-Progressive Web Apps.
לכל הפחות, צריך להציג דף לא מקוון פשוט שמודיע למשתמש שהאפליקציה לא זמינה ללא חיבור לרשת. לאחר מכן, כדאי לשקול לקחת את החוויה צעד אחד קדימה, ולספק פונקציות הגיוניות במצב אופליין. לדוגמה, אפשר לספק גישה לכרטיסים או לכרטיסי עלייה למטוס, לרשימות משאלות אופליין, לפרטים ליצירת קשר עם מוקדי השירות, למאמרים או למתכונים שהמשתמש צפה בהם לאחרונה וכו'.
![להיות מועילים, גם במצב אופליין.](https://web.dev/static/articles/drive-business-success/image/be-helpful-when-offline-94c8ecb14cadd.jpg?authuser=5&hl=he)
אחרי שמיישמים חוויית משתמש אמינה, כדאי למדוד אותה: כמה משתמשים יוצאים למצב אופליין, באילו אזורים גיאוגרפיים הם נשארים באתר והאם הם נשארים באתר כשהרשת חוזרת? מערכת Analytics יכולה ליידע אתכם מתי המשתמשים עוברים בדרך כלל לאופליין ולאינטרנט. כך תוכלו לראות כמה משתמשים ממשיכים לגלוש באתר אחרי שהרשת חוזרת.
![ב-Trivago נרשמה עלייה של 67% במספר המשתמשים שחזרו לאינטרנט והמשיכו לגלוש.](https://web.dev/static/articles/drive-business-success/image/trivago-saw-67-increase-b38f8ae3d7327.jpg?authuser=5&hl=he)
המקרה לדוגמה של Triivago ממחיש כיצד זה יכול להשפיע על היעדים העסקיים שלכם. לגבי משתמשים שהסשנים שלהם באתר נקטעו על ידי תקופה לא אינטרנטית (כשלושה אחוזים מהמשתמשים), 67% מהמשתמשים שחוזרים לאתר המשיכו לגלוש באתר.
ההשפעה על העסק של אתר מעורר עניין
הודעות Push מאפשרות למשתמשים לבחור לקבל עדכונים מאתרים שחשובים להם או לאתרים שמעניינים אותם, ומאפשרות למשתמשים לעודד מעורבות מחדש בעזרת תוכן רלוונטי ומותאם אישית.
אבל צריך להיזהר. לבקש מהמשתמשים להירשם לקבלת התראות באינטרנט כשהם מגיעים לראשונה וללא חשיפה של היתרונות, עלול להיתפס כספאם ולהשפיע לרעה על החוויה שלכם. הקפידו לפעול לפי השיטות המומלצות כשמבקשים התראות כדי לעודד קבלה של משתמשים לפי שימושים רלוונטיים, כמו עיכובים ברכבת, מעקב אחר מחירים, מוצרים שחסרים במלאי וכו'.
מבחינה טכנית, התראות באינטרנט פועלות ברקע בעזרת Service Worker, ולרוב נשלחות על ידי מערכת שמיועדת לניהול קמפיינים (כמו Firebase). התכונה הזו מספקת ערך עסקי מעולה למשתמשים בניידים (Android) ובמחשבים. הוא מגדיל את מספר הביקורים החוזרים, וכתוצאה מכך את המכירות וההמרות.
כדי למדוד את היעילות של קמפיינים Push, צריך למדוד את כל המשפך, כולל:
- מספר המשתמשים שעומדים בדרישות לקבלת התראות
- מספר המשתמשים שלוחצים על הודעה בהתאמה אישית בממשק המשתמש
- מספר המשתמשים שמעניקים הרשאה לשליחת התראות
- מספר המשתמשים שמקבלים התראות
- מספר המשתמשים שקיימו אינטראקציה עם התראות
- ההמרות ומעורבות המשתמשים שמגיעים מהתראה
![מדידת הערך של התראות באינטרנט.](https://web.dev/static/articles/drive-business-success/image/measure-value-web-push-b3c98247d6817.jpg?authuser=5&hl=he)
יש הרבה מקרים לדוגמה על התראות באינטרנט, כמו המקרה של Carrefour שהכפיל את שיעור ההמרה שלה ב-4.5 על ידי יצירת עניין מחודש בקרב משתמשים שנטשו את עגלות הקניות שלהם.
ה-P ב-PWA: השקה מתקדמת, תכונה אחר תכונה
אפליקציות PWA הן אתרים מודרניים שמשלבים את פוטנציאל החשיפה העצום של האינטרנט, בשילוב עם כל התכונות הידידותיות למשתמש שנדרשות באפליקציות ל-Android, ל-iOS ולמחשבים. הם משתמשים במגוון שיטות מומלצות וממשקי API מודרניים לאינטרנט, שאפשר להטמיע בנפרד, בהתאם למאפיינים ולסדרי העדיפויות העסקיים שלכם.
![הפעלה הדרגתית של ה-PWA.](https://web.dev/static/articles/drive-business-success/image/progressively-launch-pwa-afc6e174af615.jpg?authuser=5&hl=he)
כדי להאיץ את המודרניזציה של האתר ולהפוך אותו ל-PWA אמיתי, אנחנו ממליצים לכם לפעול בזריזות: להשיק תכונה אחר תכונה. קודם כל, כדאי לבדוק עם המשתמשים אילו תכונות הכי מניבות להם את הערך הגבוה ביותר. אחר כך מומלץ לספק להם את התוכן הדרוש למעצבים ולמפתחים שלכם. ולבסוף, אל תשכחו למדוד במדויק כמה כסף נוסף ה-PWA.