การ์ดริชมีเดีย

ริชการ์ดรวมสื่อ ข้อความ และคำแนะนำไว้ในข้อความเดียว โดยจะมุ่งเน้นที่หัวข้อเดียวและเสนอการดำเนินการที่ชัดเจนแก่ผู้ใช้

Rich Card อาจมีข้อมูลต่อไปนี้

  1. สื่อ (ไฟล์รูปภาพ/GIF, วิดีโอ หรือ PDF)
  2. ข้อความชื่อ
  3. ข้อความคำอธิบาย
  4. คำตอบและการดำเนินการที่แนะนำ

แต่ละช่องเหล่านี้ไม่บังคับ แต่ต้องรวมช่อง 1–3 อย่างน้อย 1 ช่องไว้ในการ์ดที่สมบูรณ์

องค์ประกอบของ Rich Card

คอมโพเนนต์ของ Rich Card

สื่อ

ริชการ์ดอาจมีสื่อต่างๆ เช่น รูปภาพ, GIF, วิดีโอ และไฟล์ PDF การ์ดริชมีเดียรองรับรูปแบบสื่อที่หลากหลาย

ประเภทรูปภาพที่รองรับ

  • JPEG/JPG
  • GIF
  • PNG

ประเภทวิดีโอที่รองรับ

  • H.263
  • M4V
  • MP4
  • MPEG
  • MPEG-4
  • WebM

ประเภทไฟล์ที่รองรับ (พร้อมให้บริการในอินเดียบนไคลเอ็นต์ Google Messages เท่านั้น)

  • PDF

คุณเลือกความสูงของสื่อได้ 3 ระดับสำหรับการ์ดริช

ประเภทสื่อ ความสูงของสื่อ
สื่อแบบสั้น 112 DP
สื่อกลาง 168 DP
สื่อแนวตั้ง 264 DP

DP ย่อมาจากความหนาแน่นของพิกเซลอิสระ ซึ่งเป็นหน่วยที่ออกแบบมาเพื่อให้ขนาดจริงขององค์ประกอบ UI สอดคล้องกันในหน้าจอที่มีความหนาแน่นของพิกเซลต่างกัน

ความสูงของรูปภาพในการ์ดริช

หากขนาดของสื่อไม่ตรงกับความสูงที่เลือก ระบบจะ ซูมและครอบตัดสื่อตรงกลางโดยอัตโนมัติ การครอบตัดนี้อาจส่งผลให้ ตัวอย่างไม่เป็นที่ต้องการ หากต้องการแสดงรูปภาพที่ต้องการอย่างถูกต้อง ให้ระบุ ภาพขนาดย่อ การคลิกตัวอย่างหรือภาพปกจะเปิดมุมมองแบบเต็มหน้าจอของ ไฟล์สื่อ

ไฟล์ PDF จะแสดงภาพตัวอย่างตามหน้าแรกของไฟล์ PDF แม้ว่าจะมีการระบุภาพขนาดย่อก็ตาม การคลิกรูปภาพตัวอย่างจะเปิดไฟล์ในโปรแกรมดู PDF เมื่อตัวอย่างไม่พร้อมใช้งาน (เช่น เมื่อไฟล์มีการป้องกันด้วยรหัสผ่าน) ไฟล์ PDF จะแสดงภาพขนาดย่อหรือไอคอนเริ่มต้นหากไม่ได้ระบุภาพขนาดย่อ

ตัวอย่างไฟล์ PDF ในการ์ดริชมีเดียแนวตั้ง
ตัวอย่างไฟล์ PDF ในริชการ์ดแนวตั้ง
ไอคอน PDF เริ่มต้นในริชการ์ดแนวตั้ง
ไอคอน PDF เริ่มต้นในริชการ์ดแนวตั้ง

อัปโหลดสื่อโดยระบุ URL หรืออัปโหลดไฟล์โดยตรง ดูข้อมูลเพิ่มเติมได้ในหน้าส่งข้อความ

ภาพขนาดย่อ

ขนาดไฟล์ภาพปกสูงสุดคือ 100 KB เราขอแนะนำให้มีขนาดไม่เกิน 50 KB เพื่อให้ผู้ใช้ได้รับประสบการณ์การใช้งานที่ดีที่สุด หากคุณไม่ได้ระบุภาพขนาดย่อ ระบบจะแสดงไอคอนเริ่มต้นแทน ภาพปกจะยังคงปรากฏในระหว่างการดาวน์โหลดไฟล์ แม้ว่าการดาวน์โหลดจะล้มเหลว และยังทำหน้าที่เป็นตัวอย่างสำหรับวิดีโอที่ดาวน์โหลดด้วย การแตะภาพปกหรือไอคอนเริ่มต้นจะเปิดมุมมองแบบเต็มหน้าจอของไฟล์สื่อ

ไอคอนเริ่มต้นสำหรับไฟล์รูปภาพจะแสดงในการ์ดริชมีเดีย
ไอคอนเริ่มต้นสำหรับไฟล์รูปภาพ
ไอคอนเริ่มต้นสำหรับไฟล์วิดีโอจะแสดงในการ์ดริชมีเดีย
ไอคอนเริ่มต้นสำหรับไฟล์วิดีโอ
ภาพขนาดย่อที่แบรนด์ระบุในการ์ดริชมีเดีย
ภาพปกที่กำหนดเอง

ข้อความชื่อ

ชื่อของริชการ์ดเปรียบเสมือนพาดหัวที่ดึงดูดความสนใจของผู้ใช้ และให้แนวคิดที่ชัดเจนแก่ผู้ใช้ว่าข้อความของคุณเกี่ยวกับอะไร โดยทำให้กระชับและให้ข้อมูล ซึ่งยาวไม่เกิน 200 อักขระ

คำอธิบาย

คำอธิบาย Rich Card มีข้อมูลสนับสนุนที่จำเป็น ส่วนนี้คือ ส่วนที่คุณจะขยายความชื่อ ไฮไลต์ประโยชน์หลัก และกระตุ้น Conversion ด้วยคํากระตุ้นให้ดำเนินการ (Call-To-Action) ที่ชัดเจน คำอธิบายมีความยาวได้สูงสุด 2,000 อักขระ

คำตอบและการดำเนินการที่แนะนำ

ริชการ์ดแต่ละรายการมีคำตอบที่แนะนำ และการดำเนินการที่แนะนำได้สูงสุด 4 รายการ นอกจากนี้ คุณยังเพิ่มคำแนะนำได้สูงสุด 11 รายการใต้การ์ดในรายการชิป ซึ่งคล้ายกับการเพิ่มคำแนะนำในข้อความ การตอบกลับที่แนะนำและ การดำเนินการภายในรายการชิปเป็นวิธีต่อยอดการสนทนา โดยไม่ควรทำซ้ำตัวเลือกที่แสดงในการ์ด Rich และไม่ใช่เครื่องมือเลือกสำหรับรายการที่แสดงในภาพสไลด์

ดูข้อมูลโดยละเอียดเกี่ยวกับคำแนะนำได้ในบทความนี้

คำตอบที่แนะนำ

คำตอบที่แนะนำช่วยให้ผู้ใช้โต้ตอบกับตัวแทนของคุณในรูปแบบที่ตัวแทนตอบกลับได้ง่าย ใช้คำตอบที่แนะนำ เว้นแต่การโต้ตอบจะต้องใช้คำตอบแบบอิสระ ซึ่งประมวลผลได้ง่ายกว่าข้อความอิสระ และช่วยให้ตัวแทนของคุณนำการสนทนาไปในเส้นทางที่เหมาะสมได้

คำตอบที่แนะนำในการ์ดริชมีเดีย

คำตอบที่แนะนำมีความยาวได้สูงสุด 25 อักขระ

การดำเนินการที่แนะนำ

การดำเนินการที่แนะนำช่วยให้ตัวแทนเชื่อมต่อกับการดำเนินการของอุปกรณ์ดั้งเดิมและมอบประสบการณ์ที่ผสานรวมอย่างใกล้ชิดแก่ผู้ใช้ เมื่อเกี่ยวข้อง การดำเนินการที่แนะนำ จะช่วยให้โทรหาฝ่ายสนับสนุนลูกค้าหรือค้นหาสถานที่ใน แผนที่ได้ง่ายๆ

แต่ก็อย่าให้ผู้ใช้มีตัวเลือกมากจนเกินไป ให้เฉพาะการดำเนินการที่เกี่ยวข้อง กับข้อความล่าสุด และให้เฉพาะการดำเนินการที่จำเป็นเท่านั้น จำกัดจำนวนการดำเนินการที่แนะนำและการตอบกลับที่แนะนำให้เหลือเฉพาะสิ่งที่ผู้ใช้เห็นว่ามีประโยชน์ในบริบทหนึ่งๆ

การดำเนินการที่แนะนำใน Rich Card

การดำเนินการที่แนะนำมีความยาวได้สูงสุด 25 อักขระ

เลย์เอาต์ Rich Card

Rich Card มีเลย์เอาต์ได้ทั้งแนวตั้ง หรือแนวนอน

Rich Card แนวตั้ง

Rich Card แนวตั้ง

ริชการ์ดแนวตั้งจะแสดงสื่อแนวนอนที่ด้านบนของการ์ด ความสูงขั้นต่ำของริชการ์ดแนวตั้งคือ 112 DP

สื่อที่ใช้ในการ์ดริชแนวตั้งอาจมีความสูงต่อไปนี้

  • สั้น: 112 DP
  • ปานกลาง: 168 DP
  • สูง: 264 DP

สื่อที่ใช้ในการ์ดริชแนวตั้งมีสัดส่วนภาพได้ดังนี้

  • 2:1
  • 16:9
  • 7:3

Rich Card แนวนอน

Rich Card แนวนอน

ริชการ์ดแนวนอนจะแสดงสื่อทางด้านซ้ายหรือขวาของการ์ด

ริชการ์ดแนวนอนไม่มีอัตราส่วนสื่อที่แน่นอน แต่มีความกว้างคงที่ที่ 128 DP ความสูงจะปรับตามความสูงขององค์ประกอบข้อความในการ์ด

ภาพสไลด์ Rich Card

คุณส่ง Rich Card แบบเดี่ยวหรือภาพสไลด์ของ Rich Card ได้

แคร์รอเซลการ์ดริชมีเดียเหมาะอย่างยิ่งสำหรับการแสดงรายการหลายรายการ เช่น แพ็กเกจอินเทอร์เน็ต หรืออุปกรณ์ต่างๆ ซึ่งช่วยให้ผู้ใช้เรียกดูและเปรียบเทียบตัวเลือกต่างๆ ได้ภายในข้อความเดียว ภาพสไลด์เหมาะอย่างยิ่งเมื่อคุณต้องการนำเสนอตัวเลือกที่หลากหลาย หรือเปิดให้สำรวจเนื้อหาที่เกี่ยวข้อง

ภาพสไลด์ Rich Card

รายการแรกในภาพสไลด์ควรเป็นตัวเลือกที่ดีที่สุด และผู้ใช้ควรทราบเหตุผลที่เลือกตัวเลือกนั้น คุณใส่การ์ดในริชการ์ด แคโรเซลได้สูงสุด 10 ใบ ภาพสไลด์ Rich Card มีได้เฉพาะ Rich Card แนวตั้ง

คุณสามารถใส่ชิปคำแนะนำใต้ภาพสไลด์ เพื่อสานต่อการสนทนาได้เช่นเดียวกับข้อความริชการ์ดแบบสแตนด์อโลน ชิปคำแนะนำไม่ควรทำซ้ำตัวเลือกที่แสดงในภาพสไลด์ และไม่ใช่เครื่องมือเลือกสำหรับรายการที่แสดงในภาพสไลด์

ภาพสไลด์ Rich Card พร้อมชิปคำแนะนำ

ข้อมูลจำเพาะ รายละเอียด
ชื่อ สูงสุด 200 อักขระ
คำอธิบาย สูงสุด 2,000 อักขระ
ความสูง • ภาพสไลด์ขนาดเล็ก: ความสูงสูงสุด 542 DP
• ภาพสไลด์ขนาดกลาง: ความสูงสูงสุด 592 DP

การ์ดทั้งหมดภายในภาพสไลด์จะได้รับการปรับขนาดให้ตรงกับความสูงของการ์ดที่สูงที่สุด

ดูรายละเอียดเกี่ยวกับวิธีปรับเนื้อหาให้พอดีกับความสูงนี้ได้ที่การปรับขนาดและการตัดเนื้อหา
ความกว้าง เลือกตัวเลือกใดตัวเลือกหนึ่งต่อไปนี้
• เล็ก: 180 DP (ความกว้างคงที่)
• ปานกลาง: 296 DP (ความกว้างคงที่)

การปรับขนาดและการตัดเนื้อหา

หากเนื้อหาของภาพหมุนริชการ์ดมีขนาดไม่ใหญ่พอที่จะเติมความสูงขั้นต่ำ ระบบจะเพิ่มพื้นที่ว่างที่ด้านล่าง หากเนื้อหามีความสูงเกินความสูงสูงสุด ระบบจะตัดเนื้อหาตามลำดับต่อไปนี้

  1. คำอธิบายที่ลดเหลือบรรทัดเดียว
  2. ชื่อที่ลดเหลือบรรทัดเดียว
  3. คำแนะนำถูกนำออกทั้งหมด
  4. คำอธิบายถูกนำออกทั้งหมด
  5. นำชื่อออกทั้งหมด

RBM มีมุมมองแบบเต็มหน้าจอที่ขยายได้สำหรับการ์ดในภาพสไลด์ เพื่อแก้ปัญหาการตัดทอนนี้เพื่อให้ผู้ใช้เห็นเนื้อหาแบบเต็มได้เสมอ ดูรายละเอียดเพิ่มเติมเกี่ยวกับฟีเจอร์นี้ได้ที่ มุมมองแบบเต็มหน้าจอสำหรับภาพสไลด์

มุมมองแบบเต็มหน้าจอสำหรับภาพสไลด์

RBM มี มุมมองแบบเต็มหน้าจอสำหรับภาพสไลด์ของการ์ดริช เพื่อป้องกันไม่ให้ข้อความหรือคำแนะนำสูญหายไปเนื่องจากการตัดทอน ซึ่งช่วยให้นักออกแบบใช้ข้อความได้เต็มจำนวน โดยทราบว่าผู้ใช้สามารถขยายการ์ดเพื่อดูข้อความ ทั้งหมดได้

รายละเอียดสำคัญสำหรับนักพัฒนาแอป

  • ไม่ต้องดำเนินการใดๆ: ระบบจะเปิดใช้ฟีเจอร์นี้โดยอัตโนมัติสำหรับริช คาร์ดแคร์รอเซลทั้งหมด
  • ขอบเขต: ใช้กับริชการ์ดแครอเซลเท่านั้น ริชการ์ดแบบสแตนด์อโลนจะไม่ได้รับผลกระทบ
  • ขีดจำกัด: ขีดจำกัดของอักขระและคำแนะนำที่มีอยู่ทั้งหมดสำหรับชื่อ (200) คำอธิบาย (2,000) และคำแนะนำ (4) จะยังคงเหมือนเดิม

เปิดและปิดมุมมองแบบเต็มหน้าจอ

วิธีเปิด: เมื่อเนื้อหาในการ์ดถูกตัดทอน ปุ่มเพิ่มเติมจะปรากฏที่ ท้ายข้อความที่มองเห็น ผู้ใช้สามารถแตะที่ใดก็ได้ในพื้นที่ข้อความของการ์ดหรือปุ่มเพิ่มเติมเพื่อเปิดมุมมองแบบเต็มหน้าจอ

วิธีปิด: ผู้ใช้สามารถออกจากมุมมองแบบเต็มหน้าจอได้ด้วยวิธีต่อไปนี้

  1. แตะปุ่ม X ที่มุมซ้ายบน
  2. ใช้ปุ่มย้อนกลับของระบบหรือการนำทางโดยใช้ท่าทางสัมผัสย้อนกลับ
  3. แตะคำแนะนำที่ต่อยอดการสนทนา

การนำทางในมุมมองแบบเต็มหน้าจอ

มุมมองแบบเต็มหน้าจอช่วยให้เลื่อนแนวตั้งในการ์ดและ ปัดแนวนอนระหว่างการ์ดได้

  • การเลื่อนแนวตั้ง: หากข้อความของการ์ดยังยาวกว่ามุมมองแบบเต็มหน้าจอ พื้นที่ข้อความและสื่อจะเลื่อนได้ในแนวตั้ง คำแนะนำจะ "ลอย" อยู่และแสดงที่ด้านล่างของหน้าจอเสมอ
  • การปัดในแนวนอน: ในมุมมองแบบเต็มหน้าจอ ผู้ใช้สามารถปัดในแนวนอนเพื่อ เลื่อนไปยังการ์ดถัดไปหรือก่อนหน้าในภาพสไลด์

การเลื่อนแนวตั้ง

การปัดในแนวนอน

ข้อกำหนดสำหรับการดูแบบเต็มหน้าจอ

เมื่อขยายการ์ด ระบบจะใช้เลย์เอาต์แบบเต็มหน้าจอที่ได้มาตรฐาน

ข้อมูลจำเพาะ รายละเอียด
ความสูงของสื่อ 264 DP
ความสูงของสื่อในมุมมองแบบเต็มหน้าจอจะใช้การตั้งค่าสื่อสูงเสมอ
ความกว้างของสื่อ screenwidth - 32 DP
สื่อจะขยายให้เต็มความกว้างของหน้าจอโดยมีขอบ 16 DP ในแต่ละด้าน โดยใช้กฎการครอบตัดตรงกลางเดียวกัน

วิธีการทำงานของคำแนะนำในมุมมองแบบเต็มหน้าจอ

เมื่อผู้ใช้แตะคำแนะนำในมุมมองแบบเต็มหน้าจอ ลักษณะการทำงานที่เกิดขึ้นจะขึ้นอยู่กับประเภทคำแนะนำ ดังนี้

ประเภทคำแนะนำ พฤติกรรม
การดำเนินการ OpenURL URL จะเปิดในเบราว์เซอร์เริ่มต้นหรือภาพซ้อนทับ WebView เมื่อผู้ใช้กลับไปที่ Google Messages ระบบจะคืนค่ามุมมองแบบเต็มหน้าจอ
การดำเนินการโทร ดูตำแหน่ง และสร้างกิจกรรมในปฏิทิน แอปที่เกี่ยวข้องจะเปิดขึ้น เมื่อกลับไปที่ Google Messages ระบบจะคืนค่ามุมมองแบบเต็มหน้าจอ
การดำเนินการแชร์ตำแหน่ง มุมมองแบบเต็มหน้าจอจะปิดลงและ Google Maps จะเปิดขึ้น หลังจากผู้ใช้ส่งตำแหน่งแล้ว ระบบจะนำผู้ใช้กลับไปที่มุมมองแชทมาตรฐานโดยอัตโนมัติ
คำตอบที่แนะนำ มุมมองแบบเต็มหน้าจอจะปิดลง และระบบจะส่งคำตอบในมุมมองแชทมาตรฐานเพื่อสนทนาต่อ

จำกัดสูงสุด

ชื่อริชการ์ดมีอักขระได้สูงสุด 200 ตัว ส่วนคำอธิบายมีอักขระได้สูงสุด 2, 000 ตัว โปรดทราบว่าอักขระพิเศษ เช่น อีโมจิหรือ ชุดอักขระแบบหลายไบต์ จะนับเป็น 2-4 อักขระขึ้นไป

สื่อในการ์ดริชหรือภาพสไลด์ของการ์ดริชมีความสูงได้ดังนี้

  • สั้น: 112 DP
  • ปานกลาง: 168 DP
  • สูง: 264 DP

องค์ประกอบทั้งหมด (สื่อ ชื่อ คำอธิบาย และปุ่ม) ต้องเป็นไปตามขีดจำกัดของอักขระและขนาดที่ระบุเพื่อให้แสดงอย่างถูกต้องในริชการ์ดหรือภาพสไลด์

ขนาดสูงสุดของเพย์โหลดริชการ์ดคือ 250 KB