Home | Local Log | Tag Log | Guestbook | Admin
|

[ IA(Infomation Architecture)란 ]

IA(Infomation Architecture)란, 정보 설계라는 말 그대로 웹 사이트 이용자들에게 원활한 정보 제공을 하기 위하여 정보 체계를 세우고 설계하는 것을 말합니다.
정보 설계에는
- 정보 체계
- 정보의 구조화(웹 사이트의 DB구조와 메뉴구조)
- 네비게이션
- 레이블링
- 정보의 색인과 검색
등이 포함됩니다.

사용자 삽입 이미지



1. 정보의 체계
정보 체계화는 각각의 정보를 하나의 담아놓수 있도록 큰 그릇을 만드는것을 의미합니다. 이 큰그릇은 작은 그릇들로 세분화 됩니다.
정보 체계화에는 각 정보의 명확한 구분을 가지고 체계화하는 방법과, 명확한 관련성을 가지고 있지 않는 정보들을 체계화하는 방법 등으로 나누어 생각해 볼수 있습니다.

- 명확한 특징에 의한 정보 체계화
① 알파벳/가나다 순
② 연대와 날짜 순
③ 지리위치 순

- 명확하지 않는 정보 체계화
① 주제별 - 공통된 주제, 화제에 의한 체계화
② 이용자별 - 정보 이용자가 구별되는 경우 각 이용자에 따른 정보 체계화
③ 기능별 - 사이트 운영자가 강제적으로 지정한 정보 체계화
④ 상징별 - 통상의 이용자라면 연상할 수 있는 것들을 상징 및 대비화시킨 정보 체계화


2. 정보의 구조화(웹 사이트의 정보 구조와 메뉴 구조)
정보의 구조화는 각각의 정보 체계를 연결시켜 놓는 것을 의미하며, 우리가 스터디 하고있는 웹 사이트에 통상적으로 사용되는 정보 구조는 대>중>소의 하향식 계층구조입니다.
웹 사이트의 계층 구조는 수직방향으로 깊이(Depth)가 깊은 계층형태와 수평방향으로 폭(Width)이 넓은 계층 형태가 있습니다.
너비가 좁으면서 깊이가 깊은 웹 사이트 구조는 원하는 정보에 접근하기 위하여 많은 클릭이 필요하며,
폭이 넓은 웹사이트 구조는 하나의 페이지에 많은 메뉴가 보여짐으로써 복잡하면서 컨텐의 빈약성이 느껴질 수도 있습니다.

가장 적절한 웹 사이트 정보 구조는 폭(Width)는 최소 5개에서 최대 9개까지의 메뉴(Function)으로 구성하고,

사용자 삽입 이미지

가로형태 大 메뉴 Navigation


사용자 삽입 이미지
깊이(Depth)는 최대 5단(5Depth) 이하로 제한하여야 합니다. 계속적인 정보의 확장이 예상되는 경우에는 넓은 폭의 정보 구조가 바람직하겠지요.







3. 네비게이션

웹 사이트의 정보 설계에서의 네비게이션은 이용자가 정보를 빨리 찾고(검색, Searching), 이동하기 위해서(탐색, Browsing) 제공하는 모든 것들을 의미합니다.
여기에는 검색 기능(Searching), 이용자 위치 정보(Context), 방문자 정보 표시, 네비게이션 막대(Navigation Bars), 풀다운 메뉴(Pull-Donw Menu), 내용 목록과 인덱스(Index), 사이트 맵(Site Map) 등이 포함됩니다.

- 검색 기능 (Searching Function)
웹 사이트의 정보 이용을 모든사이트에서 꼬옥 필요한 것은 검색기능 입니다.
검색기능은 주제별/메뉴별로 검색될 수 있도록 하여야 하고, 세부 검색이 가능하도록 복합단어 검색이나 연산자 검색까지 지원할 수 있도록 하는 것이 바람직합니다.

- 이용자 위치 정보 (Context, Navigation Bar)

사용자 삽입 이미지
이용자 위치 정보는 현재 이용자가 보고 있거나 위치해 있는 페이지가 어디에에 속한 페이지인지 항상 인지를 할 수 있도록 도와주도록 합니다.
이는 매우 중요합니다. 이용자가 내가 어디 페이지에 위치해 있는지 인지 했냐 모르냐에 따라 그 페이지에서 제공하는 정보가 유저에게 얼마만큼의 필요한 정보가 되는지
참여율을 높일 수 있는지가 정해지기 때문입니다.

- 방문 정보의 표시

사용자 삽입 이미지
방문자 정보들이 한꺼번에 많이 정렬되어 있는 웹 페이지에서는 이용자가 바로 전에 검색한 정보도 기억하지 못하는 경우가 있습니다.
이러한 경우, 이용자가 전에 한번 검색 또는 방문하였던 정보를 구별해 주므로써 이용에 편리성을 줄 수 있지요.
기본적으로 방문링크색과 미방문링크색을 구분해주는것을 기본으로 My페이지, My Scrap등의 여러가지 방문정보표시 기능을 생각 할 수 있습니다.

####################################
기획공방 (http://www.plangb.co.kr)
####################################

이올린에 북마크하기(0) 이올린에 추천하기(0)
퍼머링크 | 관련글(트랙백)0 | 댓글0
이 글의 관련글(트랙백) 주소 - http://www.plangb.co.kr/blog/mailside/trackback/9




이전   1   ... 44  45  46  47  48  49  50  51  52   ... 56   다음
Valid XHTML 1.1