แอนิเมชันที่ช้าของ Apple ถูกวิพากษ์วิจารณ์ขณะที่ผู้ใช้เรียกร้องให้มีอินเทอร์เฟซที่เร็วและตอบสนองมากขึ้น

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

ปัญหาแอนิเมชันของ Apple สร้างความหงุดหงิดในชีวิตประจำวัน

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

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

ข้อร้องเรียนทั่วไปเกี่ยวกับแอนิเมชันของ Apple :

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

กฎ 300 มิลลิวินาทีและความถี่ของการใช้งาน

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

เมื่อฉันเปิด Raycast ฉันมีเป้าหมายที่ชัดเจนในใจ ฉันไม่คาดหวังที่จะ 'ดีใจ' ฉันไม่จำเป็นต้องเป็น ฉันแค่อยากทำงานโดยไม่มีแรงเสียดทานที่ไม่จำเป็น

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

แนวทางการออกแบบแอนิเมชันที่แนะนำ:

• ระยะเวลา: ต่ำกว่า 300ms สำหรับการเปลี่ยนผ่าน UI โดยควรอยู่ที่ 200ms
• กฎความถี่: ฟีเจอร์ที่ใช้บ่อย (100+ ครั้ง/วัน) ไม่ควรมีแอนิเมชัน
• จุดประสงค์: ใช้แอนิเมชันเฉพาะเพื่อแสดงการเปลี่ยนแปลงสถานะหรือให้ความต่อเนื่องทางภาพ
• การเข้าถึง: ต้องรองรับการตั้งค่า prefers-reduced-motion ของเบราว์เซอร์เสมอ
• การขัดจังหวะ: ผู้ใช้ไม่ควรต้องรอให้แอนิเมชันเสร็จสิ้น

การออกแบบนี้แสดงถึงแนวทางที่เป็นระบบในส่วนติดต่อผู้ใช้ โดยเน้นประสิทธิภาพมากกว่าสิ่งรบกวนทางสายตาที่ไม่จำเป็น

การอภิปรายเรื่องปัจจัยความสุข

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

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

ข้อพิจารณาทางเทคนิคและประสิทธิภาพข้ามอุปกรณ์

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

วิธีแก้ปัญหาเกี่ยวข้องกับการออกแบบสำหรับตัวหารร่วมต่ำสุดหรือการให้การควบคุมของผู้ใช้เพื่อปรับการตั้งค่าแอนิเมชัน เบราว์เซอร์สมัยใหม่รองรับการตั้งค่า prefers-reduced-motion ที่ช่วยให้ผู้ใช้ปิดแอนิเมชันทั่วทั้งระบบ แต่แอปพลิเคชันหลายตัวไม่ได้นำคุณสมบัติการเข้าถึงนี้ไปใช้อย่างเหมาะสม

ก้าวไปสู่การออกแบบแอนิเมชันที่ดีกว่า

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

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

อ้างอิง: Making smart animations

การออกแบบนามธรรมนี้แสดงถึงความจำเป็นในการมีความชัดเจนและการโฟกัสในแอนิเมชัน ส่งเสริมการทำงานมากกว่าเอฟเฟกต์ภาพที่มากเกินไป