Tưởng niệm checkbox hình vuông

• Những ký ức đáng yêu về checkbox
  • Checkbox có hình vuông, bên trong có dấu chọn, và có đặc điểm là có thể chọn đồng thời nhiều mục.
  • Trên nhiều hệ điều hành khác nhau, checkbox được hiển thị khác nhau theo thời gian.
  • Dấu chọn không phải lúc nào cũng hiện diện, nhưng việc checkbox là hình vuông thì không thay đổi.
• Vì sao lại là hình vuông?
  • Để phân biệt checkbox với radio button.
  • Radio button chỉ cho phép chọn một mục; khi chọn một mục thì mọi lựa chọn khác sẽ bị bỏ.
  • Ngay từ thập niên 90 đã tồn tại sự phân biệt giữa hình vuông và hình tròn.
• Sự xuất hiện của web
  • Web, đặc biệt là CSS, Flash và JavaScript, đã tái phát minh và thiết kế lại các tập quán vốn có.
  • Trên web, ta thường thấy radio button có dấu chọn hoặc radio button hình vuông.
  • Ngay cả các ứng dụng native cũng chịu ảnh hưởng của web và bắt đầu áp dụng checkbox hình tròn.
• Truyền thống của các nhà cung cấp hệ điều hành
  • Các nhà cung cấp hệ điều hành đã duy trì quy ước: checkbox là hình vuông, radio button là hình tròn.
• Hồi kết của truyền thống
  • Apple đã từ bỏ truyền thống checkbox hình vuông trong visionOS và đưa vào checkbox hình tròn.
  • Từ đó tuyên bố rằng hy vọng để truyền thống checkbox hình vuông tiếp tục tồn tại đã không còn.
  • Chính thức công bố năm 2024 là năm checkbox hình vuông cuối cùng cũng biến mất.

Ý kiến của GN⁺:

• Thiết kế của checkbox và radio button đóng vai trò quan trọng trong giao diện người dùng, vì hình dạng của chúng trực quan định hướng cách người dùng đưa ra lựa chọn.
• Việc Apple phá vỡ truyền thống và đưa vào checkbox hình tròn là điều đáng chú ý ở chỗ nó thử nghiệm một thay đổi mới trong trải nghiệm người dùng.
• Bài viết này mang đến góc nhìn thú vị về lịch sử của thiết kế và giao diện người dùng, đồng thời cho thấy sự tiến hóa của công nghệ ảnh hưởng đến tương tác của người dùng như thế nào.

[kuroneko]

Yên nghỉ trong bình an...

[bbulbum]

Đừng... phá hỏng... trải nghiệm người dùng... của tôi...

[GN⁺]

Ý kiến trên Hacker News

• Tôi ngạc nhiên khi biết iOS đã dùng checkbox tròn trong thời gian dài như vậy. Ngay cả trong ứng dụng Cài đặt của macOS cũng ngày càng dùng công tắc bật/tắt thay cho checkbox. Tuy nhiên, các nút gạt mơ hồ vẫn là một vấn đề. Ví dụ, khi biểu tượng micro có màu trắng thì không rõ là đang bật hay đang tắt; nếu có một gạch chéo thì cũng gây bối rối không biết đó là đang bị tắt tiếng hay là sẽ bị tắt tiếng khi chạm vào.
• Có thể Apple không hề phớt lờ các quy tắc thiết kế, mà đây là nỗ lực nhằm cải thiện độ tin cậy của theo dõi mắt khi xử lý checkbox trong VisionOS. Vì ánh nhìn của con người bị hút về các góc, các nút có hình bo tròn sẽ thu hút sự chú ý hơn, và khi hiển thị nút đơn lẻ thì họ ưu tiên dạng viên nang.
• Người dùng web cho rằng các control truyền thống quá nhàm chán và tin rằng cần phải tái tạo, thiết kế lại các control chuẩn. Vì vậy, nút "OK" trong hộp thoại được đặt bên trái, bên phải hoặc trên thanh tiêu đề cửa sổ tùy theo sở thích của nhà thiết kế.
• Thiết kế phẳng loại bỏ những chức năng vốn có trong hệ thị giác của chúng ta. Màu sắc, đường viền, độ trong mờ, chất liệu, đổ bóng, chuyển động mượt mà... đều giúp chúng ta diễn giải thông tin thị giác nhanh hơn. Những yếu tố này rất quan trọng trong việc truyền tải thông tin trực quan, nhưng không nên bị lạm dụng.
• Nhiều nhà thiết kế web không hiểu sự khác biệt giữa các tùy chọn bao gồm và các tùy chọn loại trừ lẫn nhau. Có sự nhầm lẫn trong cách dùng checkbox và radio button.
• Với người lớn tuổi có kỹ năng công nghệ hạn chế, rất khó giải thích trong Material Design đâu là vùng trên màn hình có thể nhấn như một nút. Chỉ có kinh nghiệm sử dụng trước đó mới cho họ biết yếu tố nào đang hoạt động.
• Các nhà thiết kế Apple đã vứt bỏ nhiều quy ước mà chính họ thiết lập suốt hàng chục năm kể từ năm 2013. Steve Jobs coi trọng "cách nó hoạt động", và Apple đã chuyển từ vị thế dẫn dắt thiết kế thành kẻ chạy theo mẫu số chung thấp nhất. Thiết kế tệ là một vấn đề đạo đức, và trong trường hợp xấu nhất có thể làm con người bị thương hoặc thiệt mạng. Đây là kiểu vấn đề bắt đầu từ những điều nhỏ nhặt trong thiết kế/kỹ thuật. Hy vọng thế hệ Zoomer sẽ nhận ra điều này; About Face của Alan Cooper là một điểm khởi đầu tốt.
• Motif (được dùng trong X11) sử dụng một hình vuông nhỏ vát cạnh cho checkbox và một hình kim cương vát cạnh cho radio button. Trạng thái kích hoạt thì vát vào trong, còn không kích hoạt thì vát ra ngoài.
• Các nút radio trên ô tô thực tế phần lớn có dạng hình chữ nhật. Có một lời giải thích hay về cách chúng hoạt động.
• Apple đã từ bỏ checkbox hình vuông trong Apple Notes từ rất lâu. Tôi tin rằng mọi thứ đã theo hướng này kể từ khi iOS 7 được giới thiệu vào năm 2014.