ElegantCoder::blog()

회원가입 프로세스를 심플하게 만드는 17가지 방법

By elegantcoder
xguru님의 이번 주 기술뉴스에 포함된  "회원가입 프로세스를 심플하게 만드는 17가지 방법" http://j.mp/eeC2Qp 에 대한 간단한 번역입니다. 원문에는 이해가 쉽도록 이미지 등도 있으니 참고하세요~  오역의 가능성은 다분합니다 -_-
 
1. 이메일을 아이디로 만들어라
 
2. 사용자가 항상 쓰는 비밀번호를 쓸 수 있게 하라.
(복잡한 규칙을 설정하지 마라. 은행, 개인정보 등 민감한 사항을 다루는 웹사이트들은 예외.)
 
3. 추가 정보는 우선 계정을 만든 다음에 받도록 해라.
 
4. 만약 내 아이디(이메일)가 사용되고 있다면 (Ajax등을 사용해서) 바로바로 알려줘라. 
만약 아이디(이메일)가 사용되고 있다면 바로 비밀번호를 타이핑하고 로그인할 수 있도록 비밀번호 필드를 보여주고, "이 이메일 주소로 비밀번호 찾기 메일 보내기" 와 같은 링크를 달아주자.(이미 가입한 사람이 가입했는지 잊어먹은 경우의 편의를 고려함.)
 
5. CAPTCHA가 꼭 필요할까?
* A/B 테스트를 통해 CAPTCHA가 제거 되었을 때 스팸 가입자가 증가하는지 살펴보라.
 
6. 회원 가입 후에는 자동으로 로그인 되게 하라.
* 뭔가를 필요로 해서 회원가입을 하는 것이므로 바로 접근가능하게 할 것.
 
7. 환영 이메일을 찾기 쉽게 만들라
* 예를 들어 Your [app name] account details 와 같은 제목을 사용하고 암호와 같은 보낸 사람 이메일 대신 보낸사람이름을 활용하라.
 
8. 회원가입폼을 홈페이지에 드러나게 하라
* 회원 유치가 주 목적이라면 facebook과 같이 회원가입폼을 드러나게..
 
9. 회원 가입을 했을 때의 이점을 알려줘라
 
--- 이 아래부터는 의견들.
10. 회원 가입과 로그인을 한번에..
* 이메일만 입력하게 하고 가입되어있으면 로그인 폼을 보여주고, 되어있지 않으면 회원가입폼을 보여줌
 
11. 이메일만 받자
* 이메일만 회원 가입시 받게 하고, 자신의 정보를 수정할 수 있는 링크가 포함된 메일을 보낸다. 언제나 이 메일의 링크는 자기 정보를 수정할 수 있도록 만듦으로, 패스워드 찾기 시에도 활용될 수 있다.
 
12. 그냥 오픈아이디를 사용하자.
 
13. 뉴스레터는 opt-out이 아닌, opt-in 방식으로 보내라
여기서 opt-in은 받겠다고 요청한 사람 opt-out은 거부하지 않은 사람.
 
14. 내 브라우저가 자동으로 폼을 채워넣도록 해주세요.
브라우저의 자동완성 기능을 활용하는 사용자들을 위해 자바스크립트 등으로 초기값을 조정할 때는 신중하게.
 
15. 사용가능한 비밀번호 형식을 미리 보여줘라.
 
16. 어디서 가입이 가능한지를 알려줘라.
* 로그인보다 회원가입을 강조하라
 
17. 패스워드를 두번 넣게 하지마라.
* 그냥 인풋 텍스트로 한번 받고 말지, 비밀번호 형식으로 2번 받을지 가입자에게 고를 수 있게 하라. (이것은 좀.. 그래도 트위터는 비밀번호 한 번 입력으로 가입이 가능하죠!)