Hình thức vị trí nhãn cho khả năng sử dụng tốt nhất

16

Tôi đang tạo ra một hình thức mà sẽ hỏi một người truy cập cho họ firstname, middle initialvà lastname. Tôi muốn các trường văn bản đó là tất cả nội tuyến, nhưng tôi nên đặt nhãn ở đâu? Ở bên trái, trên cùng hoặc dưới các lĩnh vực.

Tôi đang tìm kiếm cách tiếp cận tốt nhất từ quan điểm khả năng sử dụng.

— Shane Stillwell
nguồn

Đây có phải là không thích hợp hơn cho uxexchange.com? ( uxexchange.com )

— Bobby Jack

Ồ, tôi không biết uxechange.com tồn tại, cảm ơn. Đánh giá từ số lượng bình chọn lên cho câu hỏi này, nó chắc chắn nằm trong suy nghĩ của các Webmaster Pro.

— Shane Stillwell

Vâng - đó là một chút của "vấn đề". Tôi tin rằng uxexchange đã được thiết lập bằng mô hình 'SO cũ'. Các trang web sử dụng mô hình mới, chẳng hạn như quản trị trang web, dường như đang được chú ý nhiều hơn. Vì vậy, một cái gì đó phù hợp hơn với uxexchange cuối cùng sẽ thành công hơn trên các quản trị web. Tôi không chắc giải pháp là gì - di chuyển uxexchange?

— Bobby Jack

10

Hãy xem nghiên cứu này của UXmatters . Nó khá sâu sắc, bao gồm dữ liệu về theo dõi bằng mắt và kết luận rằng các nhãn trên cùng là giải pháp tốt nhất.

Có một bài viết tương tự của Luke Classicalblewski , cũng khá chi tiết. Cả hai bài viết đều đáng đọc!

— Cấp Palin
nguồn

+1 Tôi sẽ đăng những tài nguyên chính xác đó. Thực sự, bất kỳ câu trả lời cho câu hỏi này nên bao gồm các nghiên cứu.

— Truyền thông Virtuosi

Đây là những gì tôi đang tìm kiếm, một số so sánh giữa trái và đầu. Tôi chắc chắn rất nhiều trong số đó là chủ quan, nhưng không phải là ít, nên có một số bố cục tốt hơn một chút tất cả mọi thứ đều bình đẳng. Cảm ơn.

— Shane Stillwell

Điều thú vị về bài viết của UXmatters là họ thấy các nhãn in đậm gây mất tập trung cho khách truy cập và ... "Các nhãn in đậm khó đọc hơn đối với người dùng vì có thể có sự nhầm lẫn trực quan hơn giữa văn bản in đậm và đường viền liền kề nặng nề của các trường đầu vào. " Tốt để biết.

— Shane Stillwell

không phải là một nelly tiêu cực, nhưng uxmatters.com không có phần "bài viết hàng đầu" hoặc thậm chí sử dụng các công cụ quản trị trang web của google để tôi có thể tìm thấy những bài viết được đọc nhiều nhất của họ, không phải là kinh nghiệm của người dùng!

— Neil McGuigan

5

Điều quan trọng nhất là phải phù hợp với phần còn lại của trang web của bạn. Nói chung, hầu hết các trang web làm nhãn ở bên trái của các trường văn bản. Trong nguyên nhân này, nó sẽ là một mô tả dài vì vậy hãy chắc chắn rằng bạn có phòng và nó chảy tốt.

Nếu bên trái không nhìn phải hoặc không có chỗ để làm điều đó, thì tôi sẽ làm ở trên. Như vậy là rất rõ ràng.

Phương pháp duy nhất tôi sẽ tránh là đặt các nhãn bên dưới các trường văn bản. khi các nhãn nằm dưới các trường thì khó hiểu hơn.

— Ben Hoffman
nguồn

3

Trong mọi trường hợp, đừng quên forthuộc tính.

— Pierre-Alain Vigete

4

Thông thường, đối với tình huống của bạn, ở trên cùng hoặc bên trái là tốt nhất. Chỉ cần chắc chắn rằng nhãn đi trước trường đầu vào cho khả năng truy cập.

Vẫn có nhiều cách khác nhau để bố trí một trang và có thể truy cập được.

Nhãn biểu mẫu thực sự có thể xuất hiện bất cứ nơi nào bạn muốn miễn là nó xuất hiện kể từ đó. Lời cầu xin này đáng để xem, http://patterntap.com/tap/collection/forms

— Kevin
nguồn

3

Có hai lựa chọn được coi là tốt nhất:

nhãn ở bên trái của trường, tuôn sang phải để chúng gần với đầu vào.
nhãn phía trên trường

một điều quan trọng khác cần lưu ý về khả năng sử dụng để đảm bảo bạn đang sử dụng thuộc tính for của nhãn, để việc nhấp vào nhãn tập trung vào trường mà nó gắn nhãn.

— GSto
nguồn

1

Trả lời: Không có điều nào ở trên. Sử dụng văn bản giữ chỗ bên trong trường. Thuộc tính giữ chỗ là một phần tích hợp của HTML-5.

Mặt khác, tôi muốn đặt nó ở trên các trường, căn lề trái.

— Adam L Davis
nguồn

0

Đây là một chút tiếp tuyến - nhưng vui lòng không sử dụng tên / họ / tên ban đầu. Không phải tên của mọi người rơi vào nhóm gọn gàng đó.

Trích dẫn bản thân trên StackOverflow:

Nhiều nền văn hóa châu Á đặt tên gia đình lên hàng đầu, bởi vì gia đình được coi là quan trọng hơn cá nhân.

Lưu ý rằng có một số lượng khá lớn những người sử dụng tên không phải là cha mẹ của họ, tôi đã sử dụng kế hoạch sau đây với một số thành công:

Tên đầy đủ (như thường được viết cho địa chỉ thư); Tên gia đình; Được biết đến như (tên thường được sử dụng trong cuộc trò chuyện).

Ví dụ:

Tên đầy đủ: William Gates III; Tên gia đình: Gates; Được biết đến như: Bill

Tên đầy đủ: Soong Li; Tên gia đình: Soong; Được biết đến như: Lisa

Xem /programming/259634/splmit-a-persons-name-into-forename-and-surname/259694#259694 để biết thêm.

— Bevan
nguồn

Tôi thấy giá trị trong đề xuất của bạn, nhưng câu hỏi chính sẽ là "đối tượng mục tiêu của bạn là ai?" Nếu 99% khán giả của tôi sẽ là người Mỹ thì tôi sẽ sử dụng Firstname / MI / Lastname. Tôi nghĩ nhiều người Mỹ sẽ không hiểu ngay tên gia đình là gì. Giống như @RandomBen đã nói, bạn cần nhất quán và hầu hết các trang web ở Mỹ đều sử dụng Firstname / MI / Lastname.

— Shane Stillwell