CRO 모범 사례-파트 I

(Clinton Ball)

CRO 모범 사례 에 대해 자세히 알아 보겠습니다. CXL. 이것은 CRO 미니 학위 프로그램 에서 배운 내용을 공유하는 연속입니다. 잠시 시간을 보냈습니다.

“특정 디자인 문제를 해결하는 방법이 의심 스러울 때는 다른 사람들이 모범 사례를 사용한 경험을 활용하십시오. 이 경험을 설계 가설에 대한 입력으로 사용하십시오. 그 외에도 나머지 디자인 선택은 데이터를 기반으로해야합니다. ”CXL

전환을 얻기 위해 페이지에서 정보를 수집하는 방법을 알아 봅니다.

사진 : UX Store Unsplash

웹 양식

대부분의 사람들은 양식을 싫어하지만 양식은 필수 변환 용.

양식은 가입 양식, 결제 양식, 결제 양식, 견적 요청 양식, 리드 생성 양식 등 다양한”양식 “을 취할 수 있습니다.

양식의 주요 목표는 마찰을 줄이면서 필요한 정보를 얻는 것입니다. 이를 수행하는 방법에 대한 몇 가지 유용한 팁 :

명확한 기대치 설정

  • 사람들에게 긴 양식을 작성하는 데 걸리는 시간을 알리고 해당 정보를 수집하는 이유와 양식을 작성하면 얻을 수있는 내용을 명확히 사용자입니다.

양식 필드 수 최소화 :

  • 각 추가 양식 필드는 마찰을 일으키고 필요한 것만 수집합니다.
  • “11 개 필드 버전의 양식이 4 필드 버전, 제출 된 양식 수가 160 % 증가하고 변환이 120 % 증가했습니다.”
  • 정보가 필요하지 않은 경우 다시 선택 사항 필드를 피하십시오. 그것을 위해. Expedia는 company라는 선택적 질문이 있었고이 혼란스러운 필드를 제거하여 1,200 만 달러를 얻었습니다.
  • 때때로 기호가 단어만큼 좋지는 않지만 (예 : 필수 필드) 이는 단지 가정 일 뿐이며 테스트가 필요합니다.
  • li>
  • 짧은 형식과 긴 형식. 무엇이 관련이 있는지 깨달으십시오. 입사 지원 양식을 작성하는 경우 더 긴 양식 버전이 더 신뢰할 수있는 것처럼 보일 수 있습니다. 누가 양식을 사용하고 있으며 왜 사용하는지 생각해보세요.
  • 더 높은 품질의 리드를 얻기 위해 의도적으로 마찰을 증가

긴 양식의 3 가지 기능

  • 동기가 더 많은 사람들은 긴 양식을 작성합니다. 더 높은 품질의 리드를 얻을 수 있습니다.
  • 더 긴 양식은 사람들이 스스로 자격을 갖추는 데 도움이되며 자격이없는 사람들은 사라집니다.
  • 리드에 대한 자세한 정보가 있으면 더 잘할 수 있습니다. 리드 점수. 자격이없는 린을 제거하기 위해 대행사로서 CXL은 예상 예산에 대한 필드를 추가하고 영업 통화에 낭비되는 시간을 줄였습니다.

다단계 양식 , 양식을 다단계 프로세스로 나누는 것이 가장 좋습니다.

  • 가장 중요한 정보 얻기 첫 번째 양식에서 다음 프로세스의 두 번째 부분에서 더 구체적인 세부 정보를 요청합니다.
  • 진행률 표시기를 사용자에게 거의 다 왔음을 보여주는 방법으로 사용하면 마찰과 성가심을 줄이는 데 도움이됩니다.

쉬운 필드로 시작

  • 추세를 얻을 수 있습니다. 처음에 간단한 양식 필드를 요청합니다.
  • 상단 정렬 레이블은 작은 양식에 가장 적합합니다. 양식이 길면 왼쪽에 레이블을 추가해보십시오. 특히 사용자가 원하는 양식의 경우에는 더욱 그렇습니다. 속도를 늦추고 신중하게 답변을 작성하세요.
  • 인라인 양식 입력란은 거의 항상 나쁩니다. 예외는 1–2 줄 양식입니다. 사용자가 입력하는 내용을 잊어 버립니다.
  • 일반 텍스트와 굵은 필드를 사용하면보기가 더 쉽습니다.
  • 마찰을 유발할 수 있으므로 양식 끝 부분에 드롭 다운 필드를 사용합니다.
  • li>
  • 선택 항목이 5 개 미만인 경우 라디오 버튼을 사용합니다.
  • 중복 된 비밀번호 확인 필드를 제거하고 비밀번호 표시 필드를 사용합니다.
  • 가능한 항목을 미리 선택합니다. 위치 자동 감지를 사용하면 양식 완성 속도를 높일 수 있습니다.

의견 및 오류 유효성 검사

  • 사용 웹 사이트에 오류 메시지를 기록하는 Google 웹 로그 분석 이벤트 추적
  • 어떤 대가를 치르더라도 오류 메시지를 피하십시오. 이로 인해 즉각적인 사이트 삭제가 발생합니다.
  • 빨간색은 오류 메시지에만 예약해야합니다.
  • 인라인 양식 유효성 검사를 사용하여 완성을 돕고 사람들이 원하는 방식으로 데이터를 입력 할 수 있도록합니다.

캡차 방지

  • 스팸에는 좋지만 사람에게는 불편합니다.
  • Honeypot .
  • Stanford University의 결과에 따르면 캡 차는 사용자가 완료하기가 귀찮고 어렵습니다.

공포 문제 해결

  • FUD는 두려움, 불확실성 또는 의심입니다. 이를 제거하십시오.
  • 민감한 정보를 요청하는 경우 사용자의 위험을 제거하는 형식의 봉인을 사용하십시오. BBB,

양식 분석

마찰을 일으키는 양식 필드 평가 : 사용자 테스트, 세션 재생 및 양식 분석 도구

버튼 및 클릭 유도 문안

버튼은 다양하며 “왜?”에 대한 대답과 관련하여 명확하고 이해하기 쉽고 눈에 띄어 야합니다.

  • 켜기 각 페이지에서 1 개의 목표 만 정의합니다 .
  • 가장 원하는 행동이 눈에 띄어 야합니다. 전의. “무료로 사용해보기”
  • 기본과 함께 보조 CTA (클릭 유도 문안)를 사용하는 방법은 색상을 통해 차별화하는 것입니다. 전의. 한 버튼은 녹색이고 다른 버튼은 투명합니다.
  • 사이트의 기본 색상과 다른 색상을 사용하여 돋보이게합니다. 어떤 버튼 색상이 다른 버튼보다 더 돋보이게하는 이유에 대한 결과는 결정적이지 않지만 돋보이게해야한다는 결론에 도달했습니다.
  • 사용자가 버튼을 클릭하고 싶을만큼 버튼을 크게 만들고 버튼을여십시오. “I want to…”라는 문장을 완료해야합니다.
  • CTA의 사본은 구체적으로, 혜택을 전달하고 사용자를 트리거해야합니다. .
  • CTA에 대한 가설 설계 : 사용자 동기는 무엇이며 사용자가 클릭하면 무엇을 얻을 수 있습니까?
  • 사용자가 수행하는 작업에 대한 CTA (예 : 사용자가 “제출”이 아닌 뉴스 레터 “구독”을 클릭합니다.
  • 약정을 지연합니다. 전의. “장바구니에 담기”vs. “지금 구입”
  • 잠재 고객의 불안감을 줄이는 데 도움이되는 주변 텍스트가 있어야합니까? 필요하다고 생각되면 추가하세요!
  • 버튼 배치 측면에서 대부분의 사용자는 F 패턴으로 읽습니다 .
  • li>
  • 독자의 관심을 제품 또는 서비스에 집중하고 흥미를 나타내는 이미지가 더 효과적 일 수 있습니다.
  • 이미지, 헤드 라인 및 CTA는 모두 서로를 지원하므로 다시 한 번 강조해야합니다. 페이지의 목표 .

접기 및 페이지 길이

  • 접기는 사람들이 아래로 스크롤하지 않고도 볼 수있는 * 모든 * 페이지의 섹션입니다.
  • 장바구니, 모든 양식 또는 가격과 같이 스크롤없이 볼 수있는 모든 CTA에 도달 할 수 있어야합니다.
  • 기기에 따라 다르기 때문에 일반적인 접기 크기는 없습니다.
  • 웹 사이트 상단에는 가장 중요한 정보가 포함되어야하며 아래쪽으로 작업해야합니다.

답글 남기기

이메일 주소를 발행하지 않을 것입니다. 필수 항목은 *(으)로 표시합니다