Tôi thường thấy nhà thiết kế UX cảnh báo chống lại việc dùng placeholder text làm nhãn trường input, và với lý do chính đáng.
Thử gõ vào trường input dưới và xem điều gì xảy ra:
Placeholder text biến mất ngay khi bạn bắt đầu gõ.
Tại sao đây là vấn đề? Vì trong biểu mẫu lớn hơn, nói biểu mẫu đăng nhập email và mật khẩu trung bình, người dùng có thể dễ dàng bị nhầm lẫn về việc họ đã điền biểu mẫu đúng chưa nếu họ không thấy nhãn trường input (ở đây placeholder text đóng vai trò nhãn duy nhất) ngay sau khi họ đã gõ vào.
Lý do nhiều thiết kế yêu thích dùng placeholder làm văn bản duy nhất trong trường input là nó làm UI trông sạch sẽ và ít lộn xộn hơn — điều tốt.
Thật không may, bạn cũng rủi ro làm nhầm lẫn người dùng, đó là điều cuối cùng bạn muốn.
May mắn thay, có giải pháp cho vấn đề này, cho phép bạn có UI sạch sẽ mà vẫn cung cấp tất cả thông tin cần thiết cho người dùng. Nó gọi là Floating Labels (Nhãn nổi).