기업 공식 웹사이트의 카테고리 페이지는 방문자가 내비게이션을 통해 들어왔을 때 처음 보게 되는 콘텐츠 목록입니다. 홈페이지처럼 반복적으로 다듬어지지도 않고, 개별 콘텐츠처럼 전담 교정자가 있는 것도 아니어서, 여러 차례 업데이트를 거치면서 서서히 흐트러지기 쉽습니다. 오늘은 제목이 긴 글을 하나 추가하고, 내일은 크기가 다른 이미지를 하나 보충하고, 모레는 누군가 요약을 생략합니다. 하나하나 따로 보면 잘못이 아니지만, 모아 놓으면 산만해 보입니다.
통일성을 유지하는 방법은 매번 업데이트할 때마다 디자인을 다시 하는 것이 아니라, 먼저 카테고리 페이지가 어떤 역할을 해야 하는지, 각 정보 유형을 어떤 형식으로 작성할지 정한 다음, 게시 프로세스와 정기 점검으로 이를 뒷받침하는 것입니다.
카테고리 페이지의 역할을 먼저 확인한 후 통일성 논의
통일의 전제는 이 카테고리 페이지가 어떤 문제를 해결해야 하는지 아는 것입니다. 같은 목록 페이지라도 뉴스 동향과 서비스 항목은 '통일'에 대한 요구가 다릅니다.
판단 방법은 간단할 수 있습니다. 카테고리 페이지를 열고 "방문자가 이 화면을 보고 무엇을 알아야 하는가"라고 질문해 보세요. 답이 "최근에 어떤 새로운 소식이 있는가"에 가깝다면 통일의 중점은 게시 시간, 제목 길이, 요약의 일관성에 있습니다. 답이 "이 회사가 어떤 서비스를 제공할 수 있는가"에 가깝다면 서비스 이름 작성 방식, 정렬 논리, 진입점의 완전성에 중점을 둡니다.
역할이 명확해지면 이후의 모든 레이아웃 규칙에 근거가 생깁니다. 그렇지 않으면 정돈을 위해 서비스 이름을 억지로 잘라내서 방문자가 그 서비스가 무엇인지 이해하지 못하는 상황이 발생할 수 있습니다.
카테고리 페이지 정보를 고정 필드로 분해
카테고리 페이지의 각 콘텐츠는 일반적으로 몇 가지 고정 필드로 구성됩니다. 제목, 요약 또는 소개, 썸네일, 게시 시간, 소속 카테고리, 때로는 태그나 작은 아이콘도 있습니다. 통일이란 이러한 필드가 각 콘텐츠에서 일관된 방식으로 작성되도록 하는 것입니다.
다음과 같은 방식으로 항목별 규칙을 정할 수 있습니다.
- 제목: 대략적인 길이 범위를 정합니다. 예를 들어 십몇 자에서 이십몇 자 사이로 제한하여 한 항목은 네 글자뿐이고 다른 항목은 두 줄을 차지하는 일을 피합니다. 제목에 연도, 지역 또는 서비스 유형을 포함할지 여부도 통일해야 하며, 어떤 것은 포함하고 어떤 것은 포함하지 않으면 안 됩니다.
- 요약: 필수인지 선택인지 명확히 합니다. 필수라면 길이와 작성 방식을 정합니다. 예를 들어 한두 문장으로 이 콘텐츠가 어떤 문제를 해결하는지 설명하고, 어떤 것은 구호처럼 쓰고 어떤 것은 본문 전체의 도입부처럼 쓰지 않도록 합니다.
- 썸네일: 통일된 가로세로 비율과 여백 방식을 정합니다. 이미지 파일 이름도 규칙을 두어 팀이 자료실에서 검색하기 쉽게 합니다. 예를 들어 '카테고리-주제-번호' 방식으로 이름을 지정하고, 카메라 기본 파일 이름을 사용하지 않습니다.
- 게시 시간: 형식을 통일하고, 구체적인 시간까지 표시할지도 일관되게 합니다. 오랫동안 업데이트되지 않는 카테고리는 시간 표시를 유지할지 고려할 수 있습니다.
이러한 규칙은 긴 문서로 작성할 필요 없이 한 장짜리 게시 안내로 정리하여 백엔드나 협업 도구에 두면, 새로 인수하는 사람도 그대로 따라 할 수 있습니다.
계층과 정렬을 한 번에 명확히 정하기
카테고리 페이지의 '비통일성'은 종종 스타일 문제가 아니라 계층과 순서의 혼란입니다. 예를 들어 같은 카테고리 아래에서 어떤 콘텐츠는 1차 항목이고 어떤 것은 2차 분류에 숨어 있습니다. 정렬에서도 어떤 것은 시간 역순이고 어떤 것은 수동 상단 고정 때문에 규칙성이 없어 보입니다.
비교적 안정적인 방법은 먼저 이 카테고리가 단일 목록인지 추가 그룹화가 필요한지 결정하는 것입니다. 콘텐츠 유형 차이가 뚜렷하면 몇 개의 2차 분류로 나누고 각 콘텐츠는 그중 하나에만 속하도록 규정합니다. 콘텐츠 수가 많지 않으면 단일 계층을 유지하여 분류를 위한 분류를 피합니다.
정렬 규칙도 명확히 해야 합니다. 일반적으로 게시 시간순, 수동 정렬, 중요도 혼합 등이 있습니다. 어떤 것을 선택하든 카테고리 페이지 내에서 동일한 논리를 유지하여 방문자가 왜 이 항목이 앞에 있는지 추측하지 않도록 해야 합니다. 수동 정렬은 콘텐츠 수가 적고 순서를 강조해야 하는 카테고리에 적합하지만, 정기적으로 검토하는 습관이 필요합니다. 그렇지 않으면 오래된 콘텐츠가 계속 새 콘텐츠 위에 놓이게 됩니다.
게시 전 항목별 점검이 사후 재작업보다 효율적
통일성은 게시 단계에서 가장 쉽게 깨집니다. 편집자가 시간에 쫓겨 제목을 대충 쓰고 이미지를 아무렇게나 올리면 카테고리 페이지가 들쭉날쭉해지기 시작합니다. 사후에 하나씩 수정하기보다 게시 전에 점검 절차를 두는 것이 좋습니다.
다음 순서로 확인할 수 있습니다.
- 제목이 길이와 작성 규칙에 맞는지, 불필요한 공백이나 기호가 없는지.
- 요약이 작성되었는지, 길이와 어조가 같은 카테고리의 다른 항목과 비슷한지.
- 썸네일 비율이 올바른지, 파일 이름이 규칙에 따라 지정되었는지, 이미지가 선명한지.
- 소속 카테고리가 올바르게 선택되었는지, 다른 카테고리에 잘못 들어가지 않았는지.
- 게시 시간을 조정할 필요가 있는지, 명백히 불합리한 날짜가 없는지.
- 게시 후 카테고리 페이지를 열어 이 콘텐츠가 목록에서의 위치와 표시 효과가 인접 항목과 일치하는지 확인.
이 단계는 몇 분이면 끝나지만 카테고리 페이지를 어지럽히는 대부분의 상황을 막을 수 있습니다.
정기 점검으로 과거의 불일치 처리
새로 게시된 콘텐츠가 모두 규칙을 지켜도 오래된 콘텐츠는 여전히 현재와 일치하지 않을 수 있습니다. 일정 기간마다, 예를 들어 분기별 또는 반기별로 카테고리 페이지를 처음부터 훑어보며 세 가지 문제를 중점적으로 확인하는 것이 좋습니다.
첫째, 명백히 오래된 정보입니다. 예를 들어 더 이상 제공하지 않는 서비스, 작동하지 않는 진입점 등은 업데이트, 병합 또는 삭제를 고려해야 합니다. 둘째, 같은 주제가 중복으로 나타나는 항목입니다. 하나로 병합하여 방문자의 선택 비용을 줄일 수 있습니다. 셋째, 레이아웃에서 눈에 띄게 어울리지 않는 항목입니다. 예를 들어 요약이 비어 있거나 이미지 비율이 이상한 경우 현재 규칙에 맞게 보완합니다.
점검 시 간단한 기록을 남기는 것이 좋습니다. 어떤 항목을 수정했는지, 어떤 것을 유지하기로 했는지, 어떤 것을 후속 처리해야 하는지. 그러면 다음 점검 때 처음부터 판단할 필요가 없습니다.
통일은 유지 관리의 결과이지 디자인의 결과가 아니다
카테고리 페이지의 통일은 본질적으로 지속적인 유지 관리의 결과입니다. 디자인 단계에서 레이아웃을 정하는 것은 시작점일 뿐이며, 실제로 정돈 여부를 결정하는 것은 매번 업데이트할 때 누군가 같은 규칙에 따라 필드를 작성하는지, 게시 전에 목록 효과를 확인하는지, 정기적으로 돌아와 오래된 콘텐츠를 정리하는지입니다.
지금 공식 웹사이트에 콘텐츠를 보충하려 한다면 작은 일부터 시작할 수 있습니다. 업데이트가 비교적 잦은 카테고리 페이지를 열고 제목, 요약, 이미지, 정렬을 하나씩 대조하여 가장 일관되지 않은 항목을 찾아 먼저 통일하세요. 이 카테고리부터 시작해 점차 다른 카테고리로 확장하는 것이 전체 사이트를 한 번에 재작업하는 것보다 유지하기 쉽습니다.
