Tôi có thể tìm các ví dụ về biểu mẫu web yếu tố ở đâu?

Question

Tôi muốn xem xét một số ví dụ về một số bố cục biểu mẫu tốt (dựa trên web) có nhiều trường nhập. Tôi làm rất nhiều phát triển ứng dụng web và rất nhiều biểu mẫu của tôi là yếu tố đầu vào nặng nên tôi luôn tìm kiếm những ý tưởng hay về cách hiển thị biểu mẫu của mình. Ví dụ tôi có một vài hộp danh sách và nhiều hộp văn bản và một số danh sách thả xuống trên một trang cùng với hiển thị lịch sử thay đổi đối với biểu mẫu.

Answer 1

Tôi luôn thích ghé thăm Wufoo bất cứ khi nào tôi cần một số nguồn cảm hứng.

Answer 2

Tất cả phụ thuộc vào mục tiêu của bạn là nhập dữ liệu hoặc trải nghiệm người dùng. Để nhập mục nhập dữ liệu làm mục tiêu chính, tôi sẽ giữ các hộp nhập gần nhau và đảm bảo chúng hoạt động rất tốt bằng phím tab để người dùng không bao giờ phải rời tay khỏi bàn phím. Cũng có lẽ nên giữ không gian ở mức tối thiểu và cố gắng bao gồm nhiều hộp trên trang nhất có thể.

Đối với kinh nghiệm người dùng, điều ngược lại là đúng, bạn cần đảm bảo rằng có đủ chỗ để xác định vấn đề với xác thực JavaScript và đảm bảo biểu mẫu hoạt động tốt cho người dùng mới người dùng. Người dùng điện == người dùng nhập dữ liệu nặng.

Wufoo là khá tốt về trải nghiệm người dùng nhưng nó sẽ không hoạt động tốt cho người dùng nhập dữ liệu tôi đã đề cập ở trên. Bởi vì người dùng phải dừng lại để bấm vào một nút.

Answer 3

Tạp chí Smashing có một loạt các nguồn cảm hứng/kỹ thuật/hướng dẫn dựa trên CSS.

Khám phá here.