메뉴가 길어졌을 때 먼저 볼 것은 항목 수가 아니다
블로그가 자라면서 메뉴에 항목을 계속 추가하면 휴대전화 화면에서 선택지가 여러 줄로 늘어날 수 있습니다. 이때 몇 개 이하로 줄여야 한다는 숫자를 먼저 정하면 독자가 필요로 하는 구분을 없애기 쉽습니다. 메뉴를 여는 사람이 어떤 일을 하려고 하는지부터 살펴봅니다. 전체 글을 찾는 사람과 상담 정보를 찾는 사람, 운영 주체를 확인하는 사람의 목적이 같은 이름 아래 섞여 있지 않은지 확인합니다.
메뉴는 글을 자세히 설명하는 자리보다 갈 곳을 선택하는 자리입니다. 항목마다 긴 소개 문구를 붙이면 이름을 읽는 데 시간이 걸리고 현재 위치를 파악하기 어려울 수 있습니다. 그러나 이름을 한 글자짜리 약어로 줄이면 무엇이 열리는지 예측할 수 없게 됩니다. 짧음과 명확함을 같은 뜻으로 생각하지 않고, 목적지가 떠오르는 이름인지 검토해야 합니다. 팀 내부에서만 쓰는 업무 용어가 외부 독자에게도 익숙한지는 별도 문제입니다.
가상의 운영 블로그에서 ‘콘텐츠’, ‘자료’, ‘가이드’가 나란히 있다고 생각해 봅니다. 세 항목에 모두 안내 글이 들어 있다면 처음 방문한 독자는 원하는 글이 어디에 있을지 알기 어렵습니다. 실제 방문자가 혼동했다고 주장하는 사례가 아니라 분류 이름을 점검하기 위한 상황입니다. 각 메뉴가 제공하는 자료의 차이를 한 문장으로 설명하지 못한다면 이름을 바꾸거나 묶음을 다시 나눌 이유가 있습니다.
메뉴를 줄이는 작업은 글을 삭제하는 작업과 구분합니다. 여러 항목을 하나의 목록으로 묶더라도 기존 내용을 찾을 수 있는 경로가 남아 있어야 합니다. 아직 원고가 없는 분류를 채워 보이게 하려고 가짜 글이나 빈 연결을 만들지 않습니다. 준비 중인 항목은 비공개 설정에서 보관하고, 실제로 공개되는 메뉴는 접근 가능한 내용과 맞춥니다. 메뉴의 모양을 완성하기 위해 없는 자료를 있는 것처럼 안내하지 않는 것이 기본입니다.
현재 위치를 알려 주는 단서를 읽기
휴대전화에서 메뉴를 열었을 때 지금 어느 영역을 보고 있는지 확인할 수 있는지 봅니다. 제목과 메뉴 이름이 전혀 다른 표현이면 현재 글이 어디에 속하는지 추측해야 할 수 있습니다. 분류명이 본문 화면이나 목록 제목과 일관되는지 살펴봅니다. 선택된 항목을 색으로만 표시한 경우에는 색을 구분하기 어려운 환경에서도 위치를 알 수 있는지 다른 단서를 함께 검토합니다.
상단 로고를 누르면 어디로 가는지도 실제로 확인합니다. 홈으로 돌아갈 것이라는 기대가 일반적일 수 있지만 현재 사이트의 동작을 보지 않고 단정하지 않습니다. 로고가 기준 사이트나 다른 사이트로 연결되어 있다면 독자는 같은 운영 화면 안에 있다고 생각하면서 별도의 주소로 이동할 수 있습니다. 각 사이트를 독립적으로 관리한다면 메뉴와 로고의 목적지도 해당 사이트의 구조와 일치해야 합니다.
본문에서 분류 목록으로 돌아가는 연결이 있다면 전체 목록과 분류 목록이 구별되는지 봅니다. ‘목록’이라는 같은 문구가 화면마다 다른 대상을 가리키면 이동 후 글의 범위가 바뀌었다는 사실을 놓칠 수 있습니다. 독자가 이전에 보던 묶음으로 돌아가는지 전체 글로 나가는지 알 수 있게 문맥을 정합니다. 링크 문구를 길게 늘리기보다 이름과 제목의 관계를 안정적으로 맞추는 것이 우선입니다.
하단 정보 영역의 링크를 상단 메뉴와 같은 역할로 과도하게 중복시키지 않습니다. 사업자 확인이나 연락 수단처럼 글을 읽은 뒤 찾을 정보는 하단에 있어도 의미가 있지만, 전체 글로 가는 주요 경로를 하단에서만 제공하면 탐색이 길어질 수 있습니다. 어느 위치에서 독자가 어떤 결정을 하는지 기준으로 링크의 역할을 나눕니다. 같은 목적지가 여러 곳에 있어도 이름은 서로 모순되지 않아야 합니다.
열기와 닫기 사이의 행동을 확인하기
접힌 메뉴를 누르면 내용이 열리는지 확인하는 것으로 끝내지 않습니다. 메뉴가 열린 동안 뒤의 본문이 어떻게 보이는지, 닫는 방법이 분명한지, 원하는 항목을 선택한 뒤 메뉴가 어떤 상태가 되는지 봅니다. 닫기 표시가 화면 밖으로 밀려 있거나 다른 버튼과 겹치면 독자는 탐색 도중 멈출 수 있습니다. 실제 손으로 여닫으며 관찰한 현상을 기록해야 합니다.
긴 메뉴가 화면 높이를 넘는다면 끝까지 볼 수 있는지 확인합니다. 메뉴를 움직이려다가 뒤의 본문만 움직이는 경우에는 마지막 항목에 도달하기 어려울 수 있습니다. 반대로 메뉴 안에서 움직이는 영역이 별도로 있다면 그 구조를 알아차릴 수 있는지 살펴봅니다. 구현 방식은 여러 가지일 수 있으므로 특정 코드를 먼저 요구하기보다 마지막 항목을 선택할 수 있는 상태를 완료 조건으로 제시합니다.
글자를 크게 설정했을 때 메뉴 이름이 여러 줄로 늘어나는 상황도 관련이 있습니다. 줄을 늘리는 것은 자연스러울 수 있지만 이웃 항목과 겹치거나 클릭 영역이 분리되지 않으면 수정이 필요합니다. 항목 이름을 일방적으로 줄이기 전에 배열과 여백을 조정할 수 있는지 확인합니다. 같은 메뉴라도 기본 글자와 확대 글자에서 독자가 구별하는 항목의 경계가 유지되어야 합니다.
메뉴를 연 채 화면 방향을 바꾸거나 다른 창을 다녀오는 상황은 실제 사이트에서 가능한 범위로 확인합니다. 모든 조합을 무한히 시험할 필요는 없지만, 한 번 열린 메뉴가 닫히지 않아 본문을 가리는 현상을 발견했다면 재현 조건을 남깁니다. ‘모바일 메뉴 오류’라는 말보다 시작 화면과 누른 순서, 마지막에 보인 상태를 적어야 담당자가 같은 문제를 살펴볼 수 있습니다.
분류를 통합하거나 이름을 바꿀 때의 원고 대조
메뉴 개편 전에 각 목적지에 들어 있는 글의 질문을 살펴봅니다. 제목에 같은 단어가 있다는 이유만으로 같은 분류에 넣으면 실제 독자 행동은 서로 다를 수 있습니다. 자료를 준비하는 글과 발행 후 수정하는 글이 모두 ‘운영’이라는 이름으로 묶일 수는 있지만, 목록에서 두 종류를 구별할 단서가 있어야 합니다. 분류 이름은 원고의 중심 질문과 연결해 정하는 것이 좋습니다.
메뉴명을 바꾸면 목록 제목, 본문 분류 표시, 돌아가기 문구도 함께 대조합니다. 메뉴만 새로운 이름을 쓰고 나머지 화면에 옛 이름이 남으면 서로 다른 영역으로 오해할 수 있습니다. 전체를 한꺼번에 찾아 바꾸기 전에 같은 단어가 다른 의미로 쓰인 곳이 없는지 확인합니다. 단순 문자열 교체보다 화면별 역할을 대조하는 편집이 필요합니다.
원고가 아직 없는 메뉴는 나중에 쓰일 제목으로 준비할 수 있지만, 공개 화면에서 클릭 가능한 빈 항목으로 만들어 두지 않습니다. 검수용 화면에서는 준비 상태임을 분명히 하고 실제 게시 목록과 분리합니다. 대표 카드가 연결될 원고를 준비 중이라면 해당 관계도 관리 자료에 남깁니다. 메뉴가 많아 보이도록 채우는 것보다 실제로 읽을 수 있는 내용의 범위를 정확하게 보여 주는 것이 우선입니다.
통합 뒤 특정 글의 주소를 변경해야 하는 경우에는 링크 관리 작업이 따로 필요할 수 있습니다. 이 글에서는 이동 방식이나 검색 처리까지 완료되었다고 주장하지 않습니다. 편집자는 어떤 기존 목적지가 바뀌는지 목록으로 남기고 사이트 담당자가 주소와 내부 연결을 검토할 수 있게 전달합니다. 메뉴 이름을 바꾸는 수정과 주소를 바꾸는 수정의 범위를 구분해야 빠진 연결을 발견하기 쉽습니다.
목적지를 찾아가는 짧은 과업으로 마무리하기
검수자는 메뉴를 보기 전에 과업을 정합니다. 전체 글 목록 열기, 운영 주체 확인하기, 문의 수단 찾기처럼 실제 사이트가 제공하는 일을 고릅니다. 메뉴를 연 뒤 어느 항목을 선택했는지와 도착한 화면이 기대와 맞았는지 적습니다. 이름만 보고 선택하기 어려웠다면 어느 두 항목 사이에서 망설였는지 기록합니다. 이는 실제 사용 통계가 아니라 준비 화면의 명확성을 살피는 편집 검토입니다.
수정 요청에는 잘못 고른 목적지와 그 이유가 되는 이름을 함께 남깁니다. 예를 들어 ‘자료와 가이드의 차이를 이름에서 알 수 없어 전체 목록을 두 번 열게 됨’처럼 적을 수 있습니다. 메뉴 폭을 줄이는 작업과 분류 체계를 바꾸는 작업은 해결 범위가 다르므로 구분합니다. 화면 담당자가 여백만 조정해도 내용 분류의 혼동은 남을 수 있기 때문입니다.
완료 후에는 같은 과업을 처음 화면에서 다시 수행합니다. 수정한 메뉴가 열리는지뿐 아니라 도착지 제목과 현재 위치 표시까지 이어서 확인합니다. 다른 담당자가 글을 추가할 때 어떤 분류에 넣을지 판단할 기준도 남깁니다. 메뉴명만 전달하면 시간이 지나며 서로 비슷한 묶음이 다시 늘어날 수 있습니다. 분류마다 받는 질문의 범위를 짧게 적어 두면 운영 중에도 구조를 유지하기 수월합니다.
메뉴가 짧아졌다는 사실을 성과로 삼기보다 필요한 목적지에 의미 있게 도착했는지로 준비 상태를 평가합니다. 공개하지 않은 내용은 준비 자료에 남기고, 실제 연결은 존재하는 화면을 가리키며, 독자가 현재 위치를 확인할 수 있어야 합니다. 이후 글 수가 늘어나더라도 이 기준으로 항목을 추가하거나 통합하면 디자인을 반복해서 바꾸기 전에 탐색에서 생긴 구체적인 문제를 찾아낼 수 있습니다.