6 마찰없는 형태의 가입 페이지 디자인 관행
마케팅 담당자로서 잠재 고객이 누구인지,어떻게 행동하는지 등을 잘 이해한다고 생각하고 싶을 것입니다. 그래서 그들 중 하나가 귀하의 웹 사이트 또는 가입 페이지를 방문했다면,다음에 무엇을 할 것이라고 생각하십니까?
아마 당신의 서비스에 등록,권리?
한 브랜드가 알아 낸 것처럼 항상 그런 것은 아닙니다. 그(것)들을 위해,그 협회와 그들의 사이 무언가는”당신을 감사한다”페이지는 사업을 그것의 잠재적인 고객의 거의 내무반을 잃는 원인이 되고 있었다.
가입 페이지에 문제가 발생했습니다.
인스타페이지와 함께 방문 페이지 구축
가입 페이지란?
“등록 페이지”라고도 하는 가입 페이지가 모두 동일하지는 않습니다. 일부는 클릭 후 방문 페이지입니다;다른 탐색을 통해 홈페이지에 연결되어 있습니다-일부는 심지어 홈페이지입니다. 그들의 차이에도 불구하고,그들은 모두 같은 목표를 공유:서비스에 대한 가입 업을 생성합니다.
대부분의 경우 가입 페이지가 비즈니스 전환 유입경로의 마지막 단계입니다. 잠재 고객이 브랜드를 평가하고 서비스가 필요한 것을 제공하기로 결정한 후 탐색하는 곳입니다.
그 때문에,가입 페이지는 그 일에 관련된 마찰을 최소화에 변환 전망과 더 설득에 덜 초점을 맞 춥니 다. 유용성에 대한 초점은 사회적 증거,평가 및 관심을 끄는 미디어와 같은 다른 전통적인 클릭 후 방문 페이지 요소가 뒷좌석을 차지한다는 것을 의미합니다.
‘시작’을 클릭하면 홈페이지를 통해 팝업되는’샵파이’의 회원가입 페이지를 보실 수 있습니다..”
정말 짧은 형식입니다. 그리고,당신은 조금 나중에 볼 수 있듯이,대부분의 가입 페이지는 헤드 라인,몇 가지 양식 필드 및 클릭 유도 문안보다 더 아무것도 특징으로,같은 방식으로 내장되어 있습니다.
그러나 많은 사람들이 그렇게 설계되었다고해서 그것이 올바른 방법이라는 것을 의미하지는 않습니다. 성공적인 가입 페이지를 만드는 것은 산만 함을 제거하고 양식 필드를 줄이는 것 이상입니다. 이 작업은 두 가지입니다.
최대 가입을 생성하려면 등록과 관련된 단계를 최소화해야 하며 동시에 사용하는 몇 가지 요소를 최대한 활용해야 합니다. 여기 전문가의 몇몇 끝 그리고 통찰력은 있는다.
혜택 지향 헤드 라인을 사용 하 여
전망 가입 페이지에 도착 하는 시간에 의해 대부분의 경우,그들은 이미 귀하의 서비스를 평가 하 고 그들의 요구에 맞는 결정. 그러나 그것이 그들이 왜 거기에 있는지 상기시켜서는 안된다는 것을 의미합니까?
아래에서 카피블로거는 소셜 proof 헤드라인을 사용하여 사용자들이 가입을 하도록 설득하고,위의 쇼파파이는 잠재 고객들에게 그들의 평가판이 14 일 동안 무료임을 상기시킨다.
간단하는 좋지만,당신이 방을 강화하는 당신의 USP 는 제목과 함께,그것을 하십시오. 기회는 부정적인 것보다 전환에 더 긍정적 인 영향을 미칠 것입니다.
모든 필드 필수 항목 만들기
이 팁은 방문자가 양식을 작성하도록 요구하는 것과 올바른 필드를 선택했는지 확인하는 것에 대한 것입니다. 우리가 의미,양식 필드를 결정 했습니다 경우 선택 사항,전망에 서명 하는 정보의 조각을 필요 하지 않습니다.
예를 들어,그루 폰과 같은 서비스는 당신에게 관련 거래 및 쿠폰을 제공하기 위해 가입시 위치를 알 필요가있다. 하지만 인스타페이지가 고객에 대해 알 수 있는 중요한 정보는 아닙니다.
잠재 고객의 회사,직위 또는 얼마나 많은 직원이 있는지 알 필요가 없다면 묻지 마십시오. 그들이 할 필요가 적은 작업,더 나은.
고려해야 할 양식 필드
통합/제거를 고려해야 할 일부 양식 필드:
- 사용자 이름:사용자가 정말 가입 할 사용자 이름이 필요합니까? 또는 당신은 자신의 이메일을 요청할 수 있습니다,그들이 로그인 한 후 다음 자신의 사용자 이름을 결정하도록?
- 암호 확인:이 필드는 구식이며 다른 비실용적 인 기술 인 암호 마스킹 때문에 필요합니다.
암호 마스킹은 양식에 입력 할 때 모든 문자가 동일한 글 머리 기호처럼 보이게하는 기술입니다. 그것은 추가 보안의 인상을 준다,하지만 정말에서 보호하는 유일한 것은 사람들이 당신의 어깨 너머로 엿입니다.
자신에게 물어: 나의 장래성은 진짜로 군집한 공중 조정안에 그들의 암호를 창조하고 있는가? 가능성이 없습니다.
대신”암호 확인”필드를 사용하여,사용자가 원래의”암호”필드의 마스크를 해제하거나”표시/숨기기”기능을 사용하여 입력하는 것을 볼 수 있도록,메일 침프는 자신의 가입 페이지에서 수행하는 방법:
- 이름 및 성:이름과 성을 하나의”전체 이름”필드로 통합하는 것을 고려하십시오. 또는,다만 첫번째 이름을 요구하십시오. 지옥,어쩌면 그것을 완전히 제거하는 것에 대해 생각할 수도 있습니다.
아래의 몇 가지 예(버퍼,아사나,크레이지 에그)에서 가입 페이지는 즉시 이름을 묻지 않지만 변환 된 고객이 플랫폼에 로그인하면 세부 정보를 입력 할 수 있습니다.
- 사용자 계약:사용자가 사용자 약관에 동의한다는 체크박스를 클릭하도록 하는 대신,링크드인이 아래처럼 사용자 협약 위에 메시지를 포함시키는 것을 고려하십시오. 그것은 변환에 의해 사용자가 자동으로 동의한다고 말합니다.
모든 정보가 절대적으로 필요한 경우
단계로 요청하십시오. 현장 결제가 필요한 가입은 청구 주소 및 신용 카드 번호와 같은 민감한 정보를 캡처하기 위해 긴 양식을 필요로합니다. 그렇게 되면 등록 절차를 여러 단계로 세분화하는 것이 좋습니다.
폼스택의 보고서에 따르면 작년에 여러 페이지 등록 양식이 단일 페이지 등록 양식보다 9 페이지 이상 우수함을 보여줍니다.%:
왜?
여러 페이지 양식은 프로세스를 몇 가지 짧은 단계로 분리하여 변환을 덜 압도적으로 만듭니다. 더 많은 페이지는 더 큰 글꼴,더 긴 필드 및 짧은 양식에 맞지 않을 수있는 설명 레이블을위한 더 많은 공간을 의미합니다. 또한,여러 페이지 가입은 일반적으로 사용자가 등록에 따라 얼마나 멀리 알 수있는 편리한 진행률 표시 줄과 함께.
기억: 당신은 몇 가지 필드를 제거하여 양식을 단축 할 수있는 경우,단축. 너가 할 수 있지 않으면,그것을 소량 공간으로 모두를 밀어넣어서 더 짧게 보이 해보지 말라. 너는 단 너의 페이지를 어수선하게 하고 너의 장래성을 압도할 것이다.
모달 창 사용 고려
칸바와 같은 빠른 가입 프로세스를 가진 사람들을 위해 모달 창은 몇 가지 이점을 제공합니다.
디자이너,조슈아 존슨,이유를 설명:
다른 페이지로 이동하는 대신 현재 콘텐츠를 오버레이합니다. 여하튼 그것은 중단 같이 느끼는 어딘가에 새로운 것에 멀리 털어내는 보다는 다만 보다 적게 불안하다. 홈페이지 그래픽을 디밍 및 모달 기호 등록 양식을 가져 와서,당신은 프로세스가 신속하고 고통이 될 것입니다 그리고 당신은 시간에 찾아 다시있을거야 감각을 얻을.
인터넷 사용자가 그 어느 때보 다 참을성이 없을 때,그들이 순식간에 브라우징으로 돌아올 것이라는 인상을주는 것은 좋은 방법입니다.소셜 자동완성 활성화
아래의 거의 모든 가입 페이지 예에서 소셜 자동완성 버튼을 확인할 수 있습니다. 이를 통해 사용자는 이미 소셜 네트워크에 제출 한 관련 개인 정보를 가져 와서 클릭 한 번으로 양식을 우회 할 수 있습니다.
폼스택은 이 기능을 포함함으로써 사용자가 189%더 높은 폼 변환을 생성할 수 있음을 발견했습니다. 또한 86%의 사람들이 다른 웹 사이트에서 새 사용자 계정을 만드는 것이 불편하다고 말합니다. 당신의 목표는 가능한 한 쉽게 변환 할 때,사회적 자동 완성을 활용하는 것은 생각할 필요도 없다.
자리 표시자 텍스트 제거
변환하려면 방문자가 양식을 작성하는 방법을 알아야 합니다. 그러나 자리 표시 자 텍스트를 사용하는 것이 가장 좋은 방법은 아닙니다.
닐슨 노먼 그룹에 따르면 양식 필드에 밝은 회색 텍스트를 추가하면 다음과 같은 가능성이 있습니다:
- 스트레인 사용자의 단기 기억. 그들은 입력을 시작하고 회색 텍스트가 사라지면,그들은 자신에게 생각,”얼마나 많은 문자가 내 암호가 다시해야합니까?”
- 양식 필드를 보이지 않게 만듭니다. 빈 양식 필드는 실제로 자리 표시 자가있는 것보다 잠재 고객이 더 두드러집니다.
- 사용자가 양식을 통해 탭을 자극합니다. “탭”버튼을 사용하여 양식을 빠르게 작성하는 사람들은 사라지기 전에 설명 자리 표시 자 텍스트를 읽을 시간이 없습니다.
- 방문자를 혼란스럽게합니다. 그들은 자동으로 입력 된 정보에 대한 자리 표시 자 텍스트를 실수 할 수 있습니다.
혼동을 피하기 위해 각 필드 위에 방문자에게 포함해야 할 내용을 정확히 알려주는 레이블을 포함하십시오. 자리 표시 자 텍스트는 등록 페이지에 더 많은 마찰을 만듭니다.이제 가입 페이지에 무엇을 포함할지 알았으므로 프로가 어떻게 등록 페이지를 작성하는지 살펴 보겠습니다.
링크드 인
이 링크드 인 가입 페이지는 포스트 클릭 방문 페이지 다양한입니다. 심지어 로고—그것은 탐색을 통해 회사의 웹 사이트에 연결되지 않은 의미,독립이다.
위의 표제는 더 강한 이익을 전달할 수 있습니다. 그것에 4 개의 필드는 마찰을 낮게 유지합니다. 이름과 성을 하나의”전체 이름”필드로 결합하면 마찰이 더 낮아질 수 있습니다.
각 텍스트 상자에 회색 문자를 사용하면 잠재 고객이 입력해야 할 내용을 알 수 있으며”암호”필드 위에 해당 레이블이 더욱 구체적입니다. 하지만,그”암호”필드 전망 유형 각 문자에 대 한 동일한 글머리 기호를 표시 하 여 모범 사례를 따르지 않습니다.
마지막 양식 필드 아래에 추가 회색 문자를 사용하면 방문자가”지금 가입”을 클릭하여 링크드 인의 사용자 계약,개인 정보 보호 정책 및 쿠키 정책에 동의한다는 것을 알 수 있습니다. 저것은 장래성을 동의하기 위하여 선택하 에서 상자를 눌러야 하는의 여분 단계 저장한다.
클릭 유도 문안에서”지금”이라는 단어는 사용자가 클릭 한 후 즉시 네트워크의 일부임을 강조합니다. 지금까지 버튼 자체가 간다,그것은 조금 더 팝업 수,당신은 생각하지 않아? 다른 배경 또는 단추 색상은 사용자가 가입을 위해 클릭해야 하는 위치에 더 많은 관심을 끌 수 있습니다.
그 아래,”페이스 북으로 계속”버튼은 전체 프로세스를 간소화.. 당신은 세계 최대의 소셜 네트워크에 프로필이있는 경우,자동 완성 당신이 이미 페이스 북과 공유 한 데이터를 사용하여 양식을 완료 할 수 있도록 그 버튼을 클릭합니다..
카피블로거
다음은 단순한 양식 이상의 가입 페이지입니다. 장래성이 고시하게 할 것 같은 첫번째 것은 거대한,사회 증거 채운 표제 이다. “우리가 334,000 명의 마케팅 담당자에게 충분하다면,우리는 당신에게도 충분합니다.”
또한 일반적으로”포모”로 알려진 현상을 활용하며”놓침에 대한 두려움”을 의미합니다.”아무도 334,000 명의 업계 동료가 가지고있는 헤드 스타트를 놓치고 싶지 않습니다.
그 아래에 등록 후 잠재 고객이 얻는 모든 무료 귀중한 콘텐츠의 미리보기가 해당 양식을 작성하도록 유혹합니다. 양식 자체는 더 잘 설계 될 수 있습니다.
“비밀번호 재입력”필드를 제거하고 이름과 성을”전체 이름”으로 응축시킴으로써 카피 블로거는 텍스트 상자의 수를 5 에서 3 으로 줄이고 가입과 관련된 마찰량을 줄일 수 있습니다. 그 대신에”암호를 다시 입력”필드,표시/숨기기 옵션은 암호를 입력 할 때 정확성을 보장하기 위해 사용할 수 있습니다.
마찰을 더욱 줄이기 위해 각 필드 내의 레이블을 대신 위에 배치해야합니다. 지금,그 회색 글자는 잠재 고객이 텍스트 상자를 클릭 할 때 사라져 입력 한 내용을 쉽게 잊어 버릴 수 있습니다.
전반적으로,형태의 몇 가지 결함과 아웃 바운드 링크의 몇이 가입 페이지에 변환을 해칠 수 있지만,카피 블로거의 무료 콘텐츠는 통과하기에 너무 가치가있다.
크레이지 에그
첫째,업계에서 자신을”리더”라고 부르는 비즈니스는 커피를 세계 최고라고 부르는 카페와 같습니다. 그것을 말하는 많은 사람들이 있지만 그것을 증명할 수있는 사람은 거의 없습니다. 최고의 자신을 호출 하는 대신 통계 또는 당신이 믿는 잘 알려진 클라이언트를 인용 하 여 귀하의 주장을 백업 합니다.
그 제목 아래에는 미친 달걀을 사용할 때 얻는 통찰력을 미리 볼 수있는 이미지가 있으며,이미지의 오른쪽에는 그 통찰력이 무엇인지,그리고 당신이 할 수있는 것을 설명하는 세 줄의 사본이 있습니다.
이 초단형에서는 마찰이 최소화됩니다. 표제는 예심이 자유롭다는 것을 강조하고,단추는 백색 배경에 터지고,부르 에 활동은 첫번째 사람에서 쓴다. 지금,통증이없는 것에서이 양식을 유지하는 유일한 것은 각 필드에 산만 회색 자리 표시 자 텍스트입니다.
그 아래,인식 할 수있는 클라이언트 로고의 형태로 사회적 증거와 텍스트”위에 200,000 기업은 미친 계란 더 나은 변환”이 가입 페이지의 설득력을 향상.
모두,이 페이지는 방문자를위한 바람을 변환합니다.이 그림은 버퍼의 가입 양식과 소셜 버튼과 짧은 양식으로 신규 고객을 위해 최적화하는 방법을 보여줍니다.
버퍼에서”무료 가입”클릭 유도 문안.닷컴,홈페이지는 짧은 팝업 양식을 배포하고 주변 콘텐츠를 어둡게하여 가입 페이지로 변환.
이 팝업에서 변환 과정은 간단합니다-양식을 무시하거나 이메일 주소와 암호를 입력 세 사회 로그인 버튼 중 하나를 클릭합니다. 어느 쪽이든 마찰은 최소화됩니다. 이 양식을 쉽게 완성 할 수있는 유일한 방법은 무엇입니까? 그 산만 한 자리 표시 자 텍스트를 제거하십시오.
아사나
기껏해야,아사나에서이 페이지에 가입하는 것은 두 번의 클릭을합니다. 구글 로그인 기능으로,그것은 하나만큼 작은 걸릴 수 있습니다.
양식 위의 문장은 양식을 작성하는 방법을 알려줍니다,심지어 당신이 가입해야하는 이메일 아래로.
그 바로 아래에 회색 자리 표시 자 텍스트로 채워진 양식 필드가 사용자를 혼란스럽게합니다. 그러나 그것은 가입에서 사람들을 막을 것인가? 가능성이 없습니다. 이 양식은 거의 마찰이없고 쉽게 완성 할 수 있습니다.
인스타페이지로 최적화된 가입 페이지 만들기를 시작하고,인스타페이지 엔터프라이즈 데모를 오늘 요청하십시오.