Web Guide사이트맵 작성홈페이지 메뉴 구조IA 설계
사이트맵 작성법 메뉴 구조가 홈페이지의 절반이다
사이트맵은 홈페이지의 설계도입니다.
어떤 페이지가 있고 어떻게 연결되는지를 정한 문서로, 디자인과 개발은 모두 이 위에서 이루어집니다. 사이트맵이 흔들리면 뒤의 모든 단계가 다시 흔들리기 때문에 제작 초기에 가장 공을 들여야 합니다.
포스트잇으로 1차 · 2차 메뉴를 묶어 보는 사이트맵 작업
01
1차 메뉴는 다섯 개 안팎
상단 메뉴가 일곱 개를 넘으면 방문자는 읽지 않고 훑습니다. 회사, 서비스, 실적, 소식, 문의처럼 다섯 개 안팎으로 묶고 세부는 2차 메뉴로 내립니다.
핵심
메뉴를 줄이는 것이 아니라 묶는 것입니다. 무엇을 묶을지 고민하는 과정에서 회사가 무엇을 중요하게 여기는지가 드러납니다.
02
방문자의 동선을 따라 순서를 정한다
메뉴 순서는 조직도가 아니라 방문자의 질문 순서입니다. 회사소개를 맨 앞에 두는 관습이 있지만, 서비스가 핵심이라면 서비스가 첫 메뉴여도 됩니다.
손으로 그린 메뉴 트리 초안
03
페이지마다 형태를 표시한다
사이트맵의 각 항목에 ‘일반 페이지’, ‘게시판’, ‘갤러리’, ‘폼’, ‘외부 링크’처럼 형태를 적어 두면 견적과 개발 범위가 정확해집니다.
일반
게시판
갤러리
폼
외부 링크
게시판은 목록 · 상세 · 글쓰기 화면이 따라오고, 폼은 관리자 접수 화면이 필요하다는 점을 이 단계에서 드러내는 것입니다.
04
3년 뒤 추가될 메뉴의 자리를 비워 둔다
신규 사업, 채용, 다국어처럼 지금은 없지만 생길 가능성이 있는 메뉴의 위치를 미리 생각해 두면 나중에 구조를 뜯지 않아도 됩니다.
신규 사업
채용
다국어
사이트맵 단계에서 확장 가능성을 함께 묻고, 필요하면 관리자에서 메뉴를 추가할 수 있는 구조로 설계합니다.
CHECK POINT
□ 1차 메뉴가 다섯 개 안팎으로 정리되었는가
□ 메뉴 순서가 조직도가 아니라 방문자의 질문 순서인가
□ 각 페이지의 형태(일반 · 게시판 · 폼)를 표시했는가
사이트맵이 정리되면 디자인과 개발은 그 위를 따라갑니다.
반대로 사이트맵이 비어 있으면 모든 단계가 다시 돌아옵니다. 첫 미팅에 메뉴 초안을 가져오시면 그 자리에서 함께 다듬습니다.
#사이트맵 작성
#메뉴 구조
#IA 설계
#정보 구조
#메뉴 순서
#확장 가능한 구조