ไว้อาลัยให้เช็กบ็อกซ์สี่เหลี่ยม

 (tonsky.me)
6 คะแนน โดย GN⁺ 2024-01-29 | 4 ความคิดเห็น | แชร์ทาง WhatsApp
  • ความทรงจำอันน่ารักของเช็กบ็อกซ์
    • เช็กบ็อกซ์เป็นรูปสี่เหลี่ยม มีเครื่องหมายถูกอยู่ภายใน และมีลักษณะเด่นคือสามารถเลือกได้หลายรายการพร้อมกัน
    • ในระบบปฏิบัติการต่าง ๆ เช็กบ็อกซ์ถูกเรนเดอร์แตกต่างกันไปตามกาลเวลา
    • แม้เครื่องหมายถูกจะไม่ได้มีอยู่เสมอไป แต่สิ่งที่ไม่เคยเปลี่ยนคือเช็กบ็อกซ์เป็นรูปสี่เหลี่ยม
  • ทำไมต้องเป็นสี่เหลี่ยม?
    • เพื่อแยกเช็กบ็อกซ์ออกจากปุ่มตัวเลือก (radio button)
    • ปุ่มตัวเลือกเลือกได้เพียงรายการเดียว และเมื่อเลือกหนึ่งรายการ ตัวเลือกอื่นทั้งหมดจะถูกยกเลิก
    • ตั้งแต่ยุค 90 ก็มีการแยกความต่างระหว่างรูปสี่เหลี่ยมกับรูปวงกลมอยู่แล้ว
  • การมาถึงของเว็บ
    • การมาถึงของเว็บ โดยเฉพาะ CSS, Flash และ JavaScript ทำให้แนวปฏิบัติเดิมถูกประดิษฐ์ขึ้นใหม่และออกแบบใหม่
    • บนเว็บ เรามักเห็นปุ่มตัวเลือกที่มีเครื่องหมายถูก หรือปุ่มตัวเลือกทรงสี่เหลี่ยมอยู่บ่อยครั้ง
    • แม้แต่แอปเนทีฟก็ได้รับอิทธิพลจากเว็บและเริ่มนำเช็กบ็อกซ์ทรงกลมมาใช้
  • จารีตของผู้ผลิตระบบปฏิบัติการ
    • ผู้ผลิตระบบปฏิบัติการยึดถือแนวปฏิบัติที่ว่า เช็กบ็อกซ์ต้องเป็นสี่เหลี่ยม และปุ่มตัวเลือกต้องเป็นวงกลมมาโดยตลอด
  • จุดจบของธรรมเนียม
    • Apple ละทิ้งธรรมเนียมเช็กบ็อกซ์สี่เหลี่ยมใน visionOS และนำเช็กบ็อกซ์ทรงกลมมาใช้
    • ด้วยเหตุนี้ จึงประกาศว่าความหวังที่ธรรมเนียมเช็กบ็อกซ์สี่เหลี่ยมจะดำเนินต่อไปได้หมดสิ้นลงแล้ว
    • มีการประกาศอย่างเป็นทางการให้ปี 2024 เป็นปีที่เช็กบ็อกซ์สี่เหลี่ยมหายไปในที่สุด

ความเห็นของ GN⁺:

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

บทความที่เกี่ยวข้อง

4 ความคิดเห็น

 
2024-01-30
[ความคิดเห็นนี้ถูกซ่อน]
 
kuroneko 2024-01-30

ขอไว้อาลัยแด่ช่องทำเครื่องหมายทรงสี่เหลี่ยม

RIP...
 
bbulbum 2024-01-30

อย่ามาทำลาย... ประสบการณ์ผู้ใช้... ของฉันนะ...
 
GN⁺ 2024-01-29
ความคิดเห็นจาก Hacker News
  • รู้สึกแปลกใจที่ iOS ใช้เช็กบ็อกซ์ทรงกลมมานานมากแล้ว แม้แต่ในแอป Settings ของ macOS ก็เริ่มใช้สวิตช์เปิดปิดแทนเช็กบ็อกซ์มากขึ้นเรื่อย ๆ แต่ปุ่มสลับที่ไม่ชัดเจนก็ยังเป็นปัญหาอยู่ เช่น เวลาไอคอนไมโครโฟนเป็นสีขาว มันเปิดอยู่หรือปิดอยู่กันแน่ หรือถ้ามีขีดทับอยู่ นั่นหมายถึงอยู่ในสถานะปิดเสียงแล้ว หรือจะปิดเสียงเมื่อแตะกันแน่ ทำให้งงได้
  • ไม่ใช่ว่า Apple ไม่สนใจกฎการออกแบบ แต่อาจเป็นความพยายามที่จะเพิ่มความน่าเชื่อถือของการติดตามสายตาเวลาใช้งานเช็กบ็อกซ์ใน VisionOS เพราะสายตาคนมักถูกดึงไปที่มุมต่าง ๆ ปุ่มทรงกลมจึงดึงความสนใจได้มากกว่า และเมื่อแสดงปุ่มเดี่ยว ๆ ก็ชอบใช้รูปทรงแคปซูล
  • ผู้ใช้เว็บคิดว่าคอนโทรลแบบเดิมน่าเบื่อ และเชื่อว่าควรประดิษฐ์กับออกแบบคอนโทรลมาตรฐานใหม่อีกครั้ง เลยทำให้ปุ่ม 'ยืนยัน' ในกล่องโต้ตอบไปอยู่ทางซ้าย ทางขวา หรือแม้แต่บนแถบชื่อหน้าต่างตามความชอบของดีไซเนอร์
  • Flat design ตัดทอนความสามารถที่มีอยู่โดยธรรมชาติของระบบการมองเห็นของเรา สี เส้นขอบ ความโปร่งแสง พื้นผิว เงา และการเคลื่อนไหวที่นุ่มนวล ล้วนช่วยให้เราตีความข้อมูลทางสายตาได้อย่างรวดเร็ว องค์ประกอบเหล่านี้สำคัญต่อการสื่อสารข้อมูลภาพ แต่ก็ไม่ควรใช้มากเกินไป
  • เว็บดีไซเนอร์จำนวนมากไม่เข้าใจความแตกต่างระหว่างตัวเลือกแบบรวมหลายข้อได้กับตัวเลือกที่เลือกได้เพียงข้อเดียว จึงมีความสับสนในการใช้เช็กบ็อกซ์กับปุ่มวิทยุ
  • เป็นเรื่องยากที่จะอธิบายให้ผู้สูงอายุที่ทักษะด้านเทคโนโลยีเริ่มถดถอยเข้าใจว่า ใน Material Design พื้นที่ส่วนไหนของหน้าจอเป็นปุ่มที่กดได้ ประสบการณ์การใช้งานเดิมเท่านั้นที่ช่วยบอกได้ว่าองค์ประกอบไหนโต้ตอบได้
  • ดีไซเนอร์ของ Apple ทิ้งธรรมเนียมหลายอย่างที่บริษัทสร้างไว้เองตลอดหลายทศวรรษมาตั้งแต่ปี 2013 Steve Jobs ให้ความสำคัญกับ 'วิธีที่มันทำงาน' และ Apple ก็เปลี่ยนจากผู้นำด้านการออกแบบไปเป็นผู้ตามค่ากลางต่ำสุด การออกแบบที่แย่เป็นปัญหาเชิงศีลธรรม และในกรณีเลวร้ายที่สุดอาจทำให้คนบาดเจ็บหรือเสียชีวิตได้ มันเป็นปัญหาที่เริ่มจากเรื่องเล็ก ๆ ในงานออกแบบ/วิศวกรรม หวังว่าคนรุ่น Zoom จะตระหนักถึงเรื่องนี้ และหนังสือ 'About Face' ของ Alan Cooper เป็นจุดเริ่มต้นที่ดี
  • Motif (ใช้ใน X11) ใช้สี่เหลี่ยมจัตุรัสขอบเอียงเล็ก ๆ สำหรับเช็กบ็อกซ์ และใช้รูปเพชรขอบเอียงสำหรับปุ่มวิทยุ สถานะเปิดใช้งานจะเอียงลึกเข้าไป ส่วนสถานะไม่เปิดใช้งานจะเอียงนูนออกมา
  • ปุ่มวิทยุในรถยนต์จริงส่วนใหญ่เป็นทรงสี่เหลี่ยมผืนผ้า และมีคำอธิบายที่ดีเกี่ยวกับวิธีการทำงานของมัน
  • Apple เลิกใช้เช็กบ็อกซ์สี่เหลี่ยมใน Apple Notes ไปนานแล้ว เชื่อว่าเป็นแบบนี้มาตั้งแต่ iOS 7 เปิดตัวในปี 2014