ใส่แอนิเมชันอย่างไร ให้เว็บน่าสนใจและยังใช้ง่าย

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

เลือกจุดเด่นของแต่ละหน้า

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

สื่อให้ชัดว่าเป็นตัวอย่างหรือระบบจริง

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

มือถือต้องอ่านและแตะสะดวก

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

ให้คนดูเป็นผู้ควบคุม

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

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