사용자가 전체 사이트 디자인을 스크롤하도록 유도하는 7가지 방법

게시 됨: 2021-09-11

한때 롱 스크롤링 사이트는 인기가 없었습니다. 웹사이트는 신문의 물리적 접힌 부분 위에 표시되는 중요한 콘텐츠의 이름을 따서 명명된 용어인 "스크롤 없이 볼 수 있는 부분"이라는 개념에 관한 모든 것이었습니다.

오늘날에는 그 반대가 사실입니다. 가장 작은 모바일에서 가장 큰 데스크탑에 이르기까지 화면이 매우 다양하기 때문에 접힌 부분이 다른 부분과 반드시 ​​같을 필요는 없습니다. 그리고 장치 간에 전환할 때 확실히 다릅니다.

그러나 모바일 장치와 소셜 미디어 사이트의 인기 덕분에 스크롤링은 우리 대부분에게 제2의 천성이 되었습니다. 그러나 사용자가 아무 생각 없이 페이지를 위아래로 스크롤한다고 해서 디자이너가 이를 당연하게 받아들여야 한다는 의미는 아닙니다. 사용자가 콘텐츠에 압도되고 계속해서 줄어들고 있는 주의 지속 시간과 씨름하는 상황에서 디자이너는 긴 스크롤이 사용자를 참여시키고 전환을 유도하도록 하는 새로운 규칙을 배워야 합니다.

“사람들이 계속 스크롤하도록 격려하는 7가지 방법이 있습니다. "

1. 힘차게 시작하라

스크롤 없이 볼 수 있는 부분의 Wholegrain Digital 스크린샷
Wholegrain Digital은 독자가 주요 메시지에 집중할 수 있도록 스크롤 없이 볼 수 있는 많은 공간을 사용합니다.

가장 중요한 콘텐츠를 "스크롤 없이 볼 수 있는 부분"에 배치한다는 개념은 거의 사라졌지만 좋은 첫인상을 줄 수 있는 기회는 단 한 번뿐입니다. 사이트에 방문할 때 사용자는 주변에 머물 가치가 있는지 여부를 순간적으로 평가합니다. 따라서 그들을 연결하려면 강력한 소개가 필요합니다.

가장 매력적인 콘텐츠를 페이지 상단에 배치하고 계속 읽어야 할 충분한 이유를 제공하세요.

고객과 검색 엔진 모두를 위해 사이트를 디자인하는 가장 좋은 방법을 찾고 계십니까? 더 이상 보지 마세요!

2. 매력적인 콘텐츠 만들기

두 콘텐츠 블록의 플라이휠 스크린샷에 의한 레이아웃
레이아웃 기사는 굵고 밝은 특징 이미지로 나뉩니다.

“웹사이트의 성공은 콘텐츠의 강점에 달려 있습니다. " 운 좋게도 롱 스크롤링 사이트는 스토리텔링을 위한 완벽한 캔버스입니다. 콘텐츠를 만들 때 판매 페이지, 정보 페이지, 제품/서비스 페이지 등 스토리의 시작, 중간, 끝을 생각하세요.

관련성 높은 고해상도 이미지, 동영상, 인포그래픽으로 콘텐츠를 구성하고 액션 동사를 사용하여 매력적인 카피를 작성하여 사람들의 상상력을 사로잡고 끝까지 계속 움직이게 하세요. 저자가 장을 사용하여 이야기를 통해 독자를 끌어들이고 각 콘텐츠 블록의 끝에 동일한 기술을 사용하는 방법을 고려하십시오.

3. 목표를 명확히 하라

"Pilots" 및 "Training Managers"를 읽는 CTA 버튼이 있는 비행 전 웹페이지 스크린샷 사용
Wholegrain Digital에서 만든 Use Before Flight는 접힌 부분 위에 두 개의 CTA 버튼을 사용합니다.

롱 스크롤링 사이트는 끝이 없고 복잡하게 느껴지지 않아야 합니다. 디자인에 대해 생각하기 전에 해당 페이지의 주요 목표가 무엇인지 고려하고 포함하는 모든 콘텐츠가 사용자를 해당 방향으로 유도하는 방향으로 조정되었는지 확인해야 합니다.

즉, 페이지 아래의 여러 위치에 CTA 버튼을 포함하는 것에 대해 생각해야 합니다. 모든 사람이 맨 아래로 스크롤하지는 않는다는 것을 기억하십시오.

4. 거짓 바닥을 피하십시오

빈 캔버스 웹사이트 스크린샷
Wholegrain Digital에서 만든 빈 캔버스는 시차 스크롤을 사용하여 잘못된 바닥 효과를 방지합니다.

"거짓 바닥"은 사람들이 페이지에 다른 것이 없다고 생각하고 스크롤을 멈춘 경우입니다. 상단에 있는 주요 콘텐츠가 연결되기를 원하지만 스크롤하면 더 좋은 콘텐츠가 있음을 분명히 하는 시각적 신호를 포함해야 합니다.

화살표 또는 "아래로 스크롤"하라는 간단한 텍스트 지침과 같이 이를 쉽게 수행할 수 있는 몇 가지 옵션이 있습니다. 더 창의적으로 만들고 싶다면 페이지 아래로 이어지는 선으로 사람들의 관심을 끌거나 스크롤이 자연스러워지도록 딱딱한 선을 피하는 편집 스타일 레이아웃으로 콘텐츠를 배열하는 것과 같은 디자인 신호를 선택할 수 있습니다.

5. 명확한 로드맵 제공

Notovel Hotels의 예약 표시줄은 스크롤할 때 페이지 아래로 따라옵니다.

탐색은 웹 사이트의 가장 큰 성패를 좌우하는 요소 중 하나입니다. 특히 사용자 방향 감각 상실이 발생할 수 있는 롱 스크롤링 사이트에서 사용자는 페이지에서 자신이 어디에 있는지 정확히 알고 다음에 가고자 하는 곳으로 가는 경로가 명확해야 합니다.

고정 탐색은 현재 위치를 표시하고 항상 표시되는 상태를 유지하므로 훌륭한 옵션입니다. 그러나 이것은 모바일 장치에서 주요 화면 공간을 차지할 수 있으므로 사용하지 않을 때 탐색 모음을 숨기도록 선택할 수 있습니다.

페이지가 특히 긴 경우 이동 옵션을 포함하거나 페이지의 여러 단계에 대해 다른 URL을 고려할 수 있습니다. 무엇을 하든지 뒤로 버튼이 제대로 작동하는지 확인하십시오. 그러면 사람들이 링크를 따라가면 왼쪽 페이지의 동일한 부분으로 돌아갈 수 있습니다.

6. 창의적인 상호작용으로 사람들을 기쁘게 하라

시프트 웹사이트 스크린샷
Shift는 스크롤링 경험을 시청자에게 재미있고 독특하게 만듭니다.

긴 스크롤은 몰입형 스토리텔링에 적합하므로 시차 스크롤 또는 스크롤 트리거 애니메이션과 같은 창의적인 스크롤 기술을 포함하는 것은 사용자의 참여를 유도하고 스크롤을 더 많이 유도하는 재미있는 방법입니다.

시차 스크롤은 완전히 몰입감 넘치는 브라우징 경험을 제공합니다. 배경이 전경보다 느린 속도로 이동하여 깊이감을 줍니다. 반면에 스크롤 트리거 애니메이션은 콘텐츠를 여러 덩어리로 나누는 데 적합하며 애니메이션이 콘텐츠를 통해 사람들을 이끌어갈 때 사람들의 상상력을 포착합니다.

7. 스크롤링을 가로채지 마세요

방법 로즈 골드 웹 사이트 스크린 샷
방법 – Wholegrain Digital에서 만든 Rose Gold는 경험을 가로채지 않고 재미있는 스크롤 효과를 사용합니다.

마지막으로 스크롤 하이재킹을 피하십시오. 사용자는 항상 사이트 탐색을 완전히 제어해야 합니다. 스크롤 하이재킹을 사용하면 사용자 작업에 관계없이 페이지가 특정 속도로 이동하도록 설정되며, 이는 사람들이 콘텐츠를 더 느리게 탐색하도록 강제하는 데 가장 자주 사용됩니다. 이것은 좋지 않으며 사용자 경험을 방해하여 종종 사이트를 떠나게 됩니다. 그들이 당신의 콘텐츠를 소비하려는 속도를 결정하게 하고, 대신 모든 것을 소비하도록 장려하는 훌륭한 콘텐츠를 만드는 데 집중하십시오.

“길게 스크롤되는 웹 사이트는 새로운 것이 아니지만 최근 몇 년 동안 르네상스를 겪고 있습니다. " 사용자 경험을 향상시키는 방법은 지속적으로 개발되고 있습니다. 훌륭한 콘텐츠와 직관적인 인터페이스 사이에서 최적의 지점을 찾으면 사람들은 스크롤의 길이에 신경을 쓰지 않을 것입니다. 다른 것과 마찬가지로 정기적으로 분석을 확인하여 롱 스크롤링 사이트가 얼마나 성공적인지 확인하고 필요에 따라 조정할 준비를 하십시오.


무엇 향후 계획?

WordPress 사이트에서 작업하는 마케터라면 플러그인은 노력을 합리화하는 완벽한 방법입니다! 그러나 목표를 달성하는 데 도움이 되는 완벽한 것을 찾는 것은 CTA를 테스트하는 A/B와 비슷할 수 있습니다. 결과를 정확히 알기 위해서는 조사, 테스트 및 추적 결과가 필요합니다. 이제 플러그인 디렉토리의 모든 유용한 옵션을 곱하면 우선 순위를 정할 세탁 목록이 표시됩니다.

롱 스크롤링 사이트를 사용하는 것을 좋아하고 이 목록에 추가할 훌륭한 팁이 있습니까? 아래 의견에 알려주십시오.