สรุป: Interaction Design สำหรับ AI Product
ทบทวน flow, states, friction, convention, controls, goals และ state machine
เป้าหมาย: ตรวจ interaction contract ก่อนสร้างหรือปล่อย AI feature · ใช้เวลาประมาณ 14 นาที
ข้อ 1
สาม state ขั้นต่ำที่มักถูกลืมคืออะไร
- loading/empty/error
- blue/green/red
ดูคำตอบและคำอธิบาย
loading/empty/error interaction ที่ดีทำให้สถานะ ผล และทางกลับมองเห็นได้
ข้อ 2
switch เหมาะกับอะไร
- สถานะที่เปลี่ยนทันที
- เลือกหนึ่งแพ็กเกจจากสามแพ็กเกจ
ดูคำตอบและคำอธิบาย
สถานะที่เปลี่ยนทันที interaction ที่ดีทำให้สถานะ ผล และทางกลับมองเห็นได้
ข้อ 3
เมื่อ action ย้อนกลับยากควรมีอะไร
- preview/confirm
- ซ่อนสถานะ
ดูคำตอบและคำอธิบาย
preview/confirm interaction ที่ดีทำให้สถานะ ผล และทางกลับมองเห็นได้
ข้อ 4
requirement ควรเริ่มจากอะไร
- feature list
- user goal และ success evidence
ดูคำตอบและคำอธิบาย
user goal และ success evidence interaction ที่ดีทำให้สถานะ ผล และทางกลับมองเห็นได้
ข้อ 5
state machine ต้องระบุอะไร
- state/event/transition/guard
- สีอย่างเดียว
ดูคำตอบและคำอธิบาย
state/event/transition/guard interaction ที่ดีทำให้สถานะ ผล และทางกลับมองเห็นได้
ข้อ 6
เมื่อ AI timeout ควรทำอย่างไร
- ให้กดซ้ำโดยไม่ป้องกัน
- บอกสถานะและ retry แบบไม่ทำซ้ำผล
ดูคำตอบและคำอธิบาย
บอกสถานะและ retry แบบไม่ทำซ้ำผล interaction ที่ดีทำให้สถานะ ผล และทางกลับมองเห็นได้
บันทึกช่วยจำ
- ตรวจ desktop, mobile, keyboard และ screen reader
- เก็บ analytics เท่าที่จำเป็นและทำตามนโยบายข้อมูล
สรุปบทเรียนนี้
- ครบทุก state
- control ตรงความหมาย
- ย้อนกลับและส่งต่อคนได้