ממשק משתמש עשיר יותר להתקנת 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 הם יכולים להציג את העיצוב והסגנון של אפליקציית האינטרנט כעצמאית, וליהנות מכל הגישה הנגישה שיש לאפליקציות הפלטפורמה.

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

משוב

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

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