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