The design guidelines for fields on

The design guidelines for fields on a Web form are also similar to those for desktop applications. Fowler and Stanwick (2004) list and discuss the following guidelines:
 decide the field type (Should it take an arbitrary text? Should it be restricted to predefined values? Is it required – that is, the value must be provided?)  make the fields the right size – typically, make the size of the field frame or box the same as the field length, but remember that the fields can scroll horizontally and the size can be smaller than a length for big fields  make the application format the field values, if possible – text justified to the left, numbers justified to the right and so on  provide both keyboard and mouse navigation within fields (but remember that data entry people prefer entering data via the keyboard and hate being forced to switch to the mouse, so don’t make them)  if the application logic allows it, retain the browser’s cut, copy and paste facility on field values  label the fields and align them either to the left or to the right (left-alignment may be preferred when the fields are different lengths and/or the users are likely to be entering data by tabbing from field to field – see Figure 7.21)  break long forms into a number of separate forms or (in the case of a single-transaction form) ensure that there are no “false bottoms” – that is, any visual indications between the fields that may suggest that the bottom of the form has been reached  group fields in a visually appealing manner (not necessarily in boxes or frames)  make sure that there are clear visual indications of any value-restrictive and required fields, including text for visually impaired people  use drop-down lists when possible, but replace them with open pop-up lists with scroll bars when the number of items on the list is too long for a drop-down display  if possible, use checkboxes and radio buttons (these also help to prevent data entry errors).

Kết quả (Việt) 1:

Hướng dẫn thiết kế cho các lĩnh vực trên một biểu mẫu Web cũng được tương tự như cho các máy tính để bàn ứng dụng. Fowler và Stanwick (2004) danh sách và thảo luận về các nguyên tắc sau:quyết định các loại trường (nên có một văn bản tùy ý? Nó nên được giới hạn cho giá trị định sẵn? Nó cần thiết-đó là giá trị phải được cung cấp?) làm cho các lĩnh vực kích thước đúng-thông thường, làm cho kích thước của lĩnh vực khung hoặc hộp giống như chiều dài của lĩnh vực, nhưng hãy nhớ rằng các lĩnh vực có thể di chuyển theo chiều ngang và kích thước có thể nhỏ hơn chiều dài cho lĩnh vực lớn làm cho định dạng ứng dụng lĩnh vực giá trị, nếu có thể-văn bản chứng minh bên trái, con số hợp lý bên phải và như vậy cung cấp cả bàn phím và chuột hướng trong lĩnh vực (nhưng nhớ rằng dữ liệu nhập những người thích đi vào dữ liệu thông qua bàn phím và ghét bị buộc phải chuyển sang chuột, do đó không làm cho họ) nếu áp dụng logic cho phép nó, Giữ lại trình duyệt cắt, sao chép và dán các cơ sở trên lĩnh vực giá trị nhãn các lĩnh vực và sắp xếp chúng hoặc sang trái hoặc sang phải (trái-liên kết có thể được ưa thích khi các lĩnh vực độ dài khác nhau và/hoặc những người sử dụng có khả năng nhập dữ liệu bằng tabbing từ trường để trường – xem hình 7.21) phá lâu dài các hình thức vào một số các hình thức riêng biệt hoặc (trong trường hợp một hình thức giao dịch đơn) đảm bảo rằng không có không có đáy false""-có nghĩa là, bất kỳ dấu hiệu thị giác giữa các lĩnh vực có thể đề nghị rằng phía dưới các hình thức đã đạt tới nhóm lĩnh vực một cách trực quan hấp dẫn (không nhất thiết phải có trong hộp hoặc khung) Hãy chắc chắn rằng không có các chỉ dẫn rõ ràng trực quan của bất kỳ giá trị hạn chế và yêu cầu các lĩnh vực , bao gồm cả văn bản cho người khiếm sử dụng danh sách thả-xuống khi có thể, nhưng thay thế chúng với mở danh sách bật lên với thanh cuộn khi số lượng các mục trong danh sách là quá dài để thả xuống Hiển thị nếu có thể, sử dụng các hộp kiểm tra và radio nút (đây cũng giúp ngăn ngừa lỗi nhập dữ liệu).

Kết quả (Việt) 2:

Các hướng dẫn thiết kế cho các lĩnh vực trên một hình thức web cũng tương tự như cho các ứng dụng máy tính để bàn. Fowler và (2004) Danh mục và Stanwick thảo luận về những hướng dẫn sau đây:
? quyết định các loại hình trường (? nó nên có một văn bản tùy ý nó nên giới hạn các giá trị được xác định trước là nó đòi hỏi? - đó là, giá trị phải được cung cấp)? làm cho các lĩnh vực đúng kích cỡ - thường, làm cho kích thước của khung lĩnh vực hoặc hộp giống như các lĩnh vực chiều dài, nhưng hãy nhớ rằng các trường có thể di chuyển theo chiều ngang và kích thước có thể nhỏ hơn chiều dài cho các lĩnh vực lớn? làm cho các định dạng ứng dụng các giá trị trường, nếu có thể - văn bản chứng minh bên trái, số chứng minh bên phải và như vậy? cung cấp cả hai hướng và bàn phím chuột trong các lĩnh vực (nhưng nhớ rằng những người nhập dữ liệu thích nhập dữ liệu thông qua bàn phím và ghét bị buộc phải chuyển sang chuột, do đó, không làm cho họ)? nếu logic ứng dụng cho phép nó, giữ lại cắt của trình duyệt, sao chép và dán cơ sở trên giá trị trường? nhãn các lĩnh vực và gắn kết chúng tới bên trái hoặc bên phải (trái kết có thể được ưu tiên khi các lĩnh vực có độ dài khác nhau và / hoặc những người sử dụng có thể sẽ nhập dữ liệu bằng cách chạm từ trường này sang trường khác - xem Hình 7.21)? phá vỡ các hình thức dài thành một số hình thức riêng biệt hoặc (trong trường hợp của một hình thức đơn giao dịch) đảm bảo rằng không có "đáy giả" - có nghĩa là, bất kỳ chỉ dẫn trực quan giữa các lĩnh vực mà có thể đề nghị rằng đáy của hình thức có đạt được? lĩnh vực nhóm một cách trực quan hấp dẫn (không nhất thiết trong hộp hoặc khung)? chắc chắn rằng có những dấu hiệu cho hình ảnh rõ ràng của bất kỳ lĩnh vực giá trị hạn chế và yêu cầu, bao gồm văn bản cho người khiếm thị? sử dụng danh sách thả xuống khi có thể, nhưng thay thế chúng với mở danh sách pop-up với các thanh cuộn khi số lượng các mục trong danh sách là quá dài cho một màn thả xuống? nếu có thể, sử dụng hộp kiểm và nút radio (những điều này cũng giúp ngăn ngừa lỗi nhập dữ liệu).