Design Form Ux Ui

Tác giả Andrew Coyle tóm gọn 15 điểm lưu ý về thiết kế form

Toàn bộ form nên nằm trên 1 cột
Vị trí label nên nằm ở phía trên input
Label nên đặt sát input
Tránh viết hoa toàn bộ chữ cái
Hiển thị toàn bộ lựa chọn nếu có ít hơn 6 kết quả
Tránh hiển thị label ở dạng placeholder
Checkbox (hoặc radio button) không nên đặt cùng hàng
Các action nên đặt tên tường minh
Hiển thị lỗi một cách rõ ràng
Hiển thị inline validation sau khi người dùng đã điền xong field (trừ khi thông tin hiển thị thực sự hữu ích)
Không nên ẩn các helper text
Phân biệt rõ các action chính và phụ
Độ dài field phù hợp
Ghi rõ trường không bắt buộc thay vì sử dụng dấu * cho các trường bắt buộc
Các trường liên quan nên được nhóm lại với nhau

Note tham khảm: https://uxdesign.cc/design-better-forms-96fadca0f49c