[Do it] 웹사이트 구조 설계

- 웹의 정보구조설계를 완료하면 주요 메뉴를 추려 사이트맵을 구성한다

 

1. 준비단계 : '기능'의 의미

- 기능은 특정한 동작을 뜻한다.

- 기능은 크게 프로세스와 엘리먼트로 구분할 수 있다.

- 프로세스 : 이용자가 특정한 목적을 달성할 때 필요한 화면을 합한 것이다. (회원가입, 결제, 게시판 등)

- 엘리먼트 : 화면을 구성하는 여러 요소 가운데 특정 기능을 수행하는 것이다. (에디터 기능, 옵션 기능, 등록 기능 등)

 

2. 1단계 : 프로세스나 정보를 화면 단위로 설계하기

- 기능의 성격과 이용자의 특성을 파악해 구성해야 한다.

- 프로세스를 여러 화면으로 설계할 경우 : 게시판의 글 작성/수정/목록 등으로 나누는 거

- 프로세스를 한 화면으로 설계할 경우 : 한 화면에 담아야 편리한 경우도 있다. 예를 들면 상품 주문할 때 최종확인 페이지

 

3. 공통점이 있는 화면은 그룹으로 묶기

- 정리된 화면과 기능을 어떤 기준으로 분류할 것인지 고민해야 한다.

- 상위 개념을 만들어서 묶을 수 있다.

- 기능정의서 작업을 선행했다면 그룹화는 더 쉬울 수 있다.

- 그룹화가 끝나면 웹사이트의 윤곽이 드러난다.

 

4. 웹사이트의 구조를 문서로 만들기

- 상하 관계를 고려하여 화면 경로를 뎁스로 구분하는 것이 일반적이다.

- 잘 만들어놔야 욕 안먹는다

이런거 엑셀로 만들면 된다

 

5. 웹사이트맵 만들기

- 웹사이트 맵은 이용자가 보는 문서이다.

- 원하는 메뉴를 한번에 찾게 해주는 지도 역할을 한다.

- 특정 프로세스 혹은 메뉴를 기준으로 작성한다.

- 너무 많은 내용을 담으면 복잡해져서 불편하다.