항상 보이는 버튼과 끝까지 읽을 본문
모바일 화면 아래에 상담 버튼을 고정하면 글을 읽는 중에도 연락 수단을 찾을 수 있습니다. 그러나 고정 영역이 본문 위에 겹쳐 있으면 마지막 문장이나 하단 정보가 가려질 수 있습니다. 버튼이 눈에 잘 들어온다는 사실만으로 좋은 배치라고 판단하지 않습니다. 독자가 연락하기 전에 필요한 설명을 끝까지 읽고, 연락 외의 다른 경로도 선택할 수 있는지 함께 확인해야 합니다.
가상의 사이트에서 마지막 문단 아래에 관련 글과 사업자 정보가 이어진다고 생각해 봅니다. 화면 끝까지 내려도 고정 버튼 뒤에 한 줄이 남아 있으면 독자는 내용이 더 있는지 알 수 없습니다. 이것은 실제 문의율이나 방문자 불만을 보고하는 사례가 아니라 검수에서 확인할 수 있는 배치 상황입니다. 문제가 되는 것은 화면 아래에 버튼이 있다는 사실보다 가려진 정보에 도달할 수 없다는 점입니다.
본문 끝에 여백을 넣는 방식이 도움이 될 수 있지만 임의로 긴 빈 공간을 추가하는 것만으로 해결을 끝내지는 않습니다. 버튼 높이가 글자 크기나 화면 방향에 따라 바뀌면 필요한 공간도 달라질 수 있습니다. 작성자는 어떤 내용이 가려지는지 기록하고, 화면 담당자는 실제 고정 영역과 본문 관계를 조정합니다. 편집과 배치의 역할을 나누되 결과는 독자의 읽기 과업으로 확인합니다.
상담을 유도하는 문구 때문에 중요한 안내를 생략하거나 아래로 밀어내지 않습니다. 버튼 주변의 강조 문장이 길어지면 고정 영역 자체가 커질 수 있습니다. 운영자가 확인한 연락 수단과 목적을 간결하게 보여 주고, 상세 설명은 본문에서 읽을 수 있게 구성할 수 있습니다. 읽기 공간을 줄이면서 같은 홍보 문구를 반복하는 배치는 실제로 어떤 정보에 도움이 되는지 다시 검토합니다.
바닥까지 내려가 보는 검수
먼저 글의 가장 아래로 이동해 마지막 문장의 끝을 읽어 봅니다. 화면을 더 움직일 수 있는지와 버튼 뒤에 가려진 글자가 있는지를 살핍니다. 하단 정보가 있다는 것을 아는 작성자의 시선이 아니라 처음 들어온 독자가 볼 수 있는 범위로 판단합니다. 스크린샷에는 버튼과 마지막 내용이 동시에 보이도록 위치를 잡아 어떤 부분이 겹치는지 기록합니다.
사업자 정보와 상담 정보가 같은 하단에 있을 경우 각 영역의 제목과 값이 끊기지 않는지 확인합니다. 상호나 주소의 일부만 보이고 나머지가 고정 영역 뒤에 있다면 운영 주체를 파악하기 어려울 수 있습니다. 줄바꿈이 많은 주소는 화면 높이를 더 차지하므로 실제 표시 상태를 봅니다. 사업자 정보 검수에서 확인하지 않은 생년월일이나 용도 다른 이메일을 추가할 이유는 없습니다.
페이지 이동이나 전체 목록 버튼이 본문 끝에 있다면 손으로 눌러 봅니다. 보이지만 고정 상담 영역이 클릭을 가로채는 경우가 있는지 확인할 수 있는 범위에서 살핍니다. 링크 문구의 중앙만 누르지 말고 일반적으로 손가락이 닿을 범위에서 선택이 안정적인지 봅니다. 눌렀을 때 상담창이 열렸다면 어떤 위치를 눌렀는지 기록하고 두 영역의 관계를 수정 요청에 포함합니다.
병원 참고 링크가 글 아래에 있다면 마지막 링크까지 선택할 수 있는지 확인합니다. 참고 링크와 운영자의 상담 버튼은 목적이 다르므로 서로 겹치면 독자가 다른 곳으로 이동할 수 있습니다. 특정 병원 링크를 상담 접수 수단으로 오해하게 만드는 배치가 없는지도 읽습니다. 링크가 여러 개라는 이유로 작은 한 줄 안에 밀어 넣기보다 이름과 목적지를 구별할 공간을 확보할 수 있는지 봅니다.
버튼의 높이가 달라지는 조건
기본 글자 크기에서 문제가 없더라도 글자를 키운 상태에서는 버튼 문구가 두 줄로 바뀔 수 있습니다. 고정 영역의 높이가 늘어나면서 본문 여백이 충분하지 않게 되는지 확인합니다. 확대를 막거나 버튼 글씨만 지나치게 줄이는 방식을 먼저 택하지 않습니다. 문구를 간결하게 다듬을 수 있는지, 버튼 배열을 바꿀 수 있는지, 본문이 가려지지 않도록 공간이 대응하는지 함께 검토합니다.
세로 화면과 가로 화면에서는 이용 가능한 높이가 달라집니다. 가로로 돌렸을 때 고정 영역이 화면의 큰 부분을 차지해 본문을 거의 읽지 못하는지 살펴봅니다. 화면 방향을 바꾸는 모든 순간을 정밀하게 측정할 필요는 없지만, 읽기 가능한 공간과 마지막 문장 접근은 직접 확인할 수 있습니다. 특정 기기에서의 관찰을 다른 모든 기기에 적용된 결과로 적지 않습니다.
브라우저의 주소 표시줄이나 하단 도구가 보였다 사라지는 동안 버튼 위치가 어떻게 보이는지도 확인할 수 있습니다. 그 동작을 사이트가 전부 제어한다고 가정하지 않습니다. 실제 환경에서 고정 영역이 숨거나 겹치는 현상을 발견했다면 기기와 브라우저 상태를 함께 기록합니다. 기술적인 원인을 이름만으로 단정하기보다 어떤 화면에서 어떤 내용을 읽을 수 없었는지 전달합니다.
입력창이 있는 페이지에서 키보드가 열렸다면 고정 버튼이 입력 위치나 제출 버튼과 충돌하는지도 별도로 살펴야 합니다. 블로그 본문에 입력 기능이 없다면 존재하지 않는 양식까지 시험 범위에 넣을 필요는 없습니다. 실제 제공하는 기능만 대상으로 삼아 불필요한 테스트를 줄입니다. 확인하지 않은 기능은 완료 보고에 포함하지 않고, 나중에 추가되면 검수할 조건으로 남깁니다.
버튼을 유지할지 바꿀지 결정하는 기준
고정 버튼의 목적이 어떤 연락 수단을 계속 제공하는 것이라면 그 목적에 필요한 최소한의 내용이 무엇인지 정합니다. 장황한 슬로건과 여러 보조 버튼이 한 영역에 들어 있으면 읽기 공간을 많이 차지할 수 있습니다. 각각의 문구가 독자의 선택에 실제로 필요한지 검토합니다. 불필요한 반복은 줄이되 이메일과 채팅처럼 목적지가 다른 수단의 이름까지 지우지는 않습니다.
고정 영역을 숨기거나 접는 기능을 제공한다면 열고 닫는 동작이 분명한지 확인합니다. 닫은 뒤에도 연락처를 찾을 수 있는 위치가 남아 있어야 할 수 있습니다. 기능이 제공되지 않는 사이트에서 있다고 가정한 안내를 넣지 않습니다. 어떤 배치가 최선인지 일률적으로 결정하기보다 본문 길이와 연락 수단, 실제 화면 제약을 보고 선택합니다.
본문 안에 연락 버튼이 이미 있다면 고정 버튼과 역할이 충돌하지 않는지 읽습니다. 같은 수단을 제공하면서 이름이 다르거나 한쪽만 다른 주소를 가리키면 독자가 어느 것이 맞는지 알기 어렵습니다. 글 아래의 문의 안내와 고정 영역의 목적지를 함께 대조합니다. 상담 주소가 같더라도 특정 글에서만 약속하는 서비스가 버튼에 섞여 있는지 확인할 필요가 있습니다.
수정 방향을 합의할 때는 ‘버튼을 더 작게’라는 지시보다 지켜야 할 결과를 적습니다. 마지막 문장 전체를 읽을 수 있고, 하단 링크를 선택할 수 있으며, 상담 수단 이름을 구별할 수 있어야 한다는 식입니다. 담당자는 이 조건 안에서 여백과 높이, 배열을 조정할 수 있습니다. 하나의 화면에서 보기 좋아진 수정이 다른 글의 긴 주소를 다시 가리지 않는지도 확인합니다.
가려짐을 해결한 뒤 확인할 것
수정본에서는 처음 문제가 나타났던 글과 환경을 다시 엽니다. 본문이 짧은 글만 확인하면 긴 사업자 주소나 참고 링크가 있는 화면의 문제를 놓칠 수 있습니다. 실제로 가려졌던 요소의 끝까지 읽고 눌러 봅니다. ‘여백 추가 완료’라는 작업 기록과 ‘마지막 링크 선택 가능’이라는 검수 기록을 구분하면 구현이 바뀌어도 완료 조건을 유지할 수 있습니다.
다른 글에 영향을 주는 공통 영역을 수정했다면 대표 글과 이미지 없는 일반 글을 각각 살펴볼 이유가 있습니다. 이미지가 있는 글은 높이가 길어도 끝에 도달할 수 있고, 짧은 일반 글은 고정 영역이 상대적으로 크게 느껴질 수 있습니다. 모든 글의 전면 재검사를 반복하기보다 실제 구조 차이가 있는 화면을 선택해 확인합니다. 원고 수가 많다는 이유로 검수 결과를 추정해 적지 않습니다.
검수 캡처에는 필요한 본문과 버튼 영역만 담습니다. 개인 계정이나 다른 앱의 알림이 섞이지 않도록 정리하고, 어느 글의 어느 부분인지 식별자를 남깁니다. 수정 요청에는 가려진 문장이나 눌리지 않은 링크 이름을 명시합니다. 담당자가 스크린샷의 작은 글자를 추측하지 않고 문제를 재현할 수 있도록 시작 위치와 화면 조건도 함께 적습니다.
준비본의 상태는 상담 버튼과 원고의 읽기가 공존하는지로 판단합니다. 연락 수단은 분명하게 남아 있고, 독자는 결정을 하기 전에 설명을 끝까지 확인할 수 있어야 합니다. 이 검수만으로 문의 증가나 검색 성과를 주장하지 않습니다. 확인된 것은 고정 영역이 어떤 정보를 가렸는지와 수정 후 그 정보에 도달할 수 있었는지이며, 추후 버튼 문구가 바뀌면 같은 관계를 다시 살피는 것이 다음 작업입니다.