กล่องโต้ตอบ

หน้าต่างโต้ตอบ (Dialog) คือหน้าต่างโมดอลที่ปรากฏขึ้นด้านหน้าแอปพลิเคชันเพื่อแสดงข้อมูลงานที่ผู้ใช้ต้องตอบสนองทันที

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

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

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

กายวิภาคศาสตร์

กล่องโต้ตอบประกอบด้วยข้อความให้ข้อมูลและส่วนควบคุม UI ที่ขอให้ผู้ใช้ตอบกลับ

1. พื้นหลังบทสนทนา
2. ส่วนหัวของการ์ด
3. พื้นที่เนื้อหา
4. พื้นที่ดำเนินการการ์ด

ข้อมูลจำเพาะ

ไอคอนคำอธิบาย
ส่วนประกอบปุ่ม
รายละเอียด คุณสมบัติ และอื่นๆ
ไอคอนคำอธิบาย
ส่วนประกอบรายการ
รายละเอียด คุณสมบัติ และอื่นๆ

บทสนทนาที่ไม่มีชื่อเรื่อง

บทสนทนาที่มีชื่อเรื่อง

บทสนทนาที่มีชื่อเรื่องอยู่ตรงกลาง

กล่องโต้ตอบที่เลื่อนได้

การปรับแต่ง

แสดงเอกลักษณ์ของแบรนด์คุณด้วยการปรับแต่งส่วนต่างๆ ของบทสนทนาดังต่อไปนี้:

  • แบบอักษร
  • รูปแบบการแสดงผลของปุ่มที่ใช้งานอยู่ ปุ่มที่ไม่ได้ใช้งาน และปุ่มที่ถูกปิดใช้งาน
  • ขนาดและการจัดวางปุ่ม

ตัวอย่าง

บทสนทนาที่มีชื่อเรื่องว่า - วัน
บทสนทนาที่มีชื่อเรื่องว่า - กลางคืน
กล่องโต้ตอบแบบเลื่อนได้ - วัน
กล่องโต้ตอบแบบเลื่อนได้ - กลางคืน
การสนทนาในทางปฏิบัติ