상세 컨텐츠

본문 제목

[기획] 7.정보설계 - 정보설계의 정의 1/5

기획이란??

by 마빈Lee 2024. 3. 26. 10:32

본문

반응형
목차
1. 정보 설계의 정의
2. 콘텐츠 체계화
   01. 명확한 콘텐츠 체계
   02. 모호한 콘텐츠 체계
   03. 경쟁사 벤치마킹
   04. 콘텐츠 분류 방법

3. 정보 설계의 요소
   01. 정보구조
   02. 사이트구조
   03. 네비게이션 시스템
   04. 레이블링 시스템
Preview

일반적으로 웹 디자인은 편집 디자인의 연장선에서 접근하는 경우가 대부분이다. 그러나 웹은 책 이나 잡지와 같은 인쇄물과는 본질적으로 그 구조가 다르다. 우리는 인쇄물을 처음 대하는 순간 거기에 담긴 정보가 어느 정도의 볼륨을 가지고 있는지를 직감적으로 느낄 수 있다. 그리고 그 구조는 목차를 통해 짧은 시간에 파악할 수 있다.
그러나 처음 만난 사람을 그 사람의 외모로 지식 수준이나 인간 관계를 파악할 수 없듯이 어떤 웹 사이트에 접속하여 첫 화면을 보고 있다고 해서 그 정보의 양이나 구조를 금방 알 수는 없다.
그리고 그 사이트에 링크되어 있는 다른 사이트와의 관계성을 바로 파악하기란 거의 불가능하며 원하는 정보가 어디에 있는지 직관적으로 알아내기도 쉽지 않다.
이처럼 방대한 정보 속에서 필요한 정보에 다가가기 위해서 웹은 인쇄물보다 조직적이고 체계적 인 설계가 필요하다.
정보 설계의 목적은 방대한 정보 속에서 사용자가 필요로 하는 정보에 쉽고 빠르게 다가갈 수 있 도록 하는 데 있다. 사용자는 자신이 찾고자 하는 정보나 부여받은 과제를 해결하기 위한 정보를 얻기 위해 웹 사이트를 방문한다. 이때 사용자의 정보 탐색에 가장 많은 영향을 미치는 것이 정 보 설계다.
이 장에서는 정보 설계의 정의를 알아보고 정보를 조직적으로 체계화시키는 방법에 대해서 알아 본다.

 

1. 정보 설계의 정의

 

정보 설계의 목적은 사용자가 원하는 정보를 쉽고 빠르게 찾을 수 있도록 하는 데 있다. 사용자는 자신 이 찾고자 하는 정보나 부여받은 과제 해결을 위한 정보를 얻기 위해 웹 사이트를 방문한다. 이때 사용 자의 정보 탐색에 가장 많은 영향을 미치는 것이 정보 설계다.
정보 설계가 잘 된 사이트는 방문하는 고객, 제작자, 운영자 모두에게 큰 이익을 가져다 준다. 사용자는 신속하게 그들이 원하는 정보를 찾을 수 있을 것이고, 이로 인해 시간과 비용을 절감 할 수 있다. 그리 고 제작자들 역시 이를 통해 개발하는 동안 드러날 수 있는 계획상의 문제점을 최소화할 수 있다. 정보 설계를 고려할 때 고객의 관점에서 다양한 고객의 다양한 요구를 어떤 방식으로 지원할 것인가를 유의 해서 설계한다면, 제작자는 이로 인한 재설계의 값비싼 대가를 피할 수 있을 것이다.
정보 설계는 웹 사이트의 조감도를 이해하고 전달하는 일이며 이것은 사이트가 만들어지기 전 설계 단 계에서 해결되어야 한다.

 

2. 콘텐츠 체계화

 

정보의 순서를 결정짓는 것은 정보여행의 방향을 유도하기 위해 가장 처음 고려되어야 하는 부분이다.
정보의 순서가 정해지면 비로소 시각적 흐름을 만들 수 있게 되는데, 그 순서를 정하는 기준에는 중요 성과 사용빈도, 관습적인 순서, 철자순서, 시간순서 등이 있다.


① 정보의 순서와 정렬
우리는 일상생활에서 늘 '콘텐츠 체계'를 이용하고 있다. 전화번호부, 프로그램 안내서들은 모두 편리 하게 접근할 수 있도록 어떤 체계를 사용한다. 마찬가지로 웹에서도 어떤 체계를 사용하는데, 웹에서 정보의 순서를 결정짓고 분류하는 콘텐츠 체계화 방법에 대해서 알아보자.


명확한 콘텐츠 체계

명확한 콘텐츠 체계는 정보를 정의하고 겹치는 부분이 없도록 배타적인 구역들로 일정하게 나눌 수 있 는 체계다. 이렇게 나누어진 콘텐츠는 어디서 그것을 찾을 수 있을 것인지가 분명하기 때문에 애매모호 한 부분이 없다.
이러한 체계는 사용하기 쉽고, 설계 및 유지가 쉽지만 우리는 찾고자 하는 것의 정확한 이름을 알고 있 어야 한다는 단점이 있다.


● 알파벳순 또는 가나다순
백과사전이나 일반사전 등에서 사용되는 1순위의 콘텐츠 체계다. 이미 알고 있는 항목에 대한 빠른 검색과 간단한 디렉터리 브라우징을 지원한다.
다음의 사이트들은 알파벳순과 가나다순으로 아티스트를 검색할 수 있다.

 

● 연대순 또는 날짜순
보도자료들의 경우는 연대순 체계에 적합하다. 이들은 발표된 날짜들이 중요한 의미를 내포하기 때 문이다. 그러나 사용자들은 키워드를 사용해서 검색하는 것을 원할 수 있으므로 이런 체계들은 상호 보완으로 조합되어야 한다.

 

●  지리적 위치에 따른 분류
정치적, 사회적, 경제적 문제들은 종종 장소와 관계가 있다. 사용자들은 지도에서 마우스를 이용해 손쉽게 콘텐츠에 접근할 수 있다.
다음은 SK 엔크린 사이트로서, 지도에서 마우스를 이용해 손쉽게 해당 지역의 주유소와 충전소 정 보를 얻을 수 있다.

 

모호한 콘텐츠 체계
정보를 정확하게 정의하기 힘든 목록 분류에 적용한다. 이는 인간의 주관성뿐만 아니라 언어와 구조 자 체의 모호함으로 인해 더욱 어려움을 겪는다. 설계뿐 아니라 유지도 어렵다. 그러나 때로는 체계가 정확 한 콘텐츠보다 중요하고, 사용하기 편리한 면도 있다. 왜냐하면 우리가 찾고자 하는 것이 무엇인지 항상 알지 못하기 때문이다. 막연한 정보를 찾기 위해 반복적이고, 서로 영향을 미치는 정보검색을 한다.

 

정보를 표현하는 데 있어서 많은 경우에 관습적으로 받아들여지는 순서가 있다. 컴퓨터 소프트웨어 분 야에서는 메뉴의 배열에 있어서 파일 다음에 편집, 메뉴 등의 순서를 따르는 것이 사용자들의 학습된 습관으로 인해 쉽게 이해할 수 있다. 따라서 정보 내용의 성격상 전통적인 순서가 있는 경우라면 그 순 서에 따르는 것도 좋은 방법이다.


● 주제별 체계
정보를 주제나 화제에 따라 구성한다. 민감하지만 유용한 접근 방법 중 하나다. 전화번호부의 업종 란이 대표적인 예이며 다음 사이트들은 장르별로 콘텐츠를 분류하여 볼 수 있도록 색인검색 옵션으 로 제공되는 사이트의 예다.

 

● 작업 지향형 체계
콘텐츠와 응용도구를 프로세스와 기능, 그리고 업무의 집합으로 편성한다. 물론, 이것은 많지 않은 편이다. 웹 사이트는 프로그램처럼 응용이나 기능보다는 콘텐츠 자체에 집중하고 있기 때문이다. 그 러나 인트라넷이나 엑스트라넷은 작업 지향적 체계에 알맞다. 왜냐하면 콘텐츠뿐만 아니라 강력한 응용 프로그램들을 통합하는 경향이 있기 때문이다.

 

● 사용자 구분형 체계
관객들이 두 종류 이상이라면 사용자 구분형 컨텐츠 체계가 알맞다. 이는 사이트 내 미니 사이트로 나누어지기 때문에 사용자에게 선택권을 제공하기 때문이다. 다음의 사이트들은 사용자를 구분하여 콘텐츠를 분류하고 선택권을 제공하고 있다.

 

● 은유형 체계
새로운 것을 잘 알고 있는 것과 관련지어서 이해할 수 있도록 도와준다. 데스크톱(Desktop) 컴퓨터 와 그 안의 폴더, 파일들, 휴지통 등을 예로 들 수 있다. 인터페이스에 적용된 이런 예는 사용자들이 콘텐츠와 기능을 직관적으로 이해할 수 있도록 도와준다.
그러나 이런 은유기법을 일부가 아닌 전체 웹 사이 트에 적용하는 것은 주의해야 한다. 그리고 이 기법 이 성공하려면 사용자들에게 매우 친근한 것이 되 어야 한다. 옆의 사례는 은유형 체계를 사용하고 있 는 데스크톱의 휴지통으로서, 실생활의 휴지통 개 념을 데스크톱에 비유하여 사용되고 있다.

 

● 혼합 콘텐츠 체계
여러 개의 콘텐츠 체계(작업지향, 은유기법, 사용자별, 주제별 등)를 혼합하여 사용한 방법이다. 이런 혼합 콘텐츠 체계는 웹 사이트에서 흔히 발견할 수 있다. 다양한 콘텐츠 체계들이 하나의 페이지에 서 제공되어야 한다면, 각각의 체계들로 구성된 콘텐츠들을 나름대로 일관성있게 유지할 수 있도록 구성하는 것이 중요하다.
상단의 사용자별 분류와 좌측의 주제별 분류, 사용빈도에 따라 자주찾는 서비스를 묶어 놓은 분류 방법 등을 사용하고 있다.

 

  중요성과 사용빈도에 따른 콘텐츠 체계
웹 사이트 제작의 초기 단계에서 내용 분석을 철저하게 하면 어떤 데이터가 사용자에게 다른 것보다 더 중요하며 자주 사용될 것인지를 예측할 수 있다. 이러한 경우에 더 중요한 구성요소를 눈에 띄는 위치에 두어야 한다. 또한 어떤 구성요소가 다른 것보다 빈번히 사용될 경우 이를 화면에서 가장 잘 보이게 하고 항상 나타나게 될 부분에 두어 구성한다.
다음은 국민은행 사이트다. 자주 사용하는 메뉴를 구분해서 즐겨찾기로 등록해 놓을 수 있다.

 

 

② 콘텐츠 분류 방법

 

경쟁사 벤치마킹


동일한 정보에 대해 경쟁 사이트가 분류한 방식을 벤치마킹한다. 경쟁사가 그렇게 분류한 이유가 무엇인지 생각해보고 그러한 분류 방식의 장단점을 분석해본다. 그리고 우리 사이트에 참고할 수 있는 방식이라면 해당하는 분류 방법의 도입을 모색해본다.


카드소팅


카드소팅(Card Sorting)은 유저로 하여금 직접 카드에 적힌 콘텐츠를 분류하게 하여 유저에게 의미있는 정보 분류 패턴을 찾는 방법으로서, 콘텐츠를 분류하기 위해 가장 많이 사용한다. 다음은 웹 사이트 의 메인 메뉴를 분류할 때 사용된 카드소팅 분류 방법의 예다.

 

[사례1] : 0카드소팅 분류 방법
카드에 들어가야 할 콘텐츠의 이름을 적고 비슷한 성질로 분류한다. 그리고 다른 색상의 카드에 분류된 그룹들의 이름을 적어준다. 더 세분화할 메뉴가 있으면 또 다른 색상의 카드에 적어 분류한다. 또는 같은 레벨의 메뉴들은 같 은 색상의 카드를 사용하면 쉽게 구분되어 보인다.

닫힌 소트는 콘텐츠의 이름이 적힌 카드를 준비하고 유저가 원하는 대로 분류하게 하는 것이다. 단, 콘텐츠가 분류 될 카테고리는 미리 정해져 있어야 한다.
열린 소트는 닫힌 소트와 마찬가지지만, 미리 정해진 카테고리가 없다. 유저가 직접 카테고리의 수와 이름을 정할 수 있다.
카드소팅의 방법을 통하여 다음과 같이 사용성 테스트를 해 볼 수 있다.

① 사용자에게 해당 웹 사이트의 주요 메뉴들이 적힌 카드를 이용하여 구조를 만들어 보도록 한다. 그런 후 사용 자가 생각하는 웹 사이트의 메뉴 구조 및 항목 배열과 현재 웹 사이트의 메뉴 구조를 비교하고 분석한다.

② 사용자가 생각하는 사이트 구조나 네이밍 등을 파악하고 개선 방안을 마련하여 사용자의 웹 사이트 만족도를 높일 수 있다.

 

반응형

관련글 더보기