회원 서비스 기획 ③ - 회원 정보 입력

약관 동의 절차에 이어 회원 정보 입력에 대해서 살펴볼까합니다.

약관동의에 대해서는 아래 글에서 설명해 놓았습니다.

아래는 G마켓의 회원 정보 입력 페이지인데요, G마켓을 기준으로 말해보려고 합니다.

업종에 따라 회사에서 수집하는 회원 정보는 다를 수 있습니다만, 약관 동의에서 말씀드린대로 개인정보는 최소한으로 수집합니다.

아이디는 아이디 기준에 따라 입력하도록 안내합니다.

비밀번호는 비밀번호 기준에 따라 입력하도록 안내합니다. 비밀번호 입력 시 실시간 숨김 처리(●)를 합니다.

(참고!) 비밀번호가 작성 규칙이 있다는 것 아셨나요?

비밀번호는 문자, 숫자의 조합 구성에 따라 최소 8자리 또는 10자리 길이로 구성
- 최소 8자리 이상 : 두 종류 이상의 문자를 이용하여 구성한 경우
- 최소 10자리 이상 : 하나의 문자 종류로 구성한 경우 (단 숫자로만 구성할 경우 취약할 수 있음)

비밀번호 입력 기준 예시 : 영문, 숫자, 특수문자 2가지 이상을 포함하여 최소 X자리 이상
에러 문구 :
- 비밀번호를 입력하지 않은 경우 (포커스 아웃)
  - 비밀번호를 입력해 주세요.
- 최소 문자 수 미만, 영문자, 숫자, 특수문자 2가지 이상이 아닌 경우
  - 비밀번호는 영문, 숫자, 특수문자의 2가지 이상을 조합하여 최소 X자리 이상 입력해야 합니다.

비밀번호 확인은 이용자가 입력한 비밀번호를 정확한가를 재확인합니다. 비밀번호 확인 시 이전에 입력한 비밀번호와 불일치할 경우 에러를 노출합니다. 비밀번호 확인도 실시간으로 숨김처리(●)를 합니다.

에러 문구 :
- 이전 입력한 비밀번호와 비밀번호 확인값이 일치하지 않은 경우
  - 비밀번호가 일치하지 않습니다.
- 비밀번호 확인을 입력하지 않은 경우 (포커스 아웃)
  - 비밀번호를 입력해 주세요.

이름은 입력 기준에 따라 입력하도록 안내합니다. 이름의 경우 한국인만 가입한다고 생각하시면 안되기 때문에 영문자, 한글 모두 고려해서 정하셔야 할 것 같습니다. 물론 글로벌 서비스의 경우에는 제공하는 다양한 언어도 고려해야 합니다.

휴대폰 번호를 입력하도록 안내합니다. 휴대폰 번호의 경우 다양하게 입력하는 경우가 많은데, 국내 서비스의 경우에는 10~11자리 이상 입력하지 못하도록 합니다.

에러문구

이메일을 입력하도록 안내합니다.

에러문구
- 이미 사용 중인 이메일인 경우
  - 이미 사용 중인 이메일입니다.
- @을 입력하지 않은 경우 등과 같이 이메일 주소 형식을 벗어난 경우
  - 이메일 주소를 다시 확인해 주세요.

추가적으로 G마켓의 경우는 아니지만, 회원가입 시 이메일 인증, SMS 인증을 진행하는 경우도 많습니다. 제가 다니고 있는 회사는 이메일 인증(링크 방식)을 사용합니다.

각 입력에 따른 모바일 키보드 형태도 한번 살펴보시면 좋을 것 같아요. 별도의 이야기를 하지 않아도 앱개발자 분들이 작업을 하실테지만요! 그래도 검증 시 확인해보시면 좋을 것 같습니다.

또 각 회원 정보 입력 시에 아래와 같은 텍스트 필드 동작을 확인하여 정리해보시면 좋을 것 같아요.

유저의 회원 정보가 정상적으로 등록되었으면 [완료]버튼을 누릅니다. 드디어 회원 가입이 처리되었습니다.

다음 시간에는 입력된 회원 정보를 처리하는 방법에 대해서 이야기를 나눠볼까 합니다.

참고자료

404 NoT Found