Languageไทย▾
พื้นฐานอ่าน 4 นาทีตุลาคม 2026 คำตอบสั้น ๆ
สถานะว่างเปล่าคือสิ่งที่หน้าจอแสดงเมื่อไม่มีอะไรจะแสดง: กล่องจดหมายใหม่ ตะกร้าสินค้าว่างเปล่า การค้นหาที่ไม่มีผลลัพธ์ หรือรายการที่ล้างโดยตัวกรอง สถานะว่างที่ดีจะอธิบายว่าทำไมจึงว่างเปล่าและให้ขั้นตอนต่อไปที่ชัดเจน เช่น การสร้างรายการแรกหรือการเปลี่ยนแปลงการค้นหา
หลัก Takeaway
- ประเภท: การใช้งานครั้งแรก, ผู้ใช้เคลียร์, ไม่มีผลลัพธ์ และข้อผิดพลาดหรือไม่มีการเข้าถึง
- อธิบายว่าทำไมหน้าจอถึงว่างเปล่าด้วยคำพูดธรรมดา
- เสนอการกระทำที่ชัดเจนอย่างหนึ่งที่เติมเต็ม
- ใช้ภาพประกอบและแอนิเมชั่นให้มีขนาดเล็กและเป็นมิตร โดยไม่ขัดขวางการแสดง
- เขียนสำเนาที่แตกต่างกันสำหรับสถานะว่างแต่ละประเภท
หน้าจอว่างนั้นง่ายต่อการลืม เนื่องจากนักออกแบบมักจะทำงานกับข้อมูลตัวอย่าง ในผลิตภัณฑ์จริง ผู้ใช้ใหม่ทุกคนจะพบกับพวกเขาก่อน ดังนั้นพวกเขาจึงสร้างความประทับใจแรกพบมากกว่าหน้าจออื่นๆ เกือบทั้งหมด
มีสี่ประเภททั่วไป สถานะว่างที่ใช้ครั้งแรกจะปรากฏขึ้นก่อนที่บุคคลนั้นจะสร้างสิ่งใดขึ้นมา สถานะที่ผู้ใช้ล้างจะปรากฏขึ้นหลังจากเสร็จสิ้นหรือลบทุกอย่าง เช่น รายการสิ่งที่ต้องทำที่ว่างเปล่า สถานะที่ไม่มีผลลัพธ์ปรากฏขึ้นหลังจากการค้นหาหรือตัวกรอง และสถานะข้อผิดพลาดหรือไม่มีการเข้าถึงจะปรากฏขึ้นเมื่อไม่สามารถแสดงข้อมูลได้เลย
แต่ละประเภทต้องการคำที่แตกต่างกัน สถานะการใช้งานครั้งแรกควรอธิบายว่าหน้าจอมีไว้เพื่ออะไรและเชิญชวนให้ดำเนินการแรก: "ยังไม่มีโปรเจ็กต์ สร้างโปรเจ็กต์แรกของคุณ" สถานะที่ไม่มีผลลัพธ์ควรช่วยให้ผู้คนฟื้นตัวได้: แสดงสิ่งที่พวกเขาค้นหาและเสนอเพื่อล้างตัวกรอง สถานะที่เคลียร์อาจเป็นเพียงช่วงเวลาเล็กๆ ของการตอบแทน
ภาพเป็นทางเลือก ภาพประกอบขนาดเล็กหรือภาพเคลื่อนไหวที่นุ่มนวลสามารถทำให้หน้าจอดูเป็นมิตร และตัวละครที่เคลื่อนไหวสามารถแนะนำผู้ใช้ครั้งแรกได้ ทำให้มันสว่าง ตรวจสอบให้แน่ใจว่าการกระทำนั้นเป็นสิ่งที่มองเห็นได้ชัดเจนที่สุด และไม่ต้องอาศัยภาพในการอธิบายสถานะ
หากคุณต้องการตัวละครแอนิเมชั่นที่เป็นมิตรสำหรับสถานะว่างเปล่า ExodeUI ซึ่งเราสร้างขึ้นนั้นมีไลบรารีมาสคอตแบบโต้ตอบฟรีที่ทำงานเป็นไฟล์ ExodeUI และตอบสนองต่ออินพุต
สถานะว่างควรมีอะไรบ้าง
พาดหัวสั้นๆ หนึ่งประโยคที่อธิบายว่าทำไมจึงว่างเปล่าหรือมีไว้เพื่ออะไรในหน้าจอ และการดำเนินการที่ชัดเจน ภาพประกอบเป็นทางเลือก
สถานะเป็นศูนย์คืออะไร?
อีกชื่อหนึ่งของสถานะว่างเปล่า โดยปกติจะเป็นชื่อที่ใช้ครั้งแรกก่อนที่จะมีคนเพิ่มเนื้อหาใดๆ
คุณจะออกแบบสถานะที่ไม่มีผลลัพธ์ได้อย่างไร
ทำซ้ำข้อความค้นหา แนะนำการแก้ไขการสะกดหรือคำที่กว้างขึ้น และเสนอให้ล้างตัวกรอง อย่าปล่อยให้บุคคลนั้นมีพื้นที่ว่าง
สถานะว่างควรเคลื่อนไหวได้หรือไม่
หากภาพเคลื่อนไหวมีขนาดเล็ก จะไม่วนซ้ำอย่างเสียสมาธิ และเคารพการตั้งค่าการลดการเคลื่อนไหว การกระทำมีความสำคัญมากกว่าภาพเคลื่อนไหว
คำแนะนำและตัวอย่างที่เกี่ยวข้อง
เพิ่มอักขระที่เป็นมิตรลงในหน้าจอว่าง
เลือกจากมาสคอตแบบโต้ตอบฟรีที่ตอบสนองต่อเคอร์เซอร์และการแตะ แล้ววางลงในแอปหรือเว็บไซต์ของคุณ