ความสมมาตรแตกหักจะทำให้โครงการของคุณดูแตกต่างและน่าสนใจ ดูว่าควรนำไปใช้กับโปรเจ็กต์เมื่อใดและอย่างไร
ช่วงเวลาของภาพเคลื่อนไหวแบบอสมมาตรช่วยปรับปรุงประสบการณ์ของผู้ใช้โดยให้คุณแสดงออกถึงบุคลิกภาพในขณะที่ตอบสนองต่อการโต้ตอบของผู้ใช้ได้อย่างรวดเร็ว และยังตัดกับความรู้สึก ซึ่งช่วยให้อินเทอร์เฟซดึงดูดสายตามากขึ้น
- ใช้การแสดงภาพเคลื่อนไหวแบบอสมมาตรเพื่อเพิ่มบุคลิกภาพและคอนทราสต์ให้กับผลงานของคุณ
- ให้ความสำคัญกับการโต้ตอบของผู้ใช้เสมอ ใช้ระยะเวลาที่สั้นลงเมื่อตอบสนองต่อการแตะหรือคลิก และเว้นระยะเวลานานขึ้นไว้ในกรณีที่ไม่สนใจ
เช่นเดียวกับ "กฎ" ส่วนใหญ่ของภาพเคลื่อนไหว คุณควรทดลองเพื่อหาว่าแบบใดเหมาะกับแอปพลิเคชันของคุณ แต่เมื่อพูดถึงประสบการณ์ของผู้ใช้แล้ว ผู้ใช้มักจะใจร้อนไม่หยุด หลักการทั่วไปคือตอบสนองต่อการโต้ตอบของผู้ใช้อย่างรวดเร็วเสมอ อย่างไรก็ตาม โดยส่วนใหญ่แล้ว การกระทำของผู้ใช้จะเป็นแบบอสมมาตร ภาพเคลื่อนไหวจึงมีลักษณะเหมือนกัน
ตัวอย่างเช่น เมื่อผู้ใช้แตะเพื่อแสดงการนำทางที่แถบด้านข้าง คุณควรแสดงการนำทางดังกล่าวโดยเร็วที่สุดเท่าที่จะเป็นไปได้ โดยมีระยะเวลาประมาณ 100 มิลลิวินาที อย่างไรก็ตาม เมื่อผู้ใช้ปิดเมนู คุณสามารถทำให้มุมมองเคลื่อนไหวช้าลงเล็กน้อย เช่น ประมาณ 300 มิลลิวินาที
ในทางตรงกันข้าม เมื่อคุณเปิดมุมมองโมดัล ข้อผิดพลาดนี้มักเป็นข้อผิดพลาดหรือข้อความสำคัญอื่นๆ ในกรณีดังกล่าว คุณควรแสดงมุมมองช้าลงเล็กน้อย ประมาณ 300 มิลลิวินาทีก่อน แต่การปิดที่ผู้ใช้เรียกให้แสดงควรเกิดขึ้นอย่างรวดเร็ว
หลักการทั่วไปมีดังนี้
- สำหรับภาพเคลื่อนไหวของ UI ที่ทริกเกอร์จากการโต้ตอบของผู้ใช้ เช่น การเปลี่ยนมุมมองหรือแสดงองค์ประกอบ จะมีช่วงอินโทรที่เร็ว (ระยะเวลาสั้น) แต่ช่วงปิดท้ายที่ช้า (ระยะเวลานานกว่า)
- สำหรับภาพเคลื่อนไหวของ UI ที่โค้ดของคุณทริกเกอร์ เช่น ข้อผิดพลาดหรือมุมมองโมดัล จะมีช่วงอินโทรที่ช้ากว่า (นานกว่า) แต่ช่วงปิดท้ายที่เร็ว (ระยะเวลาสั้น)