הנחיות זמניות לגבי חוויית המשתמש במערכות חלופיות לחיוב על רכישות באפליקציות

סקירה כללית

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

הנחיות לגבי ממשק המשתמש של מסך המידע ומסך בחירת אפשרות החיוב

מידע למשתמשים

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

מתי להציג

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

מתי להציג את המחיר

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

איך להציג

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

מידע נוסף על העיצוב ועל ההטמעה של גיליונות תחתונים מודאליים זמין ב-Google Material Design.

פעולות לגבי משתמש

הגיליון התחתון צריך להיות מופעל כשמשתמש מקיש על לחצן או על רכיב בממשק המשתמש באפליקציה שמתחיל רכישה. במסך המידע, המשתמש יכול לבצע שלוש פעולות אפשריות:

המשך

כשלוחצים על הלחצן 'המשך', מסך המידע נסגר ומוצג מסך בחירת החיוב.

מידע נוסף

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

סגירה

אם המשתמשים רוצים לסגור את הגיליון התחתון ולחזור למסך שמתחתיו, הם יכולים לסגור את הגיליון התחתון באחת מהדרכים הבאות:

  • הקשה מחוץ לקונטיינר של הגיליון התחתון
  • הקשה על לחצן 'הקודם' במערכת Android

אין צורך להציג שוב את מסך המידע אחרי שהמשתמש סגר אותו או אחרי שהוא לחץ על 'המשך'.

דוגמה: מחיר הרכישה מוצג בבירור לפני שהמשתמש מתחיל את הרכישה. הקשה על הלחצן 'הצטרפות עכשיו' מפעילה את מסך המידע.

מסך פרטי המשתמש

מפרטי עיצוב

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

מסך אפשרויות בסיום קנייה שבו מוצגת המיקום של הרכיבים הנדרשים

  1. כותרת
  2. הודעה
  3. כפתורים
  4. גיליון תחתון
  5. מסך חצי שקוף ברקע

כותרת

טקסט שינויים באפשרויות בסיום קנייה
גופן ‫Roboto (החלה על כל הגופנים)
גודל גופן ‫18sp
צבע גופן #202124

הודעה

טקסט 1 עכשיו יש לך יותר אפשרויות בשלב התשלום, בגלל שינויים רגולטוריים שהתרחשו לאחרונה בדרום קוריאה. הבחירה שלכם תקבע:
  • מי יאבטח את הרכישה שלכם, יעבד את התשלום ויאחסן את פרטי התשלום
  • מי יספק תמיכת לקוחות בנוגע לרכישה
  • באילו צורות תשלום תוכל להשתמש
  • אילו הטבות יהיו זמינות עם הרכישה
גודל גופן ‫14sp
גובה השורה 20
צבע גופן #5F6368
טקסט 2 ‫Google מאבטחת רק רכישות שמבוצעות דרך Google Play. התכונות של Play – כמו כרטיסי המתנה של Play, נקודות Play, אמצעי הבקרה על הרכישות וניהול המינויים – זמינות רק כשבוחרים ב-Google Play בשלב התשלום.
גודל גופן ‫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% מרוחב המסך הכולל.

גיליון תחתון שמציג את המיקום של הרכיבים הנדרשים

  1. כותרת
  2. תיאור
  3. כפתור המפתח
  4. כפתור Google Play
  5. גיליון תחתון
  6. מסך חצי שקוף ברקע

כותרת

טקסט בחירה באפשרויות לסיום קנייה
גופן ‫Roboto (החלה על כל הגופנים)
גודל גופן ‫18sp
צבע גופן #202124

תיאור

טקסט אפשר לבחור מי יאבטח את התשלום שלכם ויעבד אותו, ומי יספק שירות לקוחות. ההטבות ואמצעי התשלום שזמינים עשויים להיות שונים.
גודל גופן ‫14sp
צבע גופן #5F6368
קישור טקסט מידע נוסף
יעד הקישור קישור
גודל גופן ‫14sp
קישוטים קו תחתון
צבע גופן #5F6368

כפתור המפתח

דרישות לגבי ממשק משתמש של לחצן למפתחים

  1. סמל האפליקציה
  2. שם האפליקציה
  3. סמלים של אמצעי תשלום

אפשרויות נוספות ללחצן המפתחים

    סמלים של אמצעי תשלום

  1. מספר מקסימלי של סמלים של אמצעי תשלום
  2. שמות של אמצעי תשלום במקום סמלים
  3. התאמה לרוחב המסך

  4. רוחב של ‎360dp
  5. רוחב של ‎480dp

מאגר לחצנים

קווי מתאר ‫1pt, ‏#DADCE0
רדיוס הפינה ‫4dp
מרווח פנימי ‪16dp, 16dp, 16dp, 16dp,

סמל האפליקציה

מידות גובה: 24dp, רוחב: משתנה

כותרת

טקסט {App Name}
גודל גופן ‫14sp
צבע גופן #202124

אמצעי תשלום

מידות ‫32dp X 20dp
רדיוס הפינה 2
כמות עד 5, אם יש יותר מ-5, מוצג אינדיקטור נוסף
אינדיקטור נוסף + עוד (הטקסט עובר לשורה הבאה במסכים צרים)
גודל גופן ‫12sp
צבע גופן #5F6368

כפתור Google Play

כפתור Google Play

  1. סמל
  2. כותרת
  3. אמצעי תשלום קבילים
  4. אינדיקטור נוסף

מאגר לחצנים

קווי מתאר ‫1pt, ‏#DADCE0
רדיוס הפינה ‫4dp
מרווח פנימי ‪16dp, 16dp, 16dp, 16dp,

סמל האפליקציה

נכס תמונות Google Play prism
מידות ‫24dp X 24dp

כותרת

טקסט Google Play
גודל גופן ‫14sp
צבע גופן #202124

אמצעי תשלום

נכס תמונות קישור
אינדיקטור נוסף ועוד
גודל גופן ‫12sp
צבע גופן #5F6368

לרוחב

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

גיליון תחתון בפריסה לרוחב

גיליון תחתון רוחב: 500dp לכל היותר, ריווח פנימי: 24dp
כותרת זהה לתצוגה לאורך
הודעה זהה לתצוגה לאורך
כפתורים זהה לתצוגה לאורך