사용자가 원하는 대로 전화번호를 입력할 수 있게 하라

전화번호 입력은 가급적 사용자에게 힘들지 않아야 한다. 번호를 검증하고, 숫자 그룹으로 나누고, 괄호 또는 웹상에서 볼 수 있는 이상한 방법을 적용하지 마라. 유럽 번호를 요구하는 폼에 영국의 모바일 번호를 넣으려고 한 적이 있다면 어떤 느낌인지 알 것이다.

이러한 종류의 디자인은 전통적인 종이 폼 작성에서 나온다는 것이 내 이론이다. 디자이너에게 과거 종이 폼이었던 것을 새로운 웹앱으로 복사하거나 재현하라는 과제가 주어지고, 그들은 이를 문자 그대로 받아들여서 그 결과 사용자가 끔찍한 경험을 하게 된다.

잠시 멈추고, 과연 대부분의 가입 폼에서 전화번호가 정말 필요한지를 생각해 보라. 난 전화를 쓰기 싫어한다. '전화' 앱은 내 폰에서 제일 싫어하는 앱이다(지우려고 했는데 삭제 불가다). 하지만 전화번호를 반드시 수집해야 하는 경우도 있을 수 있다고 생각한다.

사용자가 자신의 전화번호를 그냥 입력하게 하고, 당신의 똑똑한 전화번호 감지 기능을 실행시켜서 서버 사이드에서 분석하라. <input type="tel">를 사용하면 보너스 점수를 얻을 수 있다. 이를 모바일 기기에 적용하면 필드가 탭 됐을 때 전화번호 키패드가 표시되며, 최신 스마트폰에서는 '자동채움'이 작동해서 사용자가 탭 한 번으로 자신의 번호를 추가할 수 있다.


날짜 입력에서 드롭다운을 현명하게 사용하라