Real Design

네이버 회원가입 단순화 본문

UI&UX/FormDesign

네이버 회원가입 단순화

GS Real Design 2014. 5. 7. 12:39

이전의 총 6단계의 6개 페이지를 3페이지로 최적화 

가입환영과 회원종류 선택 페이지와 실명확인,ID인증,가입인증 페이지를 정보입력 페이지에 통합시킴.

1. 약관 동의 + 회원종류선택



2. 정보입력 + 가입인증 - > 실명확인이 없어지고 휴대폰인증만 함.


3. 정보입력완료, 인증완료 




4. 가입완료 



이전 네이버 회원가입 

1. 회원가입 처음 화면 - 일반회원이 다수임에도 불구하고 회원 종류를 동일하게 표현함.


- 개선된 회원가입 첫화면 




2. 약관동의


3. 실명확인 - 아이핀과 주민등록번호로 실명확인 


4.가입인증


5.정보입력 - 많은 설명 문구들이 가득하다. 다음이나 네이트의 회원가입(4단계)단순화(2012년초) 이후에도 아래의 UI 고수함.

 - 아이디 입력시 풍선도움말 피드백 2014년 개선 후에는 하단에 인라인 메시지로 표시.


5-1. 정보입력완료 화면 





6. 회원가입완료 



핸드폰 실명인증 화면





정보입력 이전 이후 UI


비밀번호와 비밀번호 재확인 등은 레이블이 아닌 아이콘으로 구분함. 입력필드 내부에 필드 레이블링함. 



입력방식의 단순화 


1. 이메일 입력 폼은 입력방식이 3개의 입력 필드에서 하나로 통합해서 직접입력하도록 함. 


2. 휴대폰 인증을 팝업이 아닌 정보입력과 같은 페이지에 배치함. 휴대폰 번호 입력도 선택이 아닌 

직접입력 



 

30픽셀 버튼을 60픽셀로 크기를 키움. 버튼의 레이블링도 명확하지 않은 명사형 '확인'을 동사형 

'가입하기'로 변경함.



'UI&UX > FormDesign' 카테고리의 다른 글

네이버 회원가입 단순화  (0) 2014.05.07
쇼핑몰과 포탈 로그인 UI 모음 2013.01  (0) 2013.01.25
주요포탈 로그인 비교  (0) 2012.11.26
상품평 UI개선 아이디어  (0) 2012.10.24
인터넷 뱅킹 로그인UI  (0) 2012.07.17
폼 구성하기 - 그룹구성하기  (0) 2011.12.27
0 Comments
댓글쓰기 폼