אפליקציות 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 זמין במאמר איך אפליקציות Progressive Web App יכולות להגדיל את הצלחת העסק.