สถานะการโหลดควรทำงานอย่างไร

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

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

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

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

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

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