랜딩 페이지 패턴: 사람들이 웹 콘텐츠를 소비하는 방식

방문 페이지를 아무리 잘 디자인하더라도 방문자가 방문 페이지의 모든 요소를 ​​볼 가능성은 거의 없습니다. 더욱 우려되는 것은 방문자가 놓치는 정보로 인해 전환을 잃을 수 있다는 것입니다.

다행히도 이를 제어할 수 있는 방법이 있습니다. 방문 페이지 패턴(방문자가 보는 위치와 방문 시간)을 이해하면 청중이 모든 필수 콘텐츠를 볼 수 있습니다.

방문 페이지 패턴의 유형

초기 시선 추적 연구로 F 패턴을 식별한 그룹인 Nielsen Norman에 따르면 웹에서 읽기에는 몇 가지 독특한 패턴이 있습니다. 방문자가 페이지를 소비하는 데 사용하는 것은 페이지를 정렬한 방법, 이해하기 쉬운 정도, 제공하는 항목 등과 같은 여러 요인에 따라 다릅니다. 다음은 가장 일반적인 몇 가지와 귀하가 들어본 적이 없을 수도 있습니다.

F 패턴

읽기의 F 패턴은 가장 잘 알려진 방문 페이지 패턴입니다. 페이지의 왼쪽 상단 모서리에 고정으로 시작하여 다음과 같이 진행됩니다.

1. 사용자는 페이지 상단을 가로질러 스캔하여 "F"의 상단 막대를 형성합니다.
2. 사용자는 페이지의 왼쪽 여백으로 돌아가서 시선을 끄는 요소에 도달할 때까지 아래로 스캔합니다.
3. 사용자는 수평으로 스캔하지만 전체를 가로질러 스캔하지는 않아 "F"의 하단 막대를 형성합니다.
4. 그런 다음 사용자는 왼쪽 여백으로 돌아가 나머지 페이지 아래로 수직으로 스캔합니다.

광고주는 이를 통해 몇 가지를 배울 수 있습니다. 첫째, 페이지 상단이 더 주목을 받습니다. 사용자는 본문보다 헤드라인과 추천 이미지를 더 많이 소비합니다. 둘째, 방문자는 수평선의 처음 몇 단어를 읽을 수 있지만 마지막 단어는 읽지 않을 수 있습니다.

사용자가 특정 정보를 검색하고 있다는 점을 고려할 때 이 중 어느 것도 특히 놀라운 것은 아닙니다. 그들은 즐거움을 위해 읽는 것이 아닙니다. 그들은 헤드라인, 이미지, 부제목, 굵은 텍스트 및 글머리 기호를 찾고 있어 모든 콘텐츠를 읽지 않고도 페이지의 핵심 내용을 얻을 수 있습니다. 뮌헨 다이렉트 마케팅 협회(Munich's Direct Marketing Association)의 초기 시선 추적 연구에서 이를 확인했습니다.

사용자가 새 페이지를 탐색하고 탐색 메뉴를 검색할 때가 아니라 특히 콘텐츠를 소비할 때 F 패턴을 따른다는 점을 명확히 하는 것이 중요합니다. 패턴은 또한 거의 완벽한 "F"가 아닙니다. 많은 경우 스캔할 콘텐츠가 더 많은 긴 페이지에서 "E"를 형성합니다.

Z 패턴

Z 패턴은 웹에서 널리 퍼진 또 다른 읽기 패턴입니다. F 패턴과 마찬가지로 사용자가 왼쪽 상단 모서리에서 입력한 다음 페이지 상단을 가로질러 가로 막대를 형성하는 것으로 시작합니다. 또한 F 패턴과 마찬가지로 Z 패턴 리더는 페이지 상단을 사용한 후 왼쪽 여백으로 다시 이동합니다.

그러나 F 패턴과 달리 Z 패턴은 사용자가 왼쪽 여백으로 다시 이동하는 방식에서 대각선 크로스바를 얻습니다. 이 경우 왼쪽 여백으로 건너뛰어 다시 읽어 "F"의 두 번째 막대를 만들지 않습니다. 대신 페이지 중간에 많은 콘텐츠를 건너뛰는 것처럼 보입니다.

여기서 차이점은 F 패턴이 텍스트가 많은 페이지에 더 적합하다는 것입니다. 물론 사용자가 콘텐츠를 읽고 있기 때문에 이러한 페이지에서 더 수평적인 왼쪽에서 오른쪽으로 이동하게 될 것입니다. 그러나 귀하의 평균 웹 페이지에는 사본이 많지 않습니다. 이것이 Z 패턴이 있는 이유입니다.

이 지그재그는 사용자가 페이지의 콘텐츠 청크 사이를 이동한 결과입니다. 약간 다르게 하기는 하지만, 결국 F 및 Z 패턴 사용자는 동일한 것을 찾고 있습니다. 즉, 알고 싶은 것과 관련된 정보입니다.

기타 일반적인 방문 페이지 패턴

F-패턴과 Z-패턴은 웹 사용자들 사이에서 가장 자연스러운 것이지만, 그것들만이 유일한 것은 아닙니다. NNG에 따르면 다음도 있습니다.

• 레이어 케이크 패턴 은 케이크와 프로스팅이 교대로 겹쳐져 있는 디저트처럼 보이는 수평선을 표시합니다. 이는 독자의 눈으로 제목과 부제목을 스캔하지만 아래의 본문은 건너뛰는 결과입니다.
• 무작위로 보이는 여러 지점이 있는 히트 맵을 생성하는 점박이 패턴 입니다. 이 패턴은 구문, 단어, 링크 또는 주소나 전화번호와 같은 특정 형식의 숫자와 같은 특정 항목을 찾는 독자의 결과입니다.
• 페이지를 가로지르거나 아래로 일관된 선을 표시하는 히트 맵을 만드는 마킹 패턴 은 마우스를 스크롤하거나 손가락으로 쓸어넘길 때 눈이 한 곳에 집중될 때 형성됩니다.
• 사용자가 스캔하지 않고 의도적으로 콘텐츠를 우회하고 있음을 나타내는 히트 맵을 생성하는 우회 패턴 . 이 현상은 일반적으로 목록의 여러 줄의 텍스트가 동일한 단어나 구로 시작하므로 모두 읽을 필요가 없을 때 발생합니다.
• 사용자가 페이지의 거의 모든 항목에 집중하고 있음을 보여주는 히트 맵을 생성하는 커밋 패턴 . 이 패턴은 웹에서 읽는 즐거움에 가장 가깝기 때문에 방문 페이지에서 발생한다고 생각하지 마십시오. 하지만 조건만 맞으면 사용자는 전체 페이지의 콘텐츠를 소비할 만큼 충분히 관심을 가질 수 있습니다.

방문 페이지 패턴: 이 모든 것이 무엇을 의미합니까?

사람들이 웹에서 콘텐츠를 소비하는 모든 방식에 쉽게 빠져듭니다. 대부분의 광고주와 마찬가지로 항상 경쟁자보다 우위를 찾고 있습니다. 읽기 패턴을 최적화하면 그 우위를 확보할 수 있지만 집착할 가치는 없습니다. 랜딩 페이지 패턴에 대한 시선 추적 연구는 우리가 아직 알지 못하는 많은 것을 알려주지 않기 때문입니다. 가장 결정적으로:

• 대부분의 사람들은 왼쪽에서 오른쪽으로 읽습니다. 항상 텍스트를 왼쪽 정렬로 유지하십시오. 오른쪽 정렬은 눈에 거슬리는 독서 경험을 제공할 수 있습니다.
• 사람들은 위에서 아래로 읽습니다. 가치 제안, 영웅 이미지 등 필수 콘텐츠를 맨 위에 둡니다.
• 사람들은 게으르다. 그들은 당신의 제안을 이해하는 데 필요한 만큼 당신의 방문 페이지를 적게 소비할 것입니다. 제품의 요지를 파악하기 위해 헤드라인, 이미지, 부제목, 굵게 표시된 문구 및 글머리 기호 텍스트를 훑어볼 것입니다. 따라서 가장 중요한 내용이 해당 콘텐츠에 있는지 확인하십시오.

전반적으로 방문자가 따르는 정확한 방문 페이지 패턴은 페이지에 따라 다릅니다. F-패턴 리더 또는 레이어 케이크 리더를 수용하는 것을 목표로 하는 대신 소비하기 쉬운 콘텐츠를 만드는 것이 목표여야 합니다.

다음 팁을 따르세요.

• 가장 적절한 정보를 페이지 상단에 넣으십시오. 광고 제목에서 가치 제안을 얻고 메시지와 일치시키십시오.
• 쉽게 훑어볼 수 있도록 제목과 부제목으로 콘텐츠를 구성하세요. 본문보다 부제목을 더 크고 굵게 만드십시오.
• 머리글과 본문의 처음 몇 단어에 가장 중요한 정보를 넣으십시오.
• 글머리 기호를 사용하여 혜택 목록과 같은 항목을 빠르게 요약합니다.
• 대담한 핵심 단어와 문구.
• 포괄적이되 간결해야 합니다.
• 관련 요소를 그룹화하여 쉽게 찾고 이해할 수 있도록 합니다.
• 필수 요소와 페이지 배경 간의 대비를 만듭니다. 대비가 높을수록 중요도가 높아집니다. 예를 들어 CTA 버튼은 방문 페이지에서 대비가 가장 높은 요소여야 합니다.

궁극적으로 F 패턴과 Z 패턴은 독자나 광고주에게 도움이 되지 않습니다. 의도적으로 이러한 정렬 방식으로 콘텐츠를 정렬하면 사용자가 중요한 정보를 건너뛸 수 있습니다. 최고의 랜딩 페이지 디자인은 최대의 관심을 끌지만 스캐닝 리더도 수용합니다.

모든 잠재고객 세그먼트에 대해 수백 개의 관심을 끌고 개인화된 방문 페이지를 만들고 싶으십니까? 방법을 알아보려면 Instapage의 무료 데모를 받으십시오.