Xác nhận trường bắt buộc

Nó phụ thuộc rất nhiều vào các yếu tố khác nhau.

1. Theo nguyên tắc chung: cần có một chỉ thị văn bản (dấu hoa thị) và chỉ thị trực quan, chẳng hạn như chỉ cần lướt qua 1 giây vào biểu mẫu bạn phải có thể hiểu những trường nào được yêu cầu. Ví dụ: bạn có thể thêm dấu hoa thị ở bên cạnh nhãn (tốt hơn nếu được định dạng hơi khác so với nhãn) và thêm đường viền cường độ cao hơn vào các trường bắt buộc.
2. Như một quy tắc chung thứ hai, hãy cố gắng hết sức để xem bạn có thể đơn giản hóa một biểu mẫu: rất thường có nhiều cách để giảm thiểu các biểu mẫu và tránh ở tất cả các trường tùy chọn. Ví dụ, các biểu mẫu đăng ký tối giản có thể chỉ yêu cầu email và để lại mọi thứ khác cho các phần tiếp theo và các tiện ích như "Hồ sơ của bạn đã hoàn thành 90%".
3. Be nhất quán trong tất cả các trang web, điều đó thực sự quan trọng, bởi vì nó không bắt buộc người dùng phải học mọi lúc.
4. Lưu ý rằng nếu dấu hoa thị là căn chỉnh cùng nhau trên cùng một cột thì sẽ tốt hơn một chút (nhưng hơi thường được tránh để làm cho biểu mẫu đẹp hơn, các biểu mẫu đẹp hoạt động tốt hơn các biểu mẫu xấu hơn).
5. Nếu hầu hết các yếu tố trong biểu mẫu là bắt buộc, thì có lẽ tốt hơn là đánh dấu tùy chọn.

Gotchas:

1. Đừng chỉ dựa vào màu sắc (phiền hà nếu bạn không thể đọc tốt màu sắc).
2. Đừng chỉ dựa vào dấu hoa thị (bạn buộc người dùng phải suy nghĩ về những gì bắt buộc và những gì không).
3. Đừng phá vỡ biểu mẫu xung quanh: mặc dù có vẻ nằm ngoài phạm vi của câu hỏi này, thường là một hình thức được đánh bóng theo chiều dọc với nhãn rõ ràng giúp hiểu rất nhiều về các trường bắt buộc: vì quét dọc đơn giản dễ dàng hơn, nó cũng dễ dàng hơn phát hiện các trường bắt buộc.

Tôi nghĩ bạn có thể quan tâm đến nghiên cứu mới nhất của Baymards: http://baymard.com/blog/required-optional-form-fields

Tóm tắt là:

• Khi điểm chuẩn 100 quy trình thanh toán hàng đầu của Hoa Kỳ, chỉ 9% trang web được đánh dấu rõ ràng cả hai loại trường
• Bằng cách biểu thị rõ ràng cả hai trường tùy chọn và bắt buộc, người dùng không bị buộc phải suy luận bất cứ điều gì và có thể tập trung vào chỉ trường mà họ đang điền và do đó có thể tiến triển liền mạch trong toàn bộ trường biểu mẫu mà không cần qua lại quét các lĩnh vực trước đó.
• Lỗi phổ biến nhất - được thực hiện bởi 63% trong số 100 thanh toán thương mại điện tử hàng đầu - là chỉ biểu thị một trong các loại
• Khi kiểm tra kiểm tra trên thiết bị di động, 75% đối tượng kiểm tra gặp phải sự cố về khả năng sử dụng mẫu nghiêm trọng trên các trang web không đánh dấu rõ ràng cả các trường bắt buộc và tùy chọn.

Và đề nghị của họ:

Giữ dấu hoa thị có thể hữu ích thay vì chỉ đơn giản là chỉ báo dựa trên màu (+1 cho khả năng truy cập). Ném vào một thuộc tính tiêu đề trên dấu hoa thị là tốt, ví dụ: <span title = "Trường bắt buộc"> * </ span>

Điều này có lẽ là cần thiết dù sao để phong cách nó một cách thích hợp

Tôi không nghĩ rằng vị trí dấu hoa thị là quan trọng - chỉ cần nhất quán!

Tôi nghĩ rằng tôi đã làm tất cả những điều đó ở điểm này hay điểm khác. Những gì tôi đã rơi vào gần đây là một cái gì đó mất nhiều công sức hơn nhưng tôi nghĩ là tốt hơn cho người dùng. Về cơ bản, bạn đưa ra một hộp popover nhỏ màu đỏ với một mũi tên cứng đầu chỉ về phía trường đang đề cập, nói với họ đó là trường bắt buộc. Hiển thị nó phía trên trường trong một màu sáng tôi nghĩ rằng điểm này sẽ tốt mà không làm thay đổi dòng chảy của phần còn lại của tài liệu với nội dung được chèn hoặc văn bản in đậm.

Sẽ phức tạp hơn nếu bạn có nhiều lỗi tại đó điểm hiển thị nhiều cửa sổ bật lên rất lộn xộn, do đó bạn quyết định chỉ hiển thị lỗi đầu tiên hoặc chỉ hiển thị một lỗi tại một thời điểm và một trong những xung đột đã được giải quyết sẽ hiển thị lỗi tiếp theo .