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

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

משוב

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

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