การ์ดพื้นฐาน
ตัวอย่าง
นี่คือตัวอย่างของการ์ดพื้นฐานเมื่อช่องที่ต้องกรอกและช่องที่ไม่บังคับทั้งหมดเสร็จสมบูรณ์
![](https://developers.google.cn/static/assistant/conversation-design/images/basiccardmapped.png?authuser=7&hl=th)
ข้อกำหนด
ปัจจุบันคอมโพเนนต์ภาพนี้รองรับการปรับแต่ง
ชื่อช่อง | จำเป็นหรือไม่ | ข้อจํากัด/การกําหนดค่า |
---|---|---|
รูปภาพพื้นหน้า | ใช่ หากไม่มีรายละเอียด |
|
พื้นหลังของการ์ด | ไม่ได้ |
|
ชื่อ | ไม่ได้ |
|
คำบรรยาย | ไม่ได้ |
|
คําอธิบาย (เรียกอีกอย่างว่าเนื้อหาหรือข้อความที่จัดรูปแบบ) |
จําเป็น หากไม่มีรูปภาพ |
|
ลิงก์การดําเนินการ | ไม่ได้ |
|
คำแนะนำ
สรุปข้อมูลสําหรับผู้ใช้
![](https://developers.google.cn/static/assistant/conversation-design/images/summarize-do.png?authuser=7&hl=th)
ควรทํา
สรุปรายละเอียด เช่น รายละเอียดกิจกรรมโดยใช้การ์ดพื้นฐาน วิธีนี้ช่วยให้ผู้ใช้สามารถสแกนหาข้อมูลที่ต้องการได้อย่างรวดเร็ว
![](https://developers.google.cn/static/assistant/conversation-design/images/summarize-dont.png?authuser=7&hl=th)
สิ่งที่ไม่ควรทํา
การแสดงข้อมูล เช่น รายละเอียดกิจกรรมในข้อความแจ้งจะมีประสิทธิภาพน้อยกว่า
ให้คําตอบสั้นๆ ในข้อความแจ้งและรายละเอียดที่เกี่ยวข้องในการ์ด
![](https://developers.google.cn/static/assistant/conversation-design/images/put-deets-in-card-do.png?authuser=7&hl=th)
ควรทํา
ใช้ข้อความแจ้งและคําพูดเพื่อให้คําตอบที่เจาะจงสําหรับคําถามที่กําหนดเส้นทางของผู้ใช้ (ในตัวอย่างนี้คือ 11.30 น.) ใช้ภาพเพื่อดูรายละเอียดที่เกี่ยวข้อง
![](https://developers.google.cn/static/assistant/conversation-design/images/put-deets-in-card-dont.png?authuser=7&hl=th)
สิ่งที่ไม่ควรทํา
หลีกเลี่ยงการทําซ้ําระหว่างเสียงพูดที่แสดง ข้อความแจ้งการแสดงผล และภาพ
รูปใบเดียวแทนคํานับพัน
![](https://developers.google.cn/static/assistant/conversation-design/images/usingpics-do.png?authuser=7&hl=th)
ควรทํา
ในบางครั้ง ภาพอาจเป็นวิธีการสื่อข้อมูลที่ดีที่สุดแก่ผู้ใช้
![](https://developers.google.cn/static/assistant/conversation-design/images/usingpics-dont.png?authuser=7&hl=th)
สิ่งที่ไม่ควรทํา
แม้ว่าคําอธิบายจะดี แต่รูปภาพก็น่าจะดีขึ้น