สลับการแสดงสถานะ

Question

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

Answer 1

การออกแบบวัสดุแสดงสถานะที่ถูกล็อกด้วยเวอร์ชันที่เป็นสีเทาดังนี้:

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

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

Answer 2

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

คุณสามารถเปลี่ยนสีจากสีเขียวเป็นสีเทา (เช่น) แต่อาจเสี่ยงต่อการสูญเสียความชัดเจนที่หมายถึง "เปิดใช้งาน" (ซึ่งเป็นจุดประสงค์ทั้งหมดของสีเขียวในตอนแรก)

ด้วยเหตุนี้ข้อเสนอแนะของฉันคือหลีกเลี่ยงการใช้ตัวควบคุมเลยเพื่อจุดประสงค์นี้ แต่คุณสามารถใช้ข้อความเพื่อแสดงสถานะเปิด / ปิดได้โดยไม่ต้องสับสนในการใช้ตัวควบคุมเพื่อดำเนินการ ตัวอย่างเช่น:

---

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

Answer 3

ก่อนอื่นคุณต้องชัดเจนโดยเปิดสวิตช์ของคุณควรอ่านอย่างเดียวหรือปิดใช้งาน
นี่คือบทความดีๆเกี่ยวกับเรื่องนี้:https://vaadin.com/docs/v8/framework/articles/ReadOnlyVsDisabledFields.html

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