כרטיסים עשירים משלבים מדיה, טקסט והצעות בהודעה אחת. הם מתמקדים בנושא אחד ומציעים למשתמשים פעולות ברורות.
כרטיס אינטראקטיבי יכול להכיל את הרכיבים הבאים:
- מדיה (תמונה/קובץ GIF, סרטון או קובץ PDF)
- טקסט כותרת
- טקסט תיאור
- הצעות לתשובות ולפעולות.
כל אחד מהשדות האלה הוא אופציונלי, אבל צריך לכלול לפחות אחד מהשדות 1-3 בכרטיס העשיר.
רכיבים של כרטיסים מתקדמים
מדיה
כרטיסים עשירים יכולים לכלול סוגים שונים של מדיה, כמו תמונות, קובצי GIF, סרטונים וקובצי PDF. כרטיסים עשירים תומכים במגוון פורמטים של מדיה.
סוגי תמונות נתמכים:
- JPEG/JPG
- GIF
- PNG
סוגי סרטונים נתמכים:
- H.263
- M4V
- MP4
- MPEG
- MPEG-4
- WebM
סוגי הקבצים הנתמכים (זמינים רק בהודו בלקוח של Google Messages):
אפשר לבחור בין שלושה גבהים של מדיה בכרטיס עשיר:
| סוג מדיה | גובה מדיה |
|---|---|
| מדיה קצרה | 112 DP |
| מדיה בינונית | 168 DP |
| מדיה אנכית | 264 DP |
DP מייצג פיקסלים שלא תלויים בדחיסות, שהם יחידות שנועדו לספק גודל פיזי עקבי לרכיבי ממשק משתמש במסכים עם רמות שונות של דחיסות פיקסלים.
אם הממדים של המדיה לא תואמים לגובה שנבחר, המערכת מבצעת באופן אוטומטי זום וחיתוך מרכזי של המדיה. החיתוך הזה עלול לגרום לתצוגה מקדימה לא רצויה. כדי להציג את התמונה המדויקת שרוצים, צריך לציין תמונה ממוזערת. כשלוחצים על התצוגה המקדימה או על התמונה הממוזערת, קובץ המדיה נפתח במסך מלא.
בקובצי PDF מוצגת תמונה מקדימה שמבוססת על הדף הראשון של קובץ ה-PDF, גם אם יש תמונה ממוזערת. כשלוחצים על תמונת התצוגה המקדימה, הקובץ נפתח בכלי לצפייה בקובצי PDF. אם תצוגה מקדימה לא זמינה (לדוגמה, אם הקובץ מוגן באמצעות סיסמה), קובץ ה-PDF יציג את התמונה הממוזערת או סמל ברירת מחדל אם לא צוינה תמונה ממוזערת.
מעלים מדיה על ידי ציון כתובת URL או העלאה ישירה של קובץ. מידע נוסף זמין בדף שליחת הודעות.
תמונה ממוזערת
גודל הקובץ המקסימלי של תמונה ממוזערת הוא 100KB. כדי להבטיח חוויית משתמש אופטימלית, מומלץ שהגודל יהיה 50KB או פחות. אם לא תספקו תמונה ממוזערת, יוצג סמל ברירת מחדל במקום זאת. התמונה הממוזערת נשארת גלויה במהלך הורדת הקובץ, גם אם ההורדה נכשלת, והיא משמשת גם כתצוגה מקדימה של סרטונים שהורדו. הקשה על התמונה הממוזערת או על סמל ברירת המחדל פותחת תצוגה במסך מלא של קובץ המדיה.
טקסט כותרת
הכותרת של הכרטיס העשיר היא כמו כותרת שמושכת את תשומת הלב של המשתמש ומספקת לו מושג ברור לגבי תוכן ההודעה. התגובה צריכה להיות תמציתית ואינפורמטיבית. הוא יכול לכלול עד 200 תווים.
תיאור
התיאור של הצ'אט האינטראקטיבי כולל מידע תומך חיוני. כאן אפשר להרחיב על הכותרת, להדגיש את היתרונות העיקריים ולעודד המרות באמצעות קריאה ברורה לפעולה. התיאור יכול להכיל עד 2,000 תווים.
הצעות לתשובות ולפעולות
כל כרטיס עשיר יכול להכיל עד ארבע הצעות לתשובות והצעות לפעולות. בנוסף, אפשר להוסיף עד 11 הצעות מתחת לכרטיס ברשימת צ'יפים, בדומה להוספת הצעות להודעת טקסט. ההצעות לתשובות והפעולות שמופיעות ברשימת הצ'יפים עוזרות לקדם את השיחה. הם לא צריכים לחזור על האפשרויות שמופיעות בכרטיס המתקדם, והם לא כלי בחירה של הפריטים שמוצגים בקרוסלה.
מידע מפורט על הצעות זמין במאמר הזה.
הצעות לתשובות
התשובות המוצעות עוזרות למשתמשים ליצור אינטראקציה עם הנציג בדרכים שקל לו להגיב עליהן. אלא אם האינטראקציה דורשת תשובה בטקסט חופשי, כדאי להשתמש בהצעות לתשובות. קל יותר לעבד אותם מאשר טקסט חופשי, והם מאפשרים לנציג להוביל את השיחות במסלול אופטימלי.
ההצעות לתשובות יכולות לכלול עד 25 תווים.
הצעות לפעולות
ההצעות לפעולה מאפשרות לסוכן להתחבר לפעולות מקוריות במכשיר, והן מספקות למשתמש חוויה משולבת. כשזה רלוונטי, הצעות לפעולות יכולות להקל על ההתקשרות עם שירות הלקוחות או על מציאת מיקום במפה.
אבל אל תציפו את המשתמשים באפשרויות. תספק רק פעולות שקשורות להודעה האחרונה, ותספק רק את מספר הפעולות הנדרש. להגביל את מספר ההצעות לפעולות ולתשובות כך שיהיו שימושיות למשתמש בהקשר נתון.
הפעולות המוצעות יכולות לכלול עד 25 תווים.
פריסת כרטיס מתקדם
לכרטיסים עשירים יכולה להיות פריסה אנכית או אופקית.
כרטיסים מתקדמים אנכיים
בכרטיסים עשירים אנכיים, המדיה האופקית מוצגת בחלק העליון של הכרטיס. הגובה המינימלי של כרטיס אינטראקטיבי אנכי הוא 112 DP.
הגובה של המדיה שמשמשת בכרטיס עשיר אנכי יכול להיות:
- נמוך: 112 DP
- בינוני: 168DP
- גבוה: 264 DP
יחס הגובה-רוחב של המדיה שמשמשת בכרטיס עשיר אנכי יכול להיות:
- 2:1
- 16:9
- 7:3
כרטיסים מתקדמים אופקיים
בכרטיסים עשירים אופקיים, המדיה מוצגת בצד ימין או בצד שמאל של הכרטיס.
לכרטיס מדיה עשירה אופקי אין יחס מדיה קבוע, אבל יש לו רוחב קבוע של 128 DP. הגובה מותאם לגובה של רכיבי הטקסט בכרטיס.
קרוסלות של כרטיסים מתקדמים
אפשר לשלוח כרטיס מתקדם עצמאי או קרוסלה של כרטיסים מתקדמים.
קרוסלות של כרטיסים עשירים הן פתרון מצוין להצגת כמה פריטים, כמו חבילות נתונים או מכשירים, ומאפשרות למשתמשים לעיין באפשרויות שונות ולהשוות ביניהן בהודעה אחת. קרוסלה היא פתרון אידיאלי כשרוצים להציג מגוון אפשרויות או לאפשר למשתמשים לחקור תוכן שקשור לנושא.
הפריט הראשון בקרוסלה צריך להיות הבחירה האופטימלית, והסיבה לכך צריכה להיות ברורה למשתמש. אפשר להוסיף עד עשרה כרטיסים לקרוסלה של כרטיסים מתקדמים. קרוסלות של כרטיסים עשירים יכולות להכיל רק כרטיסים עשירים אנכיים.
בדומה להודעה עצמאית של כרטיס מתקדם, אפשר לכלול צ'יפים של הצעות מתחת לקרוסלה כדי לקדם את השיחה. הצ'יפים של ההצעות לא צריכים לחזור על האפשרויות שמופיעות בקרוסלה, והם לא כלי בחירה לפריטים שמוצגים בקרוסלה.
מפרט הקרוסלה
| מפרט | פרטים |
|---|---|
| Title | עד 200 תווים |
| תיאור | עד 2,000 תווים |
| גובה | • קרוסלות קטנות: גובה מקסימלי של 542 DP • קרוסלות בינוניות: גובה מקסימלי של 592 DP כל הכרטיסים בקרוסלה יותאמו לגובה של הכרטיס הכי גבוה. פרטים על האופן שבו התוכן מותאם לגובה הזה מופיעים במאמר שינוי גודל התוכן וחיתוך שלו. |
| Width | בוחרים אחת מהאפשרויות הבאות: • קטן: 180 DP (רוחב קבוע) • בינוני: 296 DP (רוחב קבוע) |
שינוי הגודל של התוכן וחיתוך שלו
אם התוכן של קרוסלת כרטיסים עשירים לא גדול מספיק כדי למלא את הגובה המינימלי, יתווסף רווח לבן נוסף בתחתית. אם התוכן חורג מהגובה המקסימלי, הוא ייחתך בסדר הבא:
- תיאור, מצומצם לשורה אחת.
- כותרת, מצומצמת לשורה אחת.
- ההצעות הוסרו לחלוטין.
- התיאור הוסר לחלוטין.
- הכותרת הוסרה לחלוטין.
כדי לפתור את בעיית החיתוך הזו, כך שהמשתמשים יוכלו תמיד לראות את התוכן המלא, ב-RBM יש תצוגה של כרטיסים בקרוסלה שאפשר להרחיב למסך מלא. מידע נוסף על התכונה הזו זמין במאמר בנושא תצוגה במסך מלא של קרוסלות.
תצוגה במסך מלא לקרוסלות
כדי למנוע מצב שבו טקסט או הצעות נחתכים, ב-RBM יש תצוגה במסך מלא לגלריות של כרטיסים עשירים. כך המעצבים יכולים להשתמש במגבלות הטקסט המלאות, כי הם יודעים שהמשתמשים יכולים להרחיב את הכרטיס כדי לראות את ההודעה המלאה.
פרטים חשובים למפתחים
- לא נדרשת פעולה: התכונה הזו מופעלת באופן אוטומטי לכל קרוסלות הכרטיסים המתקדמים.
- היקף: רלוונטי רק לקרוסלות של כרטיסים עשירים. השינוי לא משפיע על כרטיסים מתקדמים עצמאיים.
- מגבלות: כל המגבלות הקיימות על תווים והצעות לשמות (200), תיאורים (2,000) והצעות (4) נשארות ללא שינוי.
פתיחה וסגירה של תצוגת מסך מלא
כדי לפתוח: כשתוכן בכרטיס נחתך, מופיע לחצן עוד בסוף הטקסט שמוצג. משתמש יכול להקיש על אזור הטקסט של הכרטיס או על הלחצן עוד כדי לפתוח את התצוגה במסך מלא.
כדי לסגור: המשתמשים יכולים לצאת מהמסך המלא באחת מהדרכים הבאות:
- מקישים על הלחצן X בפינה השמאלית העליונה.
- משתמשים בכפתור 'הקודם' במערכת או בתנועת הניווט 'הקודם'.
- מקישים על הצעה להמשך השיחה.
ניווט בתצוגת מסך מלא
בתצוגה במסך מלא אפשר לגלול אנכית בתוך כרטיס ולהחליק אופקית בין כרטיסים.
- גלילה אנכית: אם הטקסט בכרטיס עדיין ארוך יותר מהתצוגה במסך מלא, אפשר לגלול אנכית באזור הטקסט והמדיה. ההצעות נשארות 'צפות' וגלויות תמיד בתחתית המסך.
- החלקה אופקית: בתצוגה במסך מלא, המשתמשים יכולים להחליק אופקית כדי לעבור לכרטיס הבא או הקודם בקרוסלה.
גלילה אנכית
החלקה לרוחב
מפרט לתצוגה במסך מלא
כשמרחיבים כרטיס, הוא מוצג בפריסה סטנדרטית במסך מלא.
| מפרט | פרטים |
|---|---|
| גובה המדיה | 264 DP הגובה של המדיה בתצוגה במסך מלא תמיד מוגדר לפי ההגדרה 'מדיה גבוהה'. |
| רוחב המדיה | screenwidth - 32 DP המדיה מתרחבת כדי למלא את רוחב המסך עם שוליים של 16 נקודות DP בכל צד. אותם כללי חיתוך מרכזיים חלים גם כאן. |
איך פועלות ההצעות בתצוגת מסך מלא
כשמשתמש מקיש על הצעה בתצוגה במסך מלא, ההתנהגות שמתקבלת תלויה בסוג ההצעה:
| סוג ההצעה | התנהגות |
|---|---|
| פעולה של OpenURL | כתובת ה-URL נפתחת בדפדפן שמוגדר כברירת מחדל או בשכבת-על של תצוגת אינטרנט. כשהמשתמש חוזר אל Google Messages, התצוגה במסך מלא חוזרת. |
| פעולות חיוג, הצגת המיקום ויצירת אירוע ביומן | האפליקציה המתאימה תיפתח. כשחוזרים אל Google Messages, התצוגה במסך מלא חוזרת. |
| פעולת שיתוף המיקום | תצוגת המסך המלא נסגרת ומפות Google נפתחת. אחרי שהמשתמש שולח את המיקום שלו, הוא חוזר אוטומטית לתצוגת הצ'אט הרגילה. |
| הצעה לתשובה | התצוגה במסך מלא תיסגר, והתשובה תישלח בתצוגת הצ'אט הרגילה, והשיחה תימשך. |
מגבלות
האורך של כותרות בכרטיסים מתקדמים מוגבל ל-200 תווים, ואילו תיאורים יכולים להיות באורך של עד 2,000 תווים. חשוב לזכור שתווים מיוחדים, כמו אמוג'י או ערכת תווים מרובת בייטים, נספרים כ-2 עד 4 תווים או יותר.
הגובה של מדיה בכרטיס מתקדם או בקרוסלה של כרטיסים מתקדמים יכול להיות:
- נמוך: 112 DP
- בינוני: 168DP
- גבוה: 264 DP
כדי שכל הרכיבים (מדיה, כותרות, תיאורים ולחצנים) יוצגו בצורה תקינה בכרטיס העשיר או בקרוסלה, הם צריכים לעמוד במגבלות התווים והגודל שצוינו.
הגודל המקסימלי של מטען ייעודי (payload) של כרטיס עשיר הוא 250KB.