ממשק משתמש עשיר יותר להתקנת PWA

מבוא

מכשירים ניידים והשקת חנויות האפליקציות של ספקי מכשירים שינו את המודל התודעתי של המשתמשים לגבי האופן שבו ניתן לגלות, להעריך ולהתקין תוכנות. המשתמשים כבר מכירים כל כך את חנויות האפליקציות ואת המידע הנוסף שמסופק דרך חנויות האפליקציות, כמו ההקשר לגבי האפליקציה, משוב ברשתות החברתיות, דירוגים וכו', כמו שהמטאפורה של חנות האפליקציות מופיעה במערכות ההפעלה למחשבים, כולל ChromeOS, Mac ו-Windows.

האתגר עם פלטפורמות ההתקנה של היום

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

דוגמה לממשק משתמש להתקנת PWA.
דוגמה לממשק משתמש של התקנת PWA.

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

דוגמה לממשק משתמש של גיליון תחתון ב-Chrome.
דוגמה לממשק משתמש של גיליון תחתון ב-Chrome.

כך מפתחים יכולים ליצור תהליך התקנה מעניין יותר שמתאים יותר לציפיות של המשתמשים, שמחקה את המודל הנפשי הקיים של חוויות ההתקנה.

ממשק משתמש עשיר יותר של התקנה הורחב.
ממשק משתמש עשיר יותר להתקנות, מורחב.
ממשק משתמש עשיר יותר של התקנה מכווץ.
ממשק משתמש עשיר יותר של התקנה מכווץ.

תאימות לאחור

אתרים שלא כוללים לפחות צילום מסך אחד לקובץ המניפסט ימשיכו לקבל את ההנחיות הקיימות. הדבר עשוי להשתנות בעתיד, בהתאם לתגובה של קהילת המפתחים ושל המשתמשים.

תצוגה מקדימה של ממשק המשתמש

ממשק המשתמש הזה פועל מ-Chrome 94 ב-Android ומ-Chrome 108 במחשב.

התכונה הזו מופעלת ב-squoosh.app וניתן לראות אותה בתצוגה מקדימה שם.

הטמעה

כדי להציג את תיבת הדו-שיח של ממשק המשתמש להתקנה עשירה יותר, מפתחים צריכים להוסיף לפחות צילום מסך אחד של גורם הצורה המתאים במערך screenshots. השדה description אינו חובה אבל הוא מומלץ. תיבת הדו-שיח של התוכן נוצרת על סמך התוכן שבשדות screenshots ו-description, כדי לספק חוויה דומה יותר להתקנה בחנות האפליקציות. ממשק המשתמש הזה עוזר למשתמשים לזהות שהם מוסיפים אפליקציה למכשיר. כשיש יותר מקום פנוי, המפתחים יכולים לספק הקשר ספציפי למשתמשים בזמן ההתקנה.

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

ניתן למצוא מפרט מפורט ומדריך להוספת הרכיבים לאפליקציה בדף דפוס ממשק משתמש עשיר יותר להתקנות.

משוב

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

בחודשים הקרובים נשמח לראות איך מפתחים בוחנים את הדפוס החדש של ממשק המשתמש, ונשמח לקבל מכם משוב. אפשר למלא את הטופס הזה כדי לפנות אלינו.