한눈에 보는 정의
웹페이지를 열었을 때 스크롤하지 않고 처음 보이는 화면 영역. 그 경계선을 폴드라고 부른다.
이런 말로 들어요
- 폴드 위에 전화 버튼이 안 보여요. 위로 올리죠.
- 첫 화면에 사진만 크고 무슨 회사인지가 안 보입니다.
그림으로 보기
폴드는 스크롤 없이 처음 보이는 영역의 경계입니다. 기기마다 화면 높이가 달라 첫 화면에 보이는 양이 다릅니다.
하캄솔루션 자체 제작 설명도식자세히 알아보기
신문을 반으로 접었을 때 위쪽에 보이는 면에서 나온 말입니다. 방문자는 첫 화면을 보고 계속 볼지 판단하므로, 무엇을 하는 곳인지와 다음 행동(문의·예약)이 이 영역에서 드러나야 합니다. 화면 크기마다 폴드 위치가 달라서 모바일과 PC를 따로 확인합니다.
실무 예시
예를 들어 모바일 첫 화면에 큰 사진만 있고 서비스 설명이 아래에 있으면, 사진 높이를 줄이고 한 줄 소개와 상담 버튼을 첫 화면 안으로 올립니다.
함께 살펴볼 점
모든 내용을 첫 화면에 넣으려 하면 오히려 읽기 어렵습니다. 사람들은 스크롤도 하므로, 첫 화면은 계속 볼 이유를 주는 데 집중합니다.
AI에게 이렇게 요청해 보세요
이 랜딩페이지의 첫 화면(390×844 모바일)에 회사가 하는 일 한 줄, 대상 고객, 상담 버튼이 모두 보이도록 히어로 섹션 높이와 문구를 조정해 줘.
코딩·작성 도구에 붙여 쓰기 전에 내 상황에 맞게 바꾸고, 결과는 직접 확인하세요.출처와 검토 정보
- The Fold Manifesto: Why the Page Fold Still Matters | NN/g 새 창
Nielsen Norman Group 글에서 폴드의 의미와 첫 화면 내용이 계속 볼지를 판단하는 데 영향을 준다는 관점을 확인했습니다.
자료 확인 - Scrolling and Attention | NN/g 새 창
사용자 주의가 페이지 위쪽에 더 많이 머문다는 연구 정리를 확인했습니다.
자료 확인
내용 검토
최초 발행 · 내용 수정