OYO Lite: TWA עם מיטב האפליקציות לאינטרנט ול-Android

איך חברת סטארט-אפ בתחום המלונאות פיתחה אפליקציה ל-Android שמסתמכת על תוכן אינטרנט כדי להגביר באופן משמעותי את מעורבות המשתמשים ולשמור על גודל נמוך של הקבצים

Ankit Jain
Ankit Jain
Michael Friesenhahn
Michael Friesenhahn

OYO Rooms, שנוסד בשנת 2013, הפך לאחת מחברות האירוח הגדולות בהודו, עם מלונות במאות ערים ביותר מ-80 מדינות. אחת הסיבות לכך היא שההזמנה שלהם באינטרנט הפכה לקלה ולמהירה ככל האפשר.

עד לאחרונה, הצוות של OYO הציע Progressive Web App (PWA) ואפליקציה ל-Android כדי להשיג את המטרה הזו. המעורבות באפליקציה ל-Android הייתה גבוהה באופן משמעותי: המשתמשים ביצעו המרה בתדירות גבוהה פי שלושה בהשוואה למשתמשים שהשתמשו ב-PWA. אבל לאורך זמן, המשתמשים נטו להסיר את האפליקציה ל-Android בגלל חששות לגבי נפח האחסון.

כדי לצמצם את טביעת הרגל של האפליקציה ל-Android במכשירים של משתמשים תוך שמירה על היתרונות של חוויית השימוש ב-Android, הצוות החליט להשתמש ב-Trusted Web Activity (TWA).

מה זה TWA?

לפני Chrome 72, מפתחי Android שרצו להציג תוכן מהאינטרנט באפליקציות הספציפיות לפלטפורמה שלהם היו צריכים להשתמש ב-WebView, שהיו לו כמה מגבלות משמעותיות: הוא לא מהיר כמו Chrome, והוא לא כולל את כל ממשקי ה-API והתכונות של Chrome. לכן, אם רציתם התנהגות שלא נתמכת על ידי מנוע העיבוד של WebView, הייתם צריכים לבנות דפדפן משלכם — וזה לא בדיוק טריוויאלי!

פעילויות באינטרנט מהימנים (TWA) מטפלות במגבלות האלה על ידי הצגת תוכן אינטרנט ישירות ב-Chrome. פירוט השם של TWA עוזר להסביר את התכונות שלו: - פעילות היא צפייה במסך אחד או צפייה אחת בממשק המשתמש של אפליקציה ל-Android. - מכשירי TWA משתמשים ב-Chrome כדי להציג תוכן מאינטרנט לפעילויות של האפליקציה. - התוכן של TWA הוא מהימן כי הוא משתמש בDigital Asset Links (קישורים לנכס דיגיטלי) כדי לאמת שאותו אדם יצר את האפליקציה ל-Android ואת התוכן מהאינטרנט שמוצגת בה.

למה ליצור TWA במקום אפליקציה ספציפית לפלטפורמה?

יותר ויותר אפליקציות ל-Android מספקות תוכן מהאתרים של המפתחים. TWA מאשר את המציאות בכך שהם מציעים את המיטב מהעולמות הספציפיים לפלטפורמה ושל אפליקציות האינטרנט:

  • יש להם את כל הפונקציונליות הצפויה של אפליקציות Android, כולל סמל מרכז האפליקציות, התראות ותצוגת מסך מלא.
  • הם מציעים את הביצועים והתכונות של Chrome.
  • הם משתמשים בגרסת Chrome שמותקנת במכשיר, כך שתמיד יש להם את ממשקי ה-API והתכונות העדכניות ביותר.
  • הם צורכים הרבה פחות נפח אחסון בהשוואה לאפליקציה ספציפית לפלטפורמה, וזה מדאיג משתמשים רבים, בעיקר אלה שיש להם מכשירים מתקדמים.

ההרצה ב-Chrome גם מספקת כמה יתרונות שימושיים. לדוגמה, אפליקציות TWA משתפות את האחסון של Chrome, כולל קובצי Cookie, סיסמאות וכל דבר שמאוחסן באמצעות Web Storage API. אחד היתרונות של ההגדרה הזו הוא שהמשתמשים נשארים מחוברים לחשבון בדפדפן ובאפליקציית TWA.

בניית OYO Lite

הצוות של OYO רצה להעניק למשתמשים שלו את כל התכונות של חוויית האפליקציה, בלי שיצטרכו להתפשר על האחסון במכשיר. לכן הם החליטו ליצור את OYO Lite, TWA שמבוסס על ה-PWA הקיים.

חובה להתחיל ב-PWA. המשתמשים מצפים לחוויית שימוש מלאה באפליקציה שהם מפעילים ממרכז האפליקציות של Android, ולכן תוכן אינטרנט שמוצג ב-TWA חייב לספק את החוויה הזו, כולל:

  • טעינה מהירה וזמני תגובה מהירים
  • אמינות במקרים שבהם החיבור של המשתמש מוגבל או כשאין חיבור כלל
  • עיצוב אחיד (לדוגמה, מסך פתיחה וצבע של אפליקציה)

אם כבר יש לכם PWA, השלבים ליצירת TWA בסיסי מיועדים להיות במאמץ מינימלי, גם אם אף פעם לא פיתחתם אותם ל-Android. הנה מה שצוות OYO עשה:

והנה התוצאה:

OYO Lite בפעולה.

להדרכה מפורטת יותר בנושא הבנייה של אפליקציית TWA בסיסית, כדאי לצפות בדיבור על TWA של Google I/O 2019 מאת פיטר מק'לכלן ואנדרה בנדרה.

למידע נוסף על האופן שבו הצוות של OYO יצר את OYO Lite, כולל סקירה מפורטת לגבי הגישה שלהם ליצירת מסך פתיחה שכל משתמשי Android יכולים לגשת אליו, כדאי לקרוא את הפוסט של Ankit Jain ב-Medium.

איך TWA עזר ל-OYO לענות על הצרכים של המשתמשים

צוות OYO אחסן את רוב נכסי האפליקציות במטמון של Chrome וכך הצליח להוריד את גודל ההורדה הראשוני של OYO Lite לנפח של 850KB. זה רק 7% מגודל האפליקציה שלהם ל-Android!

אותה טביעת רגל קטנה בשילוב עם השירותים של אפליקציה ל-Android שאפשר להוריד מחנות Google Play הובילו לעלייה משמעותית במעורבות המשתמשים:

  • שיעור המרה גבוה פי 3 מהשיעור של ה-PWA
  • פי שלושה יותר משתמשים מחוברים מאשר ה-PWA, בממוצע
  • דירוג 4.1 בחנות Google Play

ומלבד היתרונות למשתמשים, המעבר ל-TWA פירושו לצוות היה רק בסיס קוד אחד, שאותו הוא היה יכול לעדכן בקלות בלי להמתין עד שהמשתמשים יורידו את הגרסה האחרונה של האפליקציה.

בונים TWA משלכם

פלטפורמת ההזמנות אונליין של OYO היא רק תרחיש אחד לדוגמה שמיועד ל-TWA. הם יכולים להתאים מאוד לפרויקטים רבים שנוצרו כרגע כאפליקציות או כדפי אינטרנט ספציפיים לפלטפורמה, החל מעגלות קניות ותהליכי תשלום ועד לשאלות נפוצות וטפסים ליצירת קשר.

בקישורים הבאים תוכלו למצוא מידע שיעזור לכם להתחיל לעבוד עם TWA: