정보 아키텍처(IA) 문서는 웹 리디자인 및 감사 시 디자인, 콘텐츠, 엔지니어링 팀이 사용하는 주요 참조 시트입니다. 모든 페이지, 카테고리, 깊이 수준, 설명, 코멘트, 참조 URL을 나열하는 청사진 역할을 합니다. 일반 CSV 파일은 원시 데이터에는 적합하지만, 스타일이 없는 스프레드시트를 클라이언트나 이해관계자와 공유하면 비전문적으로 보이고 내비게이션이 어려워집니다.
이 가이드에서는 스타일이 적용된 IA Excel 스프레드시트의 구조를 살펴보고, 팀을 위해 이를 구축하는 방법을 설명합니다.
1. 스프레드시트 레이아웃 구조화
전문적인 IA 문서에는 명확하고 구조화된 레이아웃이 필요합니다. 3행 헤더 구조를 권장합니다:
- 1행: 브랜드명, Locale, 대상 사이트 URL(활성 하이퍼링크 형식)을 나열하는 어두운 배경 헤더.
- 2행: 타이틀 카드와 메인 데이터베이스 열을 구분하는 빈 간격 행.
- 3행: 데이터 열(Screen ID, Depth 수준, Contents, Comments, URL)의 헤더 레이블.
2. 열 정의(Screen ID부터 AS-IS URL까지)
페이지 메타데이터를 추적하기 위해 데이터 열을 논리적으로 구조화합니다:
- Screen ID: 디자이너와 개발자가 사용하는 고유 식별 코드(예: 기업 페이지의
LAF-KR-C-01). - Depth 0 ~ Depth 3: 계층 수준별로 페이지를 분류합니다. 깔끔한 스타일을 위해 같은 카테고리 내 페이지의 반복되는 Depth 0 값은 숨깁니다.
- Contents & Comments: 페이지 목적을 설명하고 의존성이나 이슈를 기록합니다.
- AS-IS URL: 참조 페이지로 연결되는 활성 링크를 제공합니다.
3. 전문적인 스타일 규칙 적용
다음 스타일 선택으로 스프레드시트 가독성을 높이세요:
- 텍스트 콘텐츠 여유를 위해 행 높이를 26pt로 설정합니다.
- 셀 구분을 위해 얇은 테두리(
#D9D9D9)를 사용합니다. - 각 카테고리 그룹의 첫 행에 연한 회색 배경(
#F2F2F2)을 채우고 카테고리 텍스트를 굵게 설정하여 명확한 시각적 구분을 만듭니다. - 대규모 디렉터리를 스크롤할 때 레이블이 보이도록 헤더 행에 틀 고정을 활성화합니다.
4. 핵심 페이지 우선순위 지정(COMMON & GNB)
모든 페이지에 표시되는 전역 섹션(Header, GNB 드롭다운, Footer 링크 등)을 스프레드시트 상단에 COMMON 페이지로 나열합니다. 이렇게 하면 개별 제품이나 회사 페이지를 나열하기 전에 사이트 전체 에셋을 함께 그룹화할 수 있습니다.
IA Excel 체크리스트
- [ ] 타이틀 블록에 대상 URL이 활성 하이퍼링크로 포함되어 있습니다.
- [ ] 스크롤 편의를 위해 헤더 행이 고정되어 있습니다.
- [ ] 콘텐츠 잘림 방지를 위해 모든 셀에 텍스트 줄 바꿈이 활성화되어 있습니다.
- [ ] 카테고리 구분이 배경 채우기로 강조되어 있습니다.
- [ ] 참조 URL이 클릭 가능한 하이퍼링크로 포맷되어 있습니다.
- [ ] Screen ID가 일관된 접두사 명명 규칙을 따릅니다.
AttractiveWebAI로 스타일 IA 내보내기
이러한 스프레드시트를 수동으로 구축하는 것은 매우 번거롭습니다. AttractiveWebAI의 DeepAnalyzer는 이 전체 워크플로를 자동화합니다. 사이트 디렉터리를 크롤링하고, 깊이별로 페이지를 구조화하며, GNB 관계를 매핑하고, 데이터를 아름답게 스타일이 적용된 XLSX Excel 파일로 내보냅니다. 내보내기에는 병합된 타이틀 카드, 틀 고정, 굵은 그룹 헤더, 활성 링크가 기본 포함됩니다.
스타일 IA 문서를 다운로드하고 싶으신가요? 아래를 클릭하여 사이트 sitemap을 내보내세요.