it-swarm-vi.tech

Tại sao các nút Radio không lấp đầy toàn bộ vòng tròn bên ngoài?

Câu hỏi của tôi rất đơn giản:

Tại sao hầu hết các nút radio không lấp đầy toàn bộ vòng tròn bên ngoài của họ?

Ví dụ về nút radio tiêu chuẩn:

Example of standard radio button

(Không bình thường) Ví dụ về nút radio được điền đầy đủ:

enter image description here

Đây có phải là cho một số lý luận sai lệch hoặc một cái gì đó hoàn toàn khác nhau?

Câu hỏi tiền thưởng: Có bao giờ được chấp nhận trong giao diện hoặc hệ thống thiết kế để sử dụng các nút radio được điền đầy đủ không?

47
RobbyReindeer

Nó không hoàn toàn rõ ràng rằng một vòng tròn màu đen có nghĩa là có có hay hay được chọn, trong khi một vòng tròn màu trắng có nghĩa là không có hoặc không được chọn. Tùy thuộc vào những gì người dùng coi là tiền cảnh và hậu cảnh, nó có thể đi theo một trong hai cách. Xem xét ví dụ này (khá giả):

Simply a black and white circle on a gray background

Cái nào được chọn? Một trong những thứ mà ánh sáng đó đã sáng lên như một ánh sáng? Hay một trong những thứ đó là đầy mực mực?

Có một giả định ngầm định rằng việc được chọn phải bao gồm một bổ sung đồ họa của một cái gì đó. Do đó, việc thêm một vòng tròn trong vòng tròn. Nó cũng có thể được suy nghĩ bằng cách tương tự với các hộp kiểm, trong đó bạn thêm một kiểm tra vào hình vuông để hiển thị lựa chọn.

Cái này hoạt động ngay cả khi chúng ta phá vỡ tiêu chuẩn và đảo ngược màu sắc:

White filled circle for selected

Điều này ngụ ý nó cũng hoạt động khi người dùng không biết màu sắc, một thứ quan trọng nhất là ngày nay khi chúng ta không bị giới hạn trong thang độ xám. Vì lý do này, ngoài việc nó không phải là tiêu chuẩn, tôi sẽ luôn tránh các nút radio được lấp đầy.

Cá nhân, tôi nghĩ rằng thuật ngữ các nút radio của đài phát thanh, đề cập một cách ẩn dụ đến hành vi (rằng nó là một trong nhiều lựa chọn), không phải là sự xuất hiện. Các yếu tố lịch sử khác có thể đã xác định diện mạo chung . Vào thời điểm GUI được phát minh vào những năm 1970 và 1980, các nút radio phổ biến nhất là các cài đặt trước trong radio xe hơi. Mặc dù tôi chắc chắn rằng bạn có thể tìm thấy một ngoại lệ (tôi có), nhưng chúng thường là (1) hình chữ nhật, không phải hình tròn và (2) đã làm chứ không cho biết một trạng thái được chọn đã nhấn, chúng bật ra và không hiển thị cờ cơ học hoặc ánh sáng. Vì vậy, tôi không nghĩ rằng chủ nghĩa đa dạng có liên quan đến nó.

97
Michael Zuschlag

Tôi đoán một nút radio hoàn toàn đầy đủ có thể dễ bị nhầm lẫn với một văn bản có dấu đầu dòng:

enter image description here

Trong khi một vòng tròn trống rỗng mang lại cảm giác không hoàn hảo: cần lấp đầy hoặc phải được lấp đầy:

enter image description here

Ngay cả trong nhiều trường hợp, một trong những chiếc nhẫn này đã được lấp đầy, điều này làm tăng cảm giác rằng chúng phải được lấp đầy (kiểm tra):

enter image description here

34
Danielillo

Tôi sẽ coi khả năng truy cập là một trong những lý do của kiểu nút radio này ngoài nút vật lý mà nó có nguồn gốc.

Khi một nút được điền đầy đủ, bạn đang dựa vào màu của nút để biểu thị trạng thái của nút đó. Điều này có thể gây nhầm lẫn cho nhiều người, đặc biệt là khi sử dụng màu sắc không chuẩn.


Radio button styles

Trong hàng đầu tiên của hình ảnh, một trong những hình ảnh không truyền tải thông tin liên quan đến trạng thái của nút. Có thể với màu đen và trắng, bạn có thể giả sử một trạng thái nhưng điều này sẽ thất bại đối với các màu khác.

Trong hàng thứ hai của hình ảnh, trạng thái của vòng tròn bên trong biểu thị rõ ràng trạng thái của nút là gì.

30
Sinstein

Các nút radio được lấy cảm hứng từ các nút radio vật lý (rõ ràng là đủ). Các nút được bật ra từ một khung hoặc là "3d". Tôi sẽ coi những điều này như là dấu hiệu. Những người ký tên đã đi đến các giao diện đầu tiên. Thực tế, một nút bật ra từ một khung mà khi nhấn sẽ hủy tất cả các nút được nhấn khác.

Kể từ hôm nay, nút radio cũng có thể được nhận ra ngay cả sau khi được kiểm tra. Vì vậy, có nó theo "tiêu chuẩn" sẽ là tốt nhất. Mặc dù tôi đã thấy các ví dụ về các nút radio như ví dụ của bạn và trong bối cảnh tôi đã xác định chúng là các nút radio cho một số người dùng, điều này có thể gây ra một số nhầm lẫn hoặc có thể không nhưng có thể cần một số thử nghiệm người dùng.

22
Cristian Negraia

Đây là một bài viết hay về lịch sử của các nút radio: https://www.jitbit.com/alexblog/242-the-history-of-a-radio-button/

Như đã nói trong bài viết:

Các nút radio được đặt tên theo các nút thực tế được sử dụng trên radio cũ để chuyển đổi giữa các sóng vô tuyến và đôi khi, tần số đặt trước. Khi nhấn một nút, tất cả các nút khác sẽ bật ra.

Vì vậy, đó là một lý do sai lệch.

Tôi tin rằng một nút radio được điền đầy đủ sẽ gây nhầm lẫn cho người dùng, dựa trên nguyên tắc "Kết hợp giữa hệ thống và thế giới thực". Nó nói rằng:

Các giao diện tuân theo các quy ước trong thế giới thực và làm cho thông tin xuất hiện theo thứ tự tự nhiên và hợp lý thể hiện sự đồng cảm và thừa nhận đối với người dùng.

Người dùng đã quen với các nút radio ở định dạng này trong các trang web khác, vì vậy trừ khi bạn có lý do thực sự tốt để thay đổi điều đó, tôi nghĩ bạn nên sử dụng tiêu chuẩn.

16
Aline

Bởi vì nếu một nút radio được kiểm tra sẽ được lấp đầy hoàn toàn, sẽ thật khó hiểu để biết nút nào thực sự được chọn, đặc biệt là nếu chỉ có 2 nút radio. Bạn có thể dễ dàng nghĩ rằng nút "lấp đầy màu trắng" đang hoạt động thay vì nút "bôi đen".

7
kajacx

Mặc dù các câu trả lời khác khá hợp lệ, tôi nghĩ rằng họ bỏ lỡ một điểm quan trọng: một nút radio được lấp đầy hoàn toàn sẽ vô hình trên nền đen. Có các màu xen kẽ trên mục đã chọn sẽ ngăn điều này bằng cách khiến độ tương phản bị ép trong nút radio.

2
Kgee

Đây không phải là một câu trả lời trực tiếp cho câu hỏi của bạn mà là một số thông tin thú vị về toàn bộ chủ đề.

Skeumorphism là một khía cạnh của Tương tác máy tính con người - một lựa chọn thiết kế liên quan đến một đối tượng trong thế giới thực với chức năng đã biết với một đối tượng kỹ thuật số có chức năng tương tự. Điều này thường hoạt động vì mọi người phát triển các mô hình tinh thần về cách mọi thứ vận hành để khi chúng ta tái tạo một vật phẩm kỹ thuật số với chức năng tương tự, mục đích của nó được truyền tải tự động.

Mô hình tinh thần cho nút radio là một nút radio có thể được ấn xuống để thực hiện một lựa chọn duy nhất. Từ sự hiểu biết này, nhiều lựa chọn đã được dành riêng cho các hộp kiểm vì mô hình tinh thần là một kiểm tra bên cạnh một mục trong danh sách biểu thị lựa chọn.

Có một số vấn đề với việc dựa vào các mô hình tinh thần và mô hình tinh thần, chẳng hạn như, nếu người dùng của bạn chưa bao giờ gặp phải nút radio trong thế giới thực thì sao? Trong trường hợp đó, họ sẽ không có mô hình tinh thần cho cách thức hoạt động của nó. Điều này đang trở nên có khả năng hơn bao giờ hết bởi vì một số vật phẩm trong thế giới thực được sử dụng làm cơ sở cho các công trình kỹ thuật số khác nhau là từ những năm 1960 và 1970. Đây là những gì tôi nghĩ rằng bạn đã chạm vào; nút radio có phải là đối tượng phù hợp để sử dụng làm cơ sở cho tính đa dạng cho một mục có thể chọn duy nhất từ ​​danh sách ngày hôm nay không? Có lẽ.

Mặc dù mọi người ít tiếp xúc với một đài phát thanh cũ, sự phổ biến của các bộ chọn nút radio ở dạng kỹ thuật số đã mang lại cho hầu hết mọi người một mô hình tinh thần về chức năng của họ. Như đã đề cập trong các câu trả lời khác, một thiết kế tốt sẽ có thể chỉ ra lựa chọn nào được thực hiện bởi hai người dùng với các mô hình tinh thần khác nhau. Như đã nói, một nút radio không phải là cơ sở cho loại lựa chọn này. Hãy nhớ rằng đi ngược lại với phần lớn các mô hình tinh thần của mọi người có thể là một cuộc đấu tranh. Kiểm tra người dùng có thể giúp bạn xác định xem thay đổi bạn đang đề xuất sẽ dịch tốt cho đối tượng dự định của bạn. Một số tiến bộ tốt trong thiết kế đã xuất hiện bởi vì ai đó sẵn sàng thử một cách tiếp cận mới và mài giũa thiết kế của họ thông qua thử nghiệm.

2
AxGryndr

Tôi có thể nhớ đã nhìn thấy radio với các nút cơ học trong đó có một chỉ báo trực quan cho biết nút nào được nhấn. Cái tôi nhớ có các nút màu đen, và bên trong nó là các bộ phận chuyển động, có hình dạng giống như một cái mỏ mở ra khi nhấn nút hiển thị chỉ báo màu trắng ở giữa đỉnh nút. Điều này trông giống như minh họa của bạn, chỉ với màu sắc đảo ngược.

0
user124640