ספר מותג

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

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

נכסים

הוספה ל-Google Wallet

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

לחצני הוספה ל-Google Wallet זמינים בפורמטים Android XML,‏ SVG ו-PNG.

Download assets - Android XML Download assets - SVG Download assets - PNG

לחצן הצגה ב-Google Wallet

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

לחצני View in Google Wallet זמינים בפורמט SVG ו-PNG.

הורדת נכסים – SVG הורדת נכסים – PNG

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

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

לחצנים מותאמים לשוק המקומי

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

לחצני הוספה ל-Google Wallet זמינים בשפות הבאות: אלבנית, ערבית, ארמנית, אזרבייג'אנית, בוסנית, בולגרית, קטלאנית, סינית (הונג קונג), סינית (מסורתית), קרואטית, צ'כית, דנית, הולנדית, אנגלית (הודו, סינגפור, דרום אפריקה, אוסטרליה, קנדה, בריטניה, ארצות הברית), אסטונית, פיליפינית, פינית, צרפתית (קנדה), צרפתית (צרפת), גאורגית, גרמנית, יוונית, עברית, הונגרית, איסלנדית, אינדונזית, איטלקית, יפנית, קזחית, קירגיזית, לטבית, ליטאית, מקדונית, מלאית, נורווגית, פולנית, פורטוגזית (ברזיל), פורטוגזית (פורטוגל), רומנית, רוסית (בלארוס), סרבית, סלובקית, סלובנית, ספרדית (אמריקה הלטינית), ספרדית (ספרד), שוודית, תאית, טורקית, אוקראינית, אוזבקית ווייטנאמית.

שם מותאם לשוק המקומי

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

מדינה שם
בלארוס Google Кошелек
ברזיל Carteira do Google
צ'ילה Billetera de Google
צ'כיה Google Wallet
יוון ‫Google Wallet
הונג קונג Google 錢包
ליטא Google Piniginė
פולין Portfel Google
פורטוגל Carteira da Google
רומניה Portofel Google
סלובקיה Peňaženka Google
טאיוואן Google 錢包
טורקיה Google Cüzdan
איחוד האמירויות הערביות محفظة Google
אוקראינה Google Гаманець
ארצות הברית (ספרדית)
*יש להשתמש בשם הזה בארה"ב אם ממשק המשתמש הוא בספרדית 		Billetera de Google

גודל

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

סגנון

יש שני סוגים של לחצני הוספה ל-Google Wallet: ראשי ומצומצם. הלחצן הוספה ל-Google Wallet מופיע רק בשחור. אנחנו מספקים גרסאות מותאמות לשוק המקומי של הכפתור. אל תיצרו לחצנים עם טקסט מותאם לשוק המקומי שלכם.

ראשי דחוס
הלחצן הראשי 'הוספה ל-Google Wallet' לחצן 'הוספה ל-Google Wallet' במצב מצומצם
מומלץ להשתמש בלחצן הראשי על רקעים לבנים ובהירים. משתמשים בכפתור המצומצם אם אין מספיק מקום לכפתור הראשי או לכפתור ברוחב מלא.

שטח פנוי

חשוב להקפיד על שטח פנוי מינימלי של 8dp בכל הצדדים של הלחצן הוספה ל-Google Wallet. חשוב לוודא שהשטח הריק לא נקטע על ידי גרפיקה או טקסט.

צריך להשאיר רווח של 8dp מכל הצדדים של הלחצנים 'הוספה ל-Google Wallet'.

גובה מינימלי

כל הלחצנים של הוספה ל-Google Wallet צריכים להיות בגובה מינימלי של 48dp.

גובה הלחצנים 'הוספה ל-Google Wallet' צריך להיות 48dp לפחות.

מה לעשות ומה לא לעשות

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

שיטות מומלצות למיקום לחצנים

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

כרטיסים לתחבורה ציבורית

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

שימוש בשם המוצר Google Wallet בטקסט

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

אותיות רישיות G ו-W

תמיד צריך להשתמש באותיות רישיות G ו-W ואחריהן באותיות קטנות כשמתייחסים ל-Google Wallet. לא כותבים את השם המלא באותיות רישיות "Google Wallet" אלא אם זה כדי להתאים לסגנון הטיפוגרפי בממשק המשתמש.

אין לקצר את השם Google Wallet

תמיד כותבים את המילים Google ו-Wallet.

התאמה לסגנון בממשק המשתמש

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

להשתמש תמיד בגרסה המקומית של Google Wallet

תמיד צריך לכתוב 'Google Wallet' בעותק המקומי שסופק.

עיצוב

כדי לשנות את הגובה והרוחב של הלחצנים הוספה ל-Google Wallet, משתמשים בשדות height ו-size של תג ה-HTML‏ g:savetoandroidpay. אפשר להשתמש במפרט textsize=large כדי להגדיל באופן משמעותי את הגודל של הטקסט והלחצנים בהטמעות לנייד או במקרים עם דרישות מיוחדות לממשק המשתמש.

משתמשים בלחצן theme כדי להגדיר את צבע הכפתורים. בטבלה הבאה אפשר לראות איך ההגדרות האלה משפיעות על הלחצן הוספה ל-Google Wallet.

תמונות ראשיות

השדה class.heroImage מופיע כבאנר ברוחב מלא לאורך גוף הכרטיס.

הנחיות לגבי תמונה ראשית (Hero)

הנה רשימה של המלצות לגבי ממשק המשתמש של תמונות ראשיות:

הנחיה תיאור
סוג קובץ מועדף PNG
גודל מומלץ

‫1032x336 פיקסלים

השתמשו בתמונות רחבות ומלבניות.

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

יחס גובה-רוחב ‫3:1 או רחב יותר
גודל התצוגה

הרוחב המלא של הכרטיס והגובה הפרופורציונלי.

גודל התצוגה צריך להשתמש ביחס גובה-רוחב של 3:1 או רחב יותר.

תמונות ברוחב מלא

השדה *.imageModulesData.mainImage בכרטיס או באובייקט מוצג כתמונה ברוחב מלא בכרטיס.

הנחיות לגבי תמונות ברוחב מלא

הנה רשימה של המלצות לגבי ממשק המשתמש לתמונות ברוחב מלא:

הנחיה תיאור
סוג קובץ מועדף PNG
גודל מינימלי

רוחב של 1,860 פיקסלים, גובה משתנה.

השתמשו בתמונות רחבות ומלבניות.

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

הרוחב המלא של התבנית והגובה היחסי.

גודל התצוגה צריך להשתמש ביחס גובה-רוחב של 3:1 או רחב יותר.
משתמשים באותה ערכת צבעים שבה השתמשתם ללוגו.

תמונות ברקוד

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

תמונות מעל הברקוד

הנה רשימה של המלצות לממשק משתמש לתמונות שמוצגות מעל הברקוד:

הנחיה תיאור
סוג קובץ מועדף PNG
גובה מקסימלי

‫20 dp (ביחס גובה-רוחב מקסימלי)

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

אם אחת מהתמונות היא ריבועית והשנייה מלבנית, התמונות צריכות להיות בגודל 80x80 פיקסלים ו-780x80 פיקסלים.

יחס גובה-רוחב

ללא הגבלה. כדי להשתמש בתמונה בודדת עם גובה ורוחב של עד 20dp, צריך להשתמש ביחס גובה-רוחב של 20:1.

אם רוצים רק תמונה אחת מעל הברקוד, צריך להשתמש ברוחב המלא (לא כולל מרווחים פנימיים). התמונה צריכה להיות בגודל ‎1,600x80 פיקסלים.

גודל תצוגה מקסימלי (תמונה בודדת) גובה של ‎20 dp ורוחב של ‎400 dp

תמונה מתחת לברקוד

בהמשך מופיעה רשימה של המלצות לממשק משתמש עבור התמונה שמתחת לברקוד:

הנחיה תיאור
סוג קובץ מועדף PNG
גובה מקסימלי

‫20 dp (ביחס גובה-רוחב מקסימלי)

הגודל המומלץ הוא גובה של 80 פיקסלים ורוחב של 80 עד 1,600 פיקסלים.

אם התמונה ריבועית, 80x80 פיקסלים.

אם התמונה מלבנית, 1,600x80 פיקסלים.

יחס גובה-רוחב לא מוגבל. כדי לקבל גובה ורוחב של עד 20 dp, צריך להשתמש ביחס גובה-רוחב של 20:1. אם רוצים תמונה ברוחב מלא (ללא ריווח פנימי), התמונה צריכה להיות בגודל 1,600x80 פיקסלים.
הגודל המקסימלי של התצוגה הוא 20dp גובה ו-400dp רוחב.  

מודולים

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

הנחיה תיאור
imageModulesData אפשר להשתמש רק ב-imageModulesData אחד בכיתה או באובייקטים שיוצרים.
infoModuleData

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

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

linksModuleData

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

יכול להיות שיש לכם שני linksModuleData מזהי URI בכיתה; אחד ל-URI של האתר ואחד למספר טלפון של מרכז העזרה. יכול להיות ששני מזהי URI‏ linksModuleData באובייקט יגדירו URI ספציפי לחשבון משתמש ומיקומים סמוכים.

textModulesData

אפשר להשתמש בעד שני שדות textModulesData בין המחלקה לבין האובייקטים שיוצרים.

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

infoModuleData

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

linksModuleData

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

הנחיה הגדרה לדוגמה תמונה לדוגמה
משתמשים בקידומת http: כשמקצים URI לאתר או למיקום במפות Google. הקידומת הזו מאפשרת ללקוח ללחוץ על הקישור ולנווט לאתר או לראות את המיקום במפות Google. הקידומת הזו גם גורמת להצגת סמל של קישור או מפה לפני התיאור בכרטיס. 'uri': 'http://maps.google.com/?q=google' סמן נעץ למיקום במפה.
'uri': 'http://developer.google.com/wallet/' סמל של גלובוס שמייצג אתר.
כשמגדירים מספר טלפון, צריך להשתמש בקידומת tel:. הקידומת הזו מאפשרת לצרכן ללחוץ על הקישור כדי לחייג למספר. הקידומת הזו יוצרת גם סמל של טלפון לפני תיאור הטקסט בכרטיס. 'uri': 'tel:6505555555' אינדיקטור של טלפון לקישור למספר טלפון.
משתמשים בקידומת mailto: כשמגדירים כתובת אימייל. הקידומת הזו מאפשרת ללקוח ללחוץ על הקישור כדי לשלוח אימייל לכתובת. הקידומת הזו גם יוצרת סמל של אימייל לפני תיאור הטקסט בכרטיס. 'uri': 'mailto:jonsmith@email.com' אינדיקטור של אימייל לקישור לשליחת אימייל.

כותרות, תוויות ושמות

כותרות, תוויות ושמות צריכים להיות באותיות רישיות בתחילת כל מילה.

מדיניות התוכן

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

מיקום נתונים בפלטפורמה של שותף

כדי לוודא שהמשתמשים יוכלו להגיע לאפליקציה או לאתר שלכם עם כרטיס, צריך להוסיף את קישור העומק לאפליקציה או לאתר למאפיין linksModuleData.* של הכרטיס. כך המשתמש יכול לעבור מהכרטיס, שמופיע ב-Google Wallet, לפלטפורמה שלכם. כדי לראות איך הכרטיס מוצג, עוברים לקטעי העיצוב של כרטיסי המידע.