[UI/UX 원칙 #2] 회원 가입을 유도하는 10가지 UX 원칙 가이드라인

회원 가입을 유도하는 UX 전략 10가지

닉 바비치 [회원 가입을 유도하는 UX 전략 10가지] 소개하고자 합니다.

회원가입은 매우 흔하지만 디자인하기 가장 까다로운 부분입니다. 회원가입 페이지가 유저에게 장애물이 되지 않게 해야 하며, 다음 9가지 팁을 제시합니다. 

원칙1. ‘Sign In’과 ‘Sign Up’을 같이 쓰지 않는다.

Sign In은 우리가 쓰는 용어로 치자면 로그인을 뜻하고, Sign Up은 회원가입을 뜻하는 말입니다.  같은 동사를 사용하면서 버튼이 너무 비슷하게 생기면 유저는 쉽게 헷갈려 합니다. 유저는 스크린을 빠르게 훑어보고 첫 번째로 이목을 끄는 버튼이 옳은 버튼이라고 생각하기 때문에 실수하기 쉽고, 실수하지 않는다 하더라도 두 버튼을 구분하느라 시간을 보내게 되기 때문에 좋지 않다는 겁니다.  대신 아래처럼 다른 동사를 사용하고, 버튼의 색상과 스타일이 둘을 명확히 구분할 수 있어야 합니다. 

원칙2. 최대한 많은 입력 칸을 제거한다

새로운 유저가 가입할 때는 시작할 때 최소한으로 필요한 것만 물어봐야 합니다. 정보를 적게 물어볼수록 유저가 가입 중에 덜 이탈하게 됩니다. 예를 들어 비밀번호나 이메일을 한 번 더 입력하는 칸을 지우는 것을 지워야 합니다. UX관점에서 ‘선택’ 입력 칸은 없는 것이 낫고, 넣어야 할 때는 반드시 ‘선택(optional)’이라는 말을 넣어줘야 합니다.

원칙3. 로그인 양식과 회원가입 양식을 구분한다. 

많은 곳에서 로그인과 회원가입에 같은 수의 입력 칸을 사용하고 있고, 아래와 같이 나란히 보여주고 있습니다. 등록 양식을 로그인 양식과 명확히 구분해 유저가 회원가입 등록 양식으로 로그인하려는 실수를 최소화해야 합니다. 

예를 들어 트위터는 로그인 및 등록 양식을 다르게 디자인했을 뿐만 아니라 버튼도 다른 색으로 만들었고 적절한 도움말(New to Twitter? Sign up)을 활용하고 있습니다. 

원칙4. 유저가 패스워드를 볼 수 있게 해준다

로그인과 회원가입을 하다 보면 흔히 하게 되는 실수가 패스워드를 잘못 입력하는 것인데 보안상의 문제로 문자를 가려 보이지 않기 때문입니다. 두 번 입력하게 하지 말고 ‘비밀번호 보기(Show password)’옵션을 체크박스 또는 아이콘으로 주는 것이 더 좋습니다. 

원칙5. 가이드를 준다

입력 내용에 오류가 있으면 명확하게 설명해줘야 합니다. ‘어떤’ 칸에 오류가 났는지, 문제를 해결하려면 ‘어떻게’ 해야 하는지 명확히 설명해줘야 합니다. 

유저 친화적 묘사적인 오류 메시지

“보안상의 문제로 패스워드는 6자 이상, 10자 이하여야 하며 대문자, 숫자, 기호가 최소한 하나씩 들어가야 합니다”는 문구는 전형적인 패스워드 요구사항이지만 유저가 모든 요구사항을 하나씩 고려하게 만드는 것은 적절하지 않습니다. 아래 그림처럼 단서를 바로바로 제공하는 것을 제안합니다. 

실시간 데이터 확인

내용을 입력했을 때 틀렸는지 바로 알 수 있다면 빠르게 고칠 수 있습니다. 사용자가 잘못 썼을 때 뿐만 아니라 잘 썼을 때도 확인하는 표시를 해줘야 합니다.  

실시간 확인은 특히나 중복되지 않은 유저 네임이나 패스워드 강도 확인에 좋은데 트위터가 좋은 사례입니다. 아래 사례를 보시면 트위터는 이미 사용 중인 이메일이라는 정보와 함께 다른 선택사항(로그인을 할 것인지 비밀번호를 찾을 것인지)을 제시해줍니다.

원칙6. 유저 네임보다는 이메일이나 전화번호를 활용한다

 유저 네임을 입력하게 하면 두 가지 문제가 있습니다. 하나는 유저 네임은 중복되면 안 되기 때문에 적절한 이름을 찾아내느라 시간을 들여야 하고, 둘째 결국 유저는 중복되지 않는 새로운 유저 네임을 만들어내게 되어 나중에 기억하지 못할 수 있습니다. 따라서 전화번호 또는 이메일로 로그인할 수 있게 해줘야 한다고 합니다.  

원칙7. 페이스북, 트위터, 구글+를 통해 로그인할 수 있게 해준다

일반적인 회원가입에 비해 페이스북, 트위터, 구글+ 등의 계정으로 가입할 수 있게 했을 때의 장점과 단점이 있습니다. 

1. 장점

회원 가입 양식을 작성하지 않아도 되고, 다른 유저네임과 패스워드를 만들고 이메일 검증까지 하지 않아도 되고, 10분 대신 10초 안에 가입할 수 있습니다. 그리고 가장 중요한 점은 유저가 새로운 유저네임과 패스워드를 기억하지 않아도 된다는 점 입니다. 

2. 단점

유저에 대한 정보가 자동으로 옮겨올 것이기 때문에 엄청난 프라이버시에 대한 걱정이 일어날 수 있고 모든 사람이 프로필 데이터 공유하기를 좋아하는 것도 아니기 때문입니다. 이런 경우엔 전통적인 로그인 시스템도 함께 운영하는 것이 좋습니다.

원칙8. 등록하면 로그인 상태를 유지하게 해준다

등록 직후에 유저에게 로그인하라고 하는 것은 흔히 볼 수 있는 문제인 경우가 간혹 있습니다. 은행처럼 보안이 정말 문제가 되지 않는 경우에는 가입 직후에 로그인 상태가 유지되어 있게 만들어 줘야 합니다. 

원칙9. 패스워드 복구는 어렵지 않게 만든다

유저는 패스워드를 잃어버리게 될 것이기 때문에 복구 과정을 쉽게 만드는 것이 매우 중요합니다. 다시 설정하기 쉽게 만들고, 언제나 “패스워드를 잊어버리셨습니까?”라고 쓴 링크를 패스워드를 틀렸을 때만 보여주지 말고 로그인 양식 근처에 항상 보여줘야 합니다. 

원칙10. ‘구매 전 이용’ 전략을 따른다

85% 이상의 유저는 너무 일찍 가입을 강요하면 이탈해버린다고 합니다. ‘구매 전 이용(Try before you buy)’ 전략은 제품을 경험해볼 수 있게 해주어 개인적으로 가입에 관심을 가지게 유도하는 전략입니다. 사람들은 제품에 대해 좀 더 알고 그들이 경험하게 될 것을 미리 알았을 때 더 가입하려는 경향이 있습니다. 그렇다고 계정을 만들라는 요청을 하지 말라는 게 아닙니다.  유저에게 가치를 보여준 후에 요청하는 것입다. 가령 유튜브는 유저가 원하는 만큼 콘텐츠를 살펴볼 수 있게 해 주고, 댓글을 달거나 비디오를 올리고 싶어 할 때만 가입하게 합니다. 

회원가입의 장벽을 걷어 낼 때 더 많은 회원가입을 얻어낼 수 있다고 합니다. 물론 가입을 많이 한다고 해서 다 고객이 되는 건 아니지만, 효율적인 회원가입 프로세스를 만드는 것이 그 첫걸음은 될 수 있습니다.