סקירה כללית
תוכנית הפיילוט 'חיוב לבחירת המשתמש' מאפשרת למפתחים משתתפים לבדוק אפשרות להציע אפשרות חיוב חלופית לצד מערכת החיוב של Google Play. התוכנית נועדה לעזור לנו לבדוק את האפשרות להציע את הבחירה הזו למשתמשים. ההנחיות האלה בנושא חוויית משתמש נועדו לשמור על עקביות בחוויית המשתמש ולעזור למשתמשים לקבל החלטה מושכלת.
אם אתם משתתפים בתוכנית הפיילוט, אתם נדרשים להציג מסך מידע ומסך נפרד לבחירת שיטת החיוב. מסך המידע צריך להופיע רק בפעם הראשונה שמשתמש מבצע רכישה, אבל מסך בחירת אמצעי התשלום צריך להופיע לפני כל רכישה. ההודעות שמוצגות למשתמשים והמפרטים של ממשק המשתמש בשני המסכים צריכים להיות מיושמים בהתאם להנחיות הבאות.
![]() אפליקציה למפתחים |
![]() מסך מידע למשתמשים |
![]() מסך בחירת החיוב |
בחירת מדינה ושפה
בוחרים את המדינה והשפה של המשתמשים כדי לראות את מחרוזות הטקסט המתאימות בממשק המשתמש במפרט העיצוב שלמטה.
מידע למשתמשים
מסך המידע עוזר למשתמשים להבין את ההקשר של השינוי ומספק מידע נוסף שיעזור להם לקבל החלטה מושכלת.
מתי להציג
מסך המידע צריך להיות מוצג למשתמשים בתחילת הרכישה הראשונה שלהם אחרי שמוסיפים מערכת חיוב חלופית. ההודעה הזו לא צריכה להופיע ברכישות הבאות של אותו משתמש. הצגת מסך המידע מיד אחרי שמשתמש מבצע פעולה מפורשת כדי להתחיל רכישה.
מתי להציג את המחיר
מחיר הרכישה צריך להיות גלוי וברור למשתמשים לפני שמוצג להם מסך המידע או מסך בחירת החיוב.
איך להציג
מסך המידע צריך להיות מוצג כגיליון תחתון צף. גיליון תחתון מודלי דומה לתיבת דו-שיח מודלית שמוצגת באנימציה מלמטה למעלה במסך ונשארת צמודה לתחתית. הוא מופיע מעל כל רכיבי ממשק המשתמש במסך הבסיסי. המסך שמתחת מוסתר מאחורי מסך כהה כדי לציין שהוא לא יגיב לאינטראקציה של המשתמש.
מידע נוסף על העיצוב וההטמעה של גיליונות תחתונים מודאליים זמין ב-Google Material Design.
פעולות משתמש
הגיליון התחתון צריך להיות מופעל כשמשתמש מקיש על לחצן או על רכיב אחר בממשק המשתמש באפליקציה שמתחיל רכישה. המשתמש יכול לבצע שלוש פעולות אפשריות במסך המידע:
המשך
הקשה על הלחצן 'המשך' סוגרת את מסך המידע ומציגה את מסך בחירת החיוב.
מידע נוסף
הקשה על הלחצן 'מידע נוסף' פותחת מאמר במרכז העזרה של Google בדפדפן אינטרנט.
סגירה
אם המשתמשים רוצים לסגור את הגיליון התחתון ולחזור למסך שמתחתיו, הם יכולים לסגור את הגיליון התחתון באחת מהדרכים הבאות:
- הקשה מחוץ למאגר הגיליון התחתון
- הקשה על לחצן 'הקודם' במערכת Android
אין צורך להציג שוב את מסך המידע אחרי שהמשתמש סגר אותו או אחרי שהוא הקיש על 'המשך'.
דוגמה: כשמשתמש מקיש על לחצן הרכישה באפליקציה, הלחצן יפעיל את מסך המידע.
מפרטי עיצוב
מסך המידע מחולק לשלושה רכיבים: כותרת, הודעה ולחצנים. כל שלושת הרכיבים נדרשים וחייבים להכיל את הטקסט המדויק ואת רכיבי ממשק המשתמש שמוגדרים בהנחיות האלה. אסור לכלול במסך הזה טקסט או תמונות נוספים, אבל אפשר לכלול טקסט ותמונות נוספים במסכים אחרים.
- כותרת
- טקסט 1
- טקסט 2
- לחצנים
- גיליון תחתון
- מסך חצי שקוף ברקע
כותרת
טקסט |
בחירת מדינה ושפה
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
גופן | Roboto (החלה על כל הגופנים) | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
גודל הגופן | 18sp | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
צבע גופן | #202124 |
טקסט 1
משמש להדגשת נקודות חשובות שנחשבות למידע קריטי.
טקסט |
בחירת מדינה ושפה
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
גודל הגופן | 14sp | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
גובה השורה | 20 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
צבע גופן | #5F6368 |
טקסט 2
משמש למידע משני בעדיפות נמוכה יותר.
טקסט |
בחירת מדינה ושפה
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
גודל הגופן | 12sp | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
גובה השורה | 16 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
צבע גופן | #5F6368 |
כפתור 1
טקסט |
בחירת מדינה ושפה
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
יישור טקסט | ממורכז | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
גודל הגופן | 14sp | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
משקל הגופן | בינוני | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
צבע גופן | #01875F | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
צבע הרקע | #FFFFFF | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
מידות | גובה:36, רוחב: התאמה לגודל המאגר | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
רדיוס פינה | 4dp | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
קווי מתאר | 1dp, #DADCE0 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
קישור | קישורים ל מאמר עזרה של Google Play |
כפתור 2
טקסט |
בחירת מדינה ושפה
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
יישור טקסט | ממורכז | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
גודל הגופן | 14sp | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
משקל הגופן | בינוני | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
צבע גופן | #FFFFFF | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
צבע הרקע | #01875F | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
מידות | גובה:36, רוחב: התאמה לגודל המאגר | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
רדיוס פינה | 4dp | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
קישור | קישורים למסך הבחירה בנושא חיוב |
גיליון תחתון
מידות | גובה: משתנה, רוחב: 100% |
רדיוס פינה | 8dp, 8dp, 0, 0 |
רקע | #FFFFFF |
מרווח פנימי | שמאל: 24dp, ימין: 24dp, למעלה: 32dp, למטה: 24dp |
עליות/ירידות | 8dp |
לרוחב
בתצוגה לרוחב, הגיליון התחתון רחב יותר מאשר בתצוגה לאורך, אבל הוא פועל לפי אותן הגדרות עיצוב ואותה פונקציונליות.
גיליון תחתון | רוחב: 500dp לכל היותר, ריווח פנימי: 24dp |
כותרת | זהה לתצוגה לאורך |
הודעה | זהה לתצוגה לאורך |
לחצנים | גובה:36, רוחב: התאמה לגודל המאגר |
מסך בחירת החיוב
במסך בחירת אמצעי התשלום מוצגות למשתמשים שתי אפשרויות להשלמת הרכישה. כדי לעזור למשתמשים לקבל החלטה מושכלת, בכל אפשרות של שירות חיוב מוצגים גם אמצעי התשלום הזמינים. אחרי שהמשתמשים יבחרו, הם ימשיכו להשלים את הרכישה דרך מערכת החיוב הזו.
מתי להציג
אם המשתמש כבר ראה את מסך המידע במהלך רכישה קודמת, מסך בחירת החיוב צריך להופיע מיד אחרי שהמשתמש ביצע פעולה מפורשת כדי להתחיל רכישה.
איך להציג
מסך בחירת החיוב צריך להיות מוצג כגיליון תחתון מודאלי, ולעמוד באותם מפרטים כמו מסך המידע.
ייצוג חזותי שווה
הלחצנים של מערכת החיוב החלופית ושל מערכת החיוב של Google Play צריכים להיות מוצגים באופן הוגן ושווה. הדרישות כוללות, בין היתר, גדלים שווים של לחצנים, גודל וסגנון טקסט, רכיבי הקשה וגדלים של סמלים. אין להוסיף טקסט, תמונות או שינויים בסגנון שלא מוגדרים בהנחיות האלה.
דוגמה: כשמשתמש מקיש על לחצן הרכישה באפליקציה, הוא מועבר למסך בחירת אמצעי התשלום רק אם הוא כבר ראה את מסך המידע במהלך רכישה קודמת.
מפרטי עיצוב
מסך בחירת החיוב מורכב מארבעה רכיבים שונים: כותרת, תיאור, לחצן המפתח ולחצן Google Play. חובה להשתמש בכל הרכיבים, והם צריכים לכלול את הטקסט המדויק ואת רכיבי ממשק המשתמש שמוגדרים בהנחיות האלה. אנחנו מבקשים שלא לכלול טקסט או תמונות נוספים במסך הזה, אבל אפשר לכלול טקסט ותמונות נוספים במסכים אחרים שבבעלותך.
נכסים חזותיים ל-Google Play וסמלי תשלום זמינים דרך הקישורים שבהמשך.
דוגמה: בתצוגה לאורך, הגיליון התחתון צריך להתפרס ל-100% מרוחב המסך הכולל.
- כותרת
- תיאור
- כפתור המפתח
- כפתור Google Play
- גיליון תחתון
- מסך חצי שקוף ברקע
כותרת
טקסט |
בחירת מדינה ושפה
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
גופן | Roboto (החלה על כל הגופנים) | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
גודל הגופן | 18sp | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
צבע גופן | #202124 |
תיאור
טקסט |
בחירת מדינה ושפה
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
גודל הגופן | 14sp | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
צבע גופן | #5F6368 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
קשר טקסט |
בחירת מדינה ושפה
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
יעד הקישור | קישורים לעזרה של Google Play | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
גודל הגופן | 14sp | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
קישוטים | קו תחתון | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
צבע גופן | #5F6368 |
כפתור המפתח
- סמל האפליקציה
- שם האפליקציה
- סמלים של אמצעי תשלום
- אינדיקטור נוסף
- מספר מקסימלי של סמלים של אמצעי תשלום
- רוחב של 360dp
- רוחב של 480dp
סמלים של אמצעי תשלום
התאמה לרוחב המסך
מאגר כפתורים
קווי מתאר | 1pt, #DADCE0 |
רדיוס פינה | 4dp |
מרווח פנימי | 16dp, 16dp, 16dp, 16dp |
סמל האפליקציה
מידות | גובה: 24dp, רוחב: משתנה |
כותרת
טקסט | {App Name} |
גודל הגופן | 14sp |
צבע גופן | #202124 |
אמצעי תשלום
מידות | גובה: 32dp, רוחב: 20dp | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
רדיוס פינה | 2dp | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
כמות | עד 5, אם יש יותר מ-5, מוצג אינדיקטור נוסף | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
אינדיקטור נוסף |
בחירת מדינה ושפה
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
גודל הגופן | 12sp | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
צבע גופן | #5F6368 |
כפתור Google Play
- סמל
- כותרת
- אמצעי תשלום קבילים
- אינדיקטור נוסף
מאגר כפתורים
קווי מתאר | 1pt, #DADCE0 |
רדיוס פינה | 4dp |
מרווח פנימי | 16dp, 16dp, 16dp, 16dp |
סמל האפליקציה
נכס תמונות | Google Play prism |
מידות | גובה: 24dp, רוחב: 24dp |
כותרת
טקסט | Google Play |
גודל הגופן | 14sp |
צבע גופן | #202124 |
אמצעי תשלום
נכס תמונות | קישור | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
אינדיקטור נוסף |
בחירת מדינה ושפה
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
גודל הגופן | 12sp | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
צבע גופן | #5F6368 |
לרוחב
דוגמה: בתצוגה לרוחב, הגיליון התחתון רחב יותר מאשר בתצוגה לאורך, אבל הוא פועל לפי אותן מפרטי עיצוב ואותה פונקציונליות.
גיליון תחתון | רוחב: 500dp לכל היותר, ריווח פנימי: 24dp |
כותרת | זהה לתצוגה לאורך |
הודעה | זהה לתצוגה לאורך |
לחצנים | זהה לתצוגה לאורך |
פרטים נוספים על פיילוט מערכת החיוב לבחירת המשתמשים ועל שאלות נפוצות זמינים במרכז העזרה.