פורסם: 6 בינואר 2020
אפליקציות Progressive Web App (PWA) הן אפליקציות אינטרנט שנוצרו ושופרו באמצעות ממשקי API מודרניים כדי לספק יכולות משופרות, ועדיין להגיע לכל משתמש אינטרנט בכל מכשיר באמצעות בסיס קוד יחיד. הן משלבות בין היתרונות של אפליקציות אינטרנט, שמגיעות לקהל רחב, לבין היכולות העשירות של אפליקציות ספציפיות לפלטפורמה, כדי לשפר את חוויית המשתמש.
שלושת עמודי התווך של עיצוב PWA
כדי ליצור PWA שיהיה נוח לשימוש כמו אפליקציה שפועלת בפלטפורמה ספציפית, צריך לעצב אותו כך שיהיה יעיל, אמין וניתן להתקנה.
יכול
אפליקציות אינטרנט הן בעלות יכולות רבות יותר מאי פעם, והיכולות האלה רק מתרחבות. לאחרונה, תוכנות לאינטרנט התחילו לפתח יכולות שבעבר היו זמינות רק לאפליקציות ספציפיות לפלטפורמה. לדוגמה, עכשיו אפשר ליצור אפליקציה לשיחות וידאו עם אנשים שנמצאים באזור מסוים באמצעות WebRTC, מיקום גיאוגרפי והתראות פוש, ואז להפוך את האפליקציה הזו לאפליקציה שאפשר להתקין ולהשתמש ב-WebGL וב-WebVR כדי לאפשר לשיחות לעבור למציאות מדומה. ההשקה של WebAssembly מאפשרת למפתחים להשתמש במערכות אקולוגיות אחרות, כמו C, C++ ו-Rust, ולהביא לאינטרנט תכונות ספציפיות לפלטפורמה שהיו זמינות במשך עשרות שנים. דוגמה מצוינת לניצול היכולות החדשות של האינטרנט על ידי מפתחים היא Squoosh.app, כלי לדחיסת תמונות שמבוסס על האינטרנט.
למרות שחלק מהיכולות עדיין לא זמינות באינטרנט, ממשקי API חדשים ועתידיים מרחיבים כל הזמן את היכולות של האינטרנט באמצעות תכונות כמו גישה למערכת קבצים, אמצעי בקרה למדיה, תגי אפליקציות ותמיכה מלאה בלוח העתקה. כל היכולות האלה מבוססות על מודל ההרשאות המאובטח והממוקד במשתמש של האינטרנט, כדי לשמור על בטיחות המשתמשים ולהפוך את השימוש באתרים חדשים לפחות מאיים.
אמינות
אפליקציית Progressive Web App אמינה מרגישה מהירה וניתן לסמוך עליה, ללא קשר לרשת. למשתמשים מגיעות אפליקציות שמגיבות במהירות לאינטראקציה, וחוויה שאפשר לסמוך עליה.
מהירות היא גורם קריטי שמשפיע על השימוש של המשתמשים בחוויה שלכם. למעשה, ככל שזמני הטעינה של הדף מתארכים משנייה אחת ל-10 שניות, ההסתברות שמשתמש יעזוב את הדף הראשון עולה ב-123%.
בעיות בביצועים משפיעות על חוויית המשתמש כולה, ולא רק על האירוע.onload חוויה אמינה לא משאירה את המשתמשים עם תהיות לגבי רישום של אינטראקציה כלשהי עם האפליקציה. הגלילה והאנימציה צריכות להיות חלקות. המשתמשים צריכים לתפוס את האפליקציה שלכם ככזו שפועלת היטב, בדיוק כמו שהם צריכים שהיא באמת תפעל היטב.
בנוסף, אפליקציות אמינות צריכות להיות שמישות ללא קשר לחיבור לרשת. המשתמשים מצפים שהאפליקציות ייטענו במהירות גם כשהחיבור לרשת איטי או לא יציב, או אפילו כשהם במצב אופליין. הם מצפים שהתוכן האחרון שהם יצרו איתו אינטראקציה, כמו קטעי מדיה או כרטיסים ומסלולי נסיעה, יהיה זמין וניתן לשימוש גם אם יש בעיות באפליקציה בשליחת בקשות לשרת שלכם. אם אי אפשר לבצע בקשה, הם מצפים שהאפליקציה תודיע להם שיש בעיה, במקום להיכשל או לקרוס בלי להודיע.
ניתנת להתקנה
הפיכת אפליקציית ה-PWA לאפליקציה שאפשר להתקין מעבירה אותה מהדפדפן לחלון עצמאי, ומשנה את האופן שבו המשתמשים חושבים עליה ומתקשרים איתה. אפשר להפעיל את אפליקציות ה-PWA המותקנות ממסך הבית, מ-Dock, מסרגל המשימות או ממדף האפליקציות של המשתמש. המשתמש יכול לחפש אותן במכשיר ולעבור ביניהן באמצעות מחליף האפליקציות, כך שהן מרגישות כחלק מהמכשיר שבו הן מותקנות.
התקנה של PWA מאפשרת גם גישה ליכולות חדשות, כולל מקשי קיצור במקלדת, שבדרך כלל שמורים בדפדפן. אפליקציות PWA יכולות גם להירשם כדי לקבל תוכן מאפליקציות אחרות, או כדי להיות אפליקציית ברירת המחדל לטיפול בסוגים מסוימים של קבצים.
קבלת תוצאות מאפליקציות PWA
השקת PWA לא רק משפרת את חוויית המשתמש. בנוסף, הוא משפר את המדדים ומגדיל את הערך שאתם מקבלים מהשירות. דוגמאות בולטות:
- אפליקציית ה-PWA של טוויטר הובילה לעלייה של 65% במספר הדפים בכל סשן, לפרסום של 75% יותר ציוצים ולירידה של 20% בשיעור העזיבה. כל זאת תוך הקטנת גודל האפליקציה ביותר מ-97%.
- אחרי המעבר ל-PWA, חברת Nikkei דיווחה על עלייה של פי 2.3 בתנועה אורגנית, עלייה של 58% במספר המינויים ועלייה של 49% במספר המשתמשים הפעילים ביום.
- חברת Hulu החליפה את חוויית השימוש במחשב שספציפית לפלטפורמה ב-PWA, ומספר הביקורים החוזרים עלה ב-27%.
מידע נוסף על היתרונות של שימוש באפליקציות PWA זמין במאמר איך אפליקציות PWA יכולות להגדיל את הצלחת העסק.