การกำหนดเวลาของภาพเคลื่อนไหวแบบอสมมาตร

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

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

  • ใช้ช่วงเวลาของภาพเคลื่อนไหวแบบไม่สมมาตรเพื่อเพิ่มบุคลิกและความคมชัดให้กับผลงาน
  • ให้ความสำคัญกับการโต้ตอบของผู้ใช้เสมอ ใช้ระยะเวลาที่สั้นลงเมื่อตอบสนองต่อการแตะหรือคลิก และสงวนระยะเวลาที่นานขึ้นไว้สำหรับกรณีที่ไม่ได้โต้ตอบ

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

เช่น เมื่อผู้ใช้แตะเพื่อแสดงการนําทางด้านข้าง คุณควรแสดงการนําทางดังกล่าวโดยเร็วที่สุด โดยมีระยะเวลาประมาณ 100 มิลลิวินาที อย่างไรก็ตาม เมื่อผู้ใช้ปิดเมนู คุณอาจทำให้ภาพเคลื่อนไหวช้าลงได้เล็กน้อย เช่น ประมาณ 300 มิลลิวินาที

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

หลักการทั่วไปจึงควรเป็นดังนี้

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