웹 기획 :: 웹 정보 구조(Information Architecture)

웹 기획 :: 웹 정보 구조(Information Architecture) 

안녕하세요. Jung Gun 입니다. 몇일동안 겨울 같은 날씨였는데, 오늘은 좀 풀려서 가을 날씨네요! 최근에 웹기획자로 일을 시작하게 되면서, 아직 부족한 부분들이 많아서 이렇게 포스팅 작성하면서 개념 정리를 하려고 합니다. 오늘은 웹 기획자라면 가장 많이 접하고 작성하는 IA(Information Architecture)에 개념, 분류방법, 작성법 들에대해서 작성해보겠습니다.

정보 구조(Information Architecture)란?

정보 구조란 말 그대로 웹 사이트 이용자들에게 홈페이지를 사용함에 있어 원할하게 정보를 제공하기 위한 정보체계를 말하는 것입니다. 정보의 쳬계화, 라벨링, 검색, 내비게이션 시스템 등으로 사용성, 용이성을 위한 정보 구조를 설계하는 것이 무엇보다 중요합니다. 

※ 성공한 정보 구조

▶ 신속하게 원하는 정보를 차아 사용자의시간과비용이 절약 

▶ 개발을 통해 드러나는문제를 최소화하면서 재설계 비용을 절감

▶ 향후 목적물의 성장과 발전에 유연하고 효율적으로 대처 가능

▶ 좋은 IA 로부터 나온 사용자 경험은 브랜드 가치를 제고

※ 실패한 정보 구조

▶ 사용자는 불편함과 좌절감을 느껴 재사용을 꺼림 

▶ 각인된 실패 경험은 유사서비스를 제공하는 경쟁 앱을 찾 게 된다

▶ 구매와 연관된 경우는 수익문제와직결된다

▶ 목적물의 신뢰성이 하락하고 브랜드 이미지의 추락

웹 정보 구조(Information Architecture)구성 요소

사용자가 웹을 편리하게 중요한 웹 정보 구성 요소 및 기능을 다음과 정리하였습니다.

(1) 정보 구조 체계 정립(웹 사이트의 정보 구조와 메뉴구조)

정보의 구조화는 각각의 정보 체계를 연결시켜 놓는 것을 의미하며, 웹 사이트에 통상적으로 사용되는 정보 구조는 하향식 계층구조이다.

정보의 구조화, 웹 사이트의 계층 구조는 수직방향으로 깊이(Depth)가 깊은 계층형탱와 수평방향으로 폭(Width)이 넓은 계층 형태가 있다.

너비가 좁으면서 깊이가 깊은 웹 사이트 구조는 원하는 정보에 접근하기 위하여 많은 클릭이 필요하며, 폭이 넓은 웹사이트 구조는 하나의 페이지에 많은 메뉴가 보여짐으로써 복잡하면서 컨텐의 빈양성이 느껴진다.

가장 적절한 웹 사이트 정보 구조는 폭(Width)는 최소 5개에서 최대 9개까지의 메뉴(Function)으로 구성하고, 깊이(Depth)는 최대 5단 이하로 제한하여야 한다. 계속적인 정보의 확장이 예상되는 경우에는 넓은 폭의 정보 구조가 바람직하다.

(2) Navigation System

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

- 이용자 위치 정보 (Context)

이용자 위치 정보는 현재 이용자가 보고 있거나 위치해 있는 페이지가 얻디에 속한 페이지며 정보인지를 알려주는 것을 말한다. 근래에는 웹 사이트 계층구조상 이용자의 현재위치 표시는 물론 이를 통한 이용도 가능하게 해주고 있다.

- 방문 정보의 표시

문자 정보들이 한꺼번에 많이 정렬되어 있는 웹 페이지에서는 이용자가 바로 전에 검색한 정보도 기억하지 못하는 경우가 있다. 이러한 경우, 이용자가 전에 한번 검색 또는 방문하였던 정보를 구별해 주므로써 이용에 편리성을 줄 수 있다. 이러한 기능은 웹 브라우저 자체에서 제공해 주는 기능으로 방문과 미방문 정보를 색으로 구분해 준다.

- 네비게이션 막대(Naviagtion Bars)

네비게이션 막대는 일반적으로 모든 웹 페이지에 있는 링크 모음을 말한다. 이를 통하여 하위 메뉴에서도 언제든지 해당 링크로 바로 이동할 수 있게 되는 것이다.

이외 네비게이션 요소로는 풀다운 메뉴(Pull-Down Menu), 내용 목록과 인덱스(Index), 사이트 맵(Site Map) 등이 있다. 이들 모두 웹 사이트 네비게이션에 있어 중요한 위치를 차지하는 것이므로 웹 사이트 중요한 구성요소가 된다.

(3) Labeling System

레이블링이란, 모든 웹 페이지 정보 체계에 이름을 지어주는 것을 말한다. 메뉴에 이름을 붙이는 네이밍(Naming) 또한 레이블링에 속한다.

주 메뉴에 이름을 붙이는 것 외에 각 하위 또는 종속 메뉴, 페이지마다 이름이 필요하다. 이 경우 이름은 상위, 주 메뉴와 연관이 되어야 하며 이용자들이 쉽게 그 이름만으로도 정보의 구조와 위치를 파악할 수 있어야 한다.

정보 체계와 구조에 대한 이해, 정보 네비게이션의 기본사항, 레이블링 기술 등의 사항 등은 정보 설계 요소로 실질적인 웹 제작 기획에 앞서 알아두어야 할 사항이다. 특히 웹 사이트 구조를 이해하여야만 이후 Tree 와 Story Board를 작성할 수 있으며, 웹 네비게이션의 문제는 모든 웹 개발 단계에서지속적으로 다루어지게 되는 중요한 요소이다.

(4) Search System

검색 기능 (Searching Function) 원활한 웹 사이트의 정보 이용을 위해서는 내부 검색엔진이 필요하다. 내부 검색은 주제별로 검색될 수 있도록 하여야 하고, 세부 검색이 가능하도록 복합단어 검색이나 연산자 검색까지 지원할 수 있도록 하는 것이 바람직하다.

(5) Contents Design

Content 디자인에 경우 홈페이지에 전반적인 이미지, 최신 동향을 반영한 디자인 구성와 UI설계가 가장 중요하다고 볼 수 있습니다.

< 대표적인 웹 정보구조>