it-swarm-vi.com

Sử dụng dấu hoa thị (*) so với yêu cầu

Trong một thời gian dài, định mức là đặt dấu hoa thị màu đỏ "*" sau nhãn trường nếu trường được yêu cầu. Bây giờ tôi đang quan sát một sự thay đổi trong việc thay thế biểu tượng dấu hoa thị bằng từ "(bắt buộc)" sau nhãn.

Bootstrap:

Bootstrap

đấu với

Nền tảng:

Foundation

Chất liệu góc cạnh:

Angular Material

Tôi thực sự thích Angular Kiểu yêu cầu vật liệu. Tôi :)

Tôi đang hỏi về sự khác biệt giữa việc sử dụng dấu hoa thị so với yêu cầu.

Điều gì đã thúc đẩy sự thay đổi và đó là một trải nghiệm người dùng tốt hơn? Những ưu và nhược điểm chống lại hai là gì?

EDIT: Nó đã chỉ ra rằng câu hỏi này có thể đã được hỏi ( Cách tốt nhất để làm nổi bật trường Bắt buộc trên biểu mẫu web trước khi gửi? ), nhưng đó không phải là câu hỏi của tôi.

  • Tôi không hỏi làm thế nào để gắn nhãn một đầu vào cần thiết theo yêu cầu.
  • Tôi không hỏi nếu dấu hoa thị là chuẩn mực hay không.
  • Tôi không hỏi liệu bạn có nên bỏ qua các đầu vào tùy chọn hay không.

Nếu bạn đang tranh luận về điều đó, bạn đang thiếu điểm. : D

20
Radi

Dấu hoa thị (*):

  • Pro: nó không chiếm nhiều không gian
  • Con: không có nghĩa là bất cứ điều gì

"Cần thiết":

  • Con: nó chiếm nhiều không gian hơn
  • Pro: nó cho bạn biết chính xác những gì nó đọc là ý nghĩa

"Chuẩn mực" không bao giờ là dấu sao màu đỏ. Mặc dù nhiều trang web ban đầu đã sử dụng dấu hoa thị, nhưng nó không nhất thiết phải là màu đỏ và luôn yêu cầu một khóa nào đó ở gần đầu biểu mẫu cho bạn biết rằng "* = bắt buộc". Một số trang web đã làm một cái gì đó khác nhau. Cuối cùng, nó đã trở nên phổ biến đến mức hầu hết mọi người có thể nhận ra ý nghĩa của nó, nhưng nó vẫn thực sự vô nghĩa nếu không có kiến ​​thức trước.

Trên thực tế ghi nhãn một cái gì đó là "bắt buộc", thay vì "*", khi nó được yêu cầu hoàn toàn tốt hơn từ quan điểm khả năng sử dụng. Cũng giống như cách gắn nhãn một cái gì đó "nguy hiểm" khi nó nguy hiểm, thay vì cung cấp biểu tượng cho bạn nghĩ là có ý nghĩa ... cho đến khi ai đó diễn giải nó khác đi và mất một ngón tay cho linh trưởng tức giận.

30
Evil Closet Monkey

Bên cạnh những cải tiến về mặt thẩm mỹ và khả năng sử dụng, một trong những lý do (nếu không quan trọng nhất) cho sự thay đổi là vấn đề tiếp cận.

Trình đọc màn hình, không đọc (hầu như) bất kỳ ký hiệu đánh máy nào trong cấu hình mặc định của nó. Các biểu tượng như dấu hoa thị và biểu tượng cộng về cơ bản là vô dụng đối với người dùng khuyết tật hoặc thị lực kém. Các nhà thiết kế thường phải bổ sung dấu hoa thị bằng một ghi chú để chỉ ra rằng các trường là bắt buộc.

10
adamsoh

Lý do đằng sau cũng giống như nhiều điều đã thay đổi trong thực tiễn UI trong thập kỷ qua. Thay vì sử dụng các giả định ngầm định về những biểu tượng có nghĩa là các nhà thiết kế UI đã cố gắng trở nên rõ ràng hơn trong công việc của họ. Chỉ cần xem xét điều này, khi biểu tượng "*" lần đầu tiên xuất hiện để chỉ định các trường bắt buộc, nó thường đi kèm với ghi chú màu đỏ "Các trường được đánh dấu * là bắt buộc" hoặc tệ hơn, người dùng đã gặp lỗi khi bỏ lỡ các trường có dấu * .

Tại một số điểm thiết kế nhận ra rằng đây là một thực hành xấu. Thay vì đưa ra một dấu hiệu ngầm định những gì được yêu cầu và những gì không, họ đã buộc mọi người phải cẩn thận để ý rằng "*" và không bỏ lỡ một lĩnh vực.

BTW, trong các hình thức như vậy, giống như trong câu hỏi của bạn, tôi thích không có chỉ định bắt buộc nào cả. Nếu một cái gì đó là tùy chọn, không thu thập nó khi đăng ký. Nếu bạn vẫn cần nó - khuyến khích người dùng cung cấp nó sau. Ví dụ, với sự giúp đỡ của chỉ số hoàn thành hồ sơ.

Do đó, xóa "bắt buộc"/* khỏi tất cả các trường và giữ cho màn hình của bạn sạch hơn. Người dùng sẽ cho rằng tất cả các trường là bắt buộc (nếu không, tại sao chúng ở đó?) Và điền chúng vào dữ liệu.

Chỉnh sửa

Đáp lại những phản hồi tuyệt vời mà tôi nhận được trong phần bình luận, tôi muốn làm rõ quan điểm của mình. Có ba loại trường: Bắt buộc, Tùy chọn và Bắt buộc có điều kiện . Các trường bắt buộc có điều kiện được yêu cầu khi có dữ liệu. Sự khác biệt với các trường tùy chọn là bỏ qua cái sau sẽ không ngăn ứng dụng thực hiện chức năng chính của nó, nhưng bỏ qua cái trước sẽ là một trình chặn. Chẳng hạn, trường Địa chỉ 2 là trường bắt buộc có điều kiện vì nếu người dùng sống trong căn hộ và Địa chỉ 2 không được cung cấp, hệ thống sẽ không thể hoạt động. Tuy nhiên, nếu người dùng sống trong một ngôi nhà Địa chỉ 2 không cần thiết => điều kiện là nhà hoặc căn hộ. Các trường bắt buộc có điều kiện xuất hiện cùng với các trường bắt buộc, có thể bỏ qua.

Tôi là người đề xuất thiết kế trong đó không có chỉ dẫn nếu một trường được yêu cầu, vì nó khuyến khích người dùng hoàn thành tất cả các trường. Điều này cũng hạn chế sự lừa đảo của các nhà thiết kế, những người thích thêm các trường tùy chọn -> làm lộn xộn màn hình. Người dùng chỉ nên cung cấp dữ liệu cần thiết để lấy từ hệ thống những gì nó được thiết kế cho. Nếu chúng ta cần thứ gì khác, hãy nghĩ cách biến mục tiêu của chúng ta thành mục tiêu của người dùng và thu thập dữ liệu.

5
mikryz

Ý kiến ​​của tôi là bạn nên kết hợp chúng như thế: Bắt buộc * .

Chỉ sử dụng dấu hoa thị sẽ khiến một phần lớn người dùng tự hỏi điều này có nghĩa là gì và sẽ tìm ở đâu đó trên trang để xem thêm thông tin vì dấu hoa thị. Trong sách nếu có dấu hoa thị trên một số từ, ở dưới cùng của trang có giải thích bổ sung. Ý kiến ​​của tôi là tránh sử dụng dấu hoa thị !

Một giải pháp tốt hơn

Tại sao không chỉ hiển thị các trường tùy chọn chứ không phải bắt buộc. Trong phần lớn các trường hợp có nhiều trường bắt buộc hơn tùy chọn, do đó sẽ hiệu quả hơn khi chỉ gắn nhãn các trường tùy chọn vì sẽ có ít sự lặp lại của cùng một từ * được yêu cầu.

optional vs required fields

Tín dụng hình ảnh xmovement.com

Bằng cách này, chúng tôi có thể giảm sự lộn xộn thị giác và theo một nghiên cứu về tự nguyện tiết lộ quá mức người dùng sẽ có nhiều khả năng điền vào các trường tùy chọn vì họ coi đó là hành động tự nguyện và không bị ép buộc. Khi mọi người bị buộc phải làm một cái gì đó, họ thường làm tối thiểu trong khi khi làm việc tự nguyện không phải lúc nào cũng như vậy. Tâm lý con người. Để biết thêm thông tin, hãy đọc điều này bài viết uxmovement về các trường bắt buộc .

4
Kristiyan Lukanov

Nó không thực sự là các dấu hoa thị tạo ra sự chú ý IMO, nó là màu đỏ. Nếu nó không có màu đỏ, cá nhân tôi sẽ nghĩ rằng nó dẫn tôi đến một chú thích có liên quan đến lĩnh vực đó.

Đối với câu hỏi, tôi nghĩ rằng đặt một văn bản "Bắt buộc" có vẻ tốt hơn, nhưng không phải trong hình dạng đó. Nó phải là màu đỏ (hoặc bất kỳ màu nào khác thu hút sự chú ý) và hiển thị rõ hơn.

1
S. Tarık Çetin

Là một nhà thiết kế, trách nhiệm luôn khiến bạn phải đồng cảm. Đó là, đặt mình vào vị trí của người dùng của bạn để làm cho cuộc sống của họ dễ dàng hơn.

Theo tôi, việc sử dụng từ "Bắt buộc" trong một lĩnh vực thể hiện sự cân nhắc, mang tính hỗ trợ và quan trọng nhất là không thừa nhận mức độ hiểu biết của người dùng.

Ngày càng có nhiều thiết kế 'giả định' và theo thời gian đây là một công trình nguy hiểm. Trong khi nhiều người đã tiếp xúc với phụ lục hướng dẫn đã nói về "* = trường bắt buộc", nhiều trang web đã ngừng đặt nó, điều đó có nghĩa là chúng tôi không còn có thể cho rằng mọi người sẽ biết ý nghĩa của nó!

KISS (Giữ cho nó đơn giản ngu ngốc) là cách để đi. Nói với mọi người những gì bạn muốn và làm cho nó rõ ràng và thân thiện.

0
YorkshireDave