[UX] Nên thiết kế các trường thông tin trong form như thế nào để có lợi nhất đối với user?

Tưởng tượng khi user đang chuẩn bị nhấn nút 'Đăng ký', rồi tiếp tục điền thông tin vào form. Ở đây, cách mà designer căn giống các trường thông tin trong form sẽ ảnh hưởng trực tiếp tới tốc độ hoàn thành form của user.

Nếu designer muốn mang tới trải nghiệm nhanh và dễ dàng cho user trong trường hợp trên, hãy sử dụng 'Top aligned labels'

'Top aligned labels' mang lại hiệu quả hơn 'Left and right aligned labels'. Lý do là sử dụng 'top aligned labels' sẽ chỉ cần một nửa điểm chạm thị giác (visual fixations). Xét về định hướng thị giác (visual direcion), 'top aligned labels' cho phép user di chuyển xuống theo duy nhất một phương dọc. Trong khi 'left and right aligned labels' yêu cầu hai 'visual direction' khi user điền form.

Điểm bất cập duy nhất khi sử dụng 'top aligned labels' là khiến form dài hơn. Nhưng hiện tại, user sẵn sàng cuộn trang nhiều hơn nên rõ ràng đây không phải là vấn đề lớn. Tuy nhiên chúng ta hoàn toàn có thể khắc phục form dài bằng cách giảm khoảng trắng (white space) giữa các trường thông tin. Một cách khác đó là chia form thành nhiều trang để làm form trong mỗi trang ngắn hơn.

Tóm lại, sẽ có sự khác biệt rõ ràng giữa top và left/right aligned labels. 'Top aligned labels' giúp mắt điều hướng rõ ràng hơn từ đó khiến việc điền form cũng đơn giản hơn. Mặc dù thiết kế này có thể khiến form dài hơn, nhưng user sẽ tốn ít thời gian và công sức hơn khi điền thông tin ở dạng này.