ספר מותג

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

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

שטח פנוי

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

גובה מינימלי

כל הלחצנים של הוספה ל-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.

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

סמלי לוגו

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

מערכת Google Wallet חותכת את הלוגו לצורת עיגול.

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

הנחיה	תיאור
סוג קובץ מועדף	PNG
גודל מינימלי	‫660 על 660 פיקסלים
יחס הגובה-רוחב של התמונה	1:1
יחס הגובה-רוחב של יצירת האומנות	1:1
גודל הפיקסל בפועל	שינוי הגודל כדי להתאים לגודל המכשיר
מסכה עגולה של לוגו	הלוגו שלכם מוסתר כדי להתאים לעיצוב עגול. חשוב לוודא שהלוגו שלכם נמצא בתוך האזור הבטוח. אל תגדירו מראש מסכה ללוגו. הלוגו צריך להיות בתוך ריבוע עם צבע רקע שחודר עד לקצה. הלוגו צריך לכלול שוליים של 15% כדי שלא ייחתך כשמוסיפים לו מסכה.

מערכת Google Wallet חותכת את הלוגו לצורת עיגול.

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

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

הנחיה	תיאור
סוג קובץ מועדף	PNG לקבלת התוצאות הטובות ביותר, מומלץ להשתמש בתמונה עם צבע רקע (מומלץ להשתמש באותו צבע כמו צבע הרקע של הכרטיס)
גודל מומלץ	‫1,280 פיקסלים על 400 פיקסלים
גודל מינימלי	400 פיקסלים לגובה, הרוחב הוא יחסי (הנחיות נוספות מופיעות בקטע בנושא יחס גובה-רוחב מומלץ) השתמשו בתמונות רחבות ומלבניות.
יחס גובה-רוחב מומלץ	אם לא תגדירו את יחס הגובה-רוחב המומלץ של התמונה, המערכת תשנה את הגודל שלה כך שתתאים ליחס הגובה-רוחב של המקומות שצוינו בכותרת. בתרשים שלמטה מוסבר איך נכס התמונה ישנה את הגודל שלו על סמך יחס הגובה-רוחב.

צבע הרקע של הכרטיס

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

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

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

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

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

הנחיה	תיאור
סוג קובץ מועדף	PNG
גודל מומלץ	‫1032x336 פיקסלים השתמשו בתמונות רחבות ומלבניות. כדי לקבל את התוצאות הטובות ביותר, כדאי להשתמש בתמונה עם רקע צבעוני.
יחס גובה-רוחב	‫3:1 או רחב יותר
גודל התצוגה	הרוחב המלא של הכרטיס והגובה הפרופורציונלי.

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

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

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

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

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

תמונות ברקוד

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

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

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

הנחיה	תיאור
סוג קובץ מועדף	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:[phone]'
משתמשים בקידומת mailto: כשמגדירים כתובת אימייל. הקידומת הזו מאפשרת ללקוח ללחוץ על הקישור כדי לשלוח אימייל לכתובת. הקידומת הזו גם יוצרת סמל של אימייל לפני תיאור הטקסט בכרטיס.	'uri': 'mailto:[e-mail]'

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

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

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

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

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

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

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