플레이스홀더를 레이블로 쓰면 안 되는 이유
UX 디자인 분야에서는 입력 필드의 레이블(label)로 플레이스홀더(placeholder) 텍스트를 사용하지 말라고 경고하는 경우를 흔히 볼 수 있습니다. 여기에는 분명한 이유가 있습니다.
아래 입력 필드에 직접 타이핑해 보면 그 이유를 바로 체감할 수 있습니다.
타이핑을 시작하는 순간 플레이스홀더 텍스트가 사라져 버립니다.
왜 문제가 될까요?
이메일과 비밀번호 정도만 입력하는 단순한 로그인 폼이라면 큰 문제가 없지만, 항목이 많은 폼에서는 이야기가 다릅니다. 타이핑하는 순간 레이블(이 경우 플레이스홀더가 유일한 레이블 역할)이 화면에서 사라지기 때문에, 사용자는 각 필드에 무엇을 입력해야 했는지 확인할 수 없어 쉽게 혼란스러워합니다. 폼을 올바르게 작성했는지조차 확신하기 어려워지죠.
많은 디자이너가 플레이스홀더를 입력 필드의 유일한 텍스트로 사용하는 이유는 UI를 더 깔끔하고 산만하지 않게 보이게 하기 때문입니다. 물론 이 지향점 자체는 좋습니다.
하지만 안타깝게도 그만큼 사용자를 혼란스럽게 만들 위험도 함께 커집니다. UX 디자인에서 사용자의 혼란은 무엇보다 피해야 할 요소입니다.
해결책: 플로팅 레이블(Floating Labels)
다행히도 깔끔한 UI를 유지하면서도 사용자에게 필요한 정보를 모두 제공할 수 있는 방법이 있습니다. 바로 '플로팅 레이블'입니다. 플로팅 레이블은 사용자가 입력을 시작하면 플레이스홀더가 위로 떠오르며 레이블 역할을 이어가는 방식으로, 미니멀한 디자인과 명확한 usability를 동시에 잡을 수 있는 실용적인 솔루션입니다.