Làm thế nào nên yêu cầu xác nhận trường được xử lý trực quan?
Lưu ý: giả sử dấu hoa thị là màu đỏ
*Name:[_______________]
hoặc là
Name:*[_______________]
hoặc là
Name: [_______________]*
hoặc là
Name: [____red bg____ ]
hoặc là
Name(<- font color red): [_______________]
hoặc là
Bạn nói với tôi một cách tốt hơn!
Không bao giờ có câu trả lời đúng hay sai với các loại câu hỏi này và rất nhiều câu hỏi phụ thuộc vào người dùng của bạn personas (kỹ sư so với người dùng quyền lực so với người dì không bao giờ sử dụng máy tính) và bối cảnh.
Một nguyên tắc chung là sử dụng
label [input ] [validation ]
Sử dụng vùng xác thực cho dấu hoa thị màu đỏ để chỉ ra trường bắt buộc hoặc thông báo lỗi sau khi xác thực mẫu (hoặc cả hai).
Trang web Đơn giản có thể truy cập có một bản viết ngắn gọn, súc tích trên các trường mẫu yêu cầu tại đây: http://simplyaccessible.com/article/required-form-fields
Nó phụ thuộc rất nhiều vào các yếu tố khác nhau.
Gotchas:
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à:
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 .