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