로그인과 회원가입을 간소화(?)하려면 어떻게하면 좋을까 고민중인데..

(물론 전 제작능력이 없으니 일단 구상이라도...)

 

 

1. 메뉴상에 '로그인' 과 '회원가입'은 한개의 메뉴로 합친다. (메뉴명은 뭘로하지...?)

 

2. 해당메뉴를 클릭하면 팝업레이어(맞는 명칭인지 모르겠으나.. XE타운 로그인처럼) 로 로그인 폼이 뜬다.

 

3. 소셜XE도 적용되면 대략 이런 모습 (그림판 발퀄 죄송합니다 ㅠㅠㅠㅠㅠㅠ)

로그인 화면.jpg

 

4. 1차적으로 화면에는 가로선 위쪽만 표시. 즉, '아뒤를 직접 만들고프면 회원가입' 부분까지만 표시되고

   회원가입을 클릭하면 레이어가 확장 혹은 레이어가 바뀌면서 (그림 아래부분)회원가입폼이 나온다.

   레이어확장시에는 해당 부분으로 화면 및 커서(?)가 이동되어야 함.

   (회원가입폼은 필수부분만 표시되는 간소화된 양식. 나머지는 회원정보에서 나중에 입력해도 되니까..)

 

5. 그림상엔 미처 표시못했지만, '비번찾기', '인증메일재발송'등도 마찬가지로 해당부분을 클릭하면

   레이어가 확장(또는 바뀌면서)되면서 해당 부분이 나오는 형식

 

6. 모바일에서도 마찬가지로...

 

7. 기존 웹페이지 형식으로 나타나는 로그인/회원가입 화면은 모두 변경되어야 함.

   코어수정은 싫으니까... 스킨이나 애드온 혹은 모듈로 구현.

 

 

실컷 적고났더니.. 회원가입폼을 레이어로 바꾸는거 말곤 달라지는게 없는거 같..... ㅠㅠ

 

 

 

 

아무튼.. 붉게 강조한 부분이 구현이 가능한 부분인지 잘 몰라서..

아니면, 로그인/회원가입 부분에서 더 괜찮은 아이디어가 있을지 XE타운분들께 지혜를 구해봅니다...

 

   

  • profile
    조금 뜯어고치면 단일 페이지에서 회원가입 로그인 다 되긴 하더라구요.
  • profile profile
    오호....
  • profile

    레이아웃에 기능을 넣는 것이 가장 자연스러울 것 같고요... 아니면 애드온으로 HTML, CSS, JS를 넣어 주어도 되겠지요. 위젯이 익숙한 분이라면 위젯으로 구현할 수도 있고요. 모듈까지 동원할 필요는 없을 듯 해요.

  • profile profile
    일단 저런식으로도 구현 가능하단거군요.
    감사합니당 (__)
  • profile
    우오오, 뭔가 아름다운 인터페이스가 예상됩니다. 응원할게요~!!
  • profile profile
    그림판도 제대로 못다루는 실력이라.. 저런걸 직접 제작하려면 천상 의뢰밖에 없어서...
    레이어로 구성하면 각 사이트의 레이아웃들엔 관계없이 적용가능할꺼 같긴한데...
  • profile profile
    저도 잘은 모르지만, 타운처럼 하려면 (레이어팝업과는 조금 다르다는) 모달창을 띄우게 하고, 회원가입 페이지는 토글 슬라이드를 이용하면 좋겠다는 생각이 들었어요
  • profile profile
    음.. 모달이란게 맞는거같아요..
    다만, (XE타운에서 보면) 로그인모달창이 나온 뒤에 모바일에서 가로세로를 바꾸면 크기가 잘맞춰지지 않는거같아서..(제 폰 문제일수도 있고..)
  • ?
    오히려 지저분하지 않을까요, 로그인만 해도 되는 사람들이 가입후 수두룩인데 계속 가입창까지 띄어주는건.
  • ? ?
    간혹 해외 사이트에서는 로그인+회원가입 기능을 합쳐놓은 경우를 볼 수 있더라고요. 페이지 이동없이 간편히 가입할 수 있다는 점에서는 매력적이지 않을까요?
  • ? ?
    차라리 로그인 밑에 회원가입 버튼을 누르면 페이지 이동 없이 ajax로 가입 시키는 심플 페이지를 출력해주는게 낫지않을까요?
  • ? ?
    디자인에 따라 달라지겠지만, 루딩님께서 말씀하신게 좀 더 직관적이고 깔끔하죠.

    저도 지저분할 것 같다고 생각했는데 정작 그런 사이트를 둘러보면 생각보다 지저분하다는 느낌은 들지 않더라고요. 전체적인 디자인이 깔끔해서 그런걸까요? ㅎㅎ
  • ? profile
    음.. 계속 회원가입창까지 띄워준다는 내용은 아닌데..
    기본화면은 로그인만 나오고 회원가입을 클릭시 바뀐다는 내용입니다.
    제가 설명을 잘 못했나보네요. ㅠㅠ