กลับไปหน้า Design
ทริคDesign

การใช้ Motion เพื่อตอบสนองผู้ใช้

Motion ควรใช้ยืนยันการกระทำ อธิบายการเปลี่ยนสถานะ และทำให้อินเทอร์เฟซรู้สึกตอบสนองไว.

เริ่มอ่านตรงนี้ก่อน

อธิบายแบบง่าย

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

ระดับ

เหมาะกับคนที่ต้องตรวจงานหรือวางมาตรฐาน

ใช้เมื่อไหร่

ผู้ใช้กดปุ่มคัดลอก บันทึก หรือส่งข้อมูล

อ่านแล้วทำอะไรต่อ

ข้อความและไอคอนบนปุ่มเปลี่ยนสั้นๆ หลังจากคัดลอกลงคลิปบอร์ดสำเร็จ

ใช้ตอนไหน?

  • ผู้ใช้กดปุ่มคัดลอก บันทึก หรือส่งข้อมูล
  • มีแผงหรือกล่องเปิดออกหรือปิดลง
  • รายการที่ถูกกรองมีการเปลี่ยนแปลง

ความหมาย

การตอบสนองด้วยการเคลื่อนไหว (motion feedback) คือการใช้การขยับและการเปลี่ยนความโปร่งใสสั้นๆ เพื่อสื่อสารว่ามีการโต้ตอบเกิดขึ้น มีความต่อเนื่อง หรือบอกสถานะ

จังหวะเวลาของการเคลื่อนไหว

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

Fast feedback = 120-180ms
Panel transition = 180-260ms
Avoid long loops on task screens

ตัวอย่างการใช้

การยืนยันการคัดลอก

ข้อความและไอคอนบนปุ่มเปลี่ยนสั้นๆ หลังจากคัดลอกลงคลิปบอร์ดสำเร็จ

ลองเล่นดู