LRRich Menu Studio
ออกแบบประสบการณ์

LINE Rich Menu Action แต่ละแบบใช้ต่างกันอย่างไร

เปรียบเทียบ URI, Message, Postback, Datetime picker, Rich menu switch และ Clipboard พร้อมตัวอย่างการใช้งานจริง

เลือก Action จากผลลัพธ์ที่ผู้ใช้ต้องได้รับและข้อมูลที่ระบบหลังบ้านต้องใช้ ไม่ใช่จากชื่อปุ่มบนภาพ

01

แผนที่ตัดสินใจ

Camera, camera roll และ location เป็น Action ที่จำกัดไว้สำหรับ Quick reply จึงไม่ควรใส่ใน Rich Menu JSON

ต้องการให้เกิดอะไรActionต้องมี Backend ไหม
เปิดเว็บ, LIFF, โทรURIไม่เสมอไป
ส่งคำจากผู้ใช้เข้าห้องแชตMessageBot flow ถ้าต้องตอบ
ส่งค่าโดยไม่สร้าง message eventPostbackต้องมี webhook
ให้เลือกวันหรือเวลาDatetime pickerต้องมี webhook
เปลี่ยนหน้าเมนูRich menu switchต้องมี Alias
คัดลอกคูปองหรือเลขบัญชีClipboardไม่ต้องมี
02

Message กับ Postback ต่างกันตรงไหน

Message ส่งข้อความเสมือนผู้ใช้พิมพ์เองและสร้าง message event เหมาะกับ flow ที่มี keyword อยู่แล้ว ส่วน Postback ส่ง data เข้า postback event และสามารถแสดง displayText แยกต่างหาก เหมาะกับค่า ID หรือคำสั่งที่ไม่ควรให้ผู้ใช้แก้

อย่าใส่ข้อมูลลับใน postback data แม้จะไม่แสดงในแชต เพราะค่านั้นยังเดินทางผ่าน client และ webhook ควรใช้ opaque ID และตรวจสิทธิ์ที่ server

03

รายละเอียดที่ทำให้ UX ดีขึ้น

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

  • Label อธิบายผลลัพธ์เพื่อรองรับ accessibility
  • URI ไปหน้าเว็บมือถือและโหลดเร็ว
  • Datetime ตั้ง min/max ให้ลดวันผิด
  • Rich menu switch ใช้ชื่อ Alias ที่คงที่ แล้วสลับ ID ด้านหลัง
  • Clipboard แจ้งผู้ใช้ชัดว่าจะคัดลอกอะไรและต้องใช้ LINE 14.0.0 ขึ้นไปบนมือถือ
VERIFIED SOURCES

เอกสารอ้างอิง

ตรวจสอบข้อกำหนดล่าสุดจากเอกสารทางการก่อนใช้งานกับระบบสำคัญ

FROM GUIDE TO CANVAS

พร้อมนำไปทำบน Canvas แล้วหรือยัง?

วางพื้นที่ปุ่มแบบลาก ย้าย ย่อ–ขยาย แล้วตรวจ JSON ก่อนเผยแพร่

เปิด Studio