Information architecture

김현준·2023년 7월 16일

📌 Information architecture 개요

image

Information architecture 란 공유 정보 환경의 구조 설계 방법 입니다.

IA 의 목적은 사용자가 정보를 찾고 작업을 완료하기 쉽도록 설계하는 것입니다.

사용자가 어떤 컨텐츠를 원하는지 , 어떤 종류의 정보를 다루는지 , 사용자가 어떻게 컨텐츠를 사용할지 를 기준으로 방향을 잡습니다.

image

IA 는 총 4가지 구성요소가 있습니다.

  • Organization System : 정보를 분류하고 구성한다.

  • Labeling System : 정보에 이름을 붙인다.

  • Navigation System : 원하는 정보에 이동한다.

  • Searching System : 검색을 통해 정보를 찾는다.

📌 Organization System

정보를 분류하고 구성하는 방법중에는 여러가지가 있습니다.

  • Hierarchy : 계층적

image

계층적 시스템은 중요도나 관련성을 기준으로 정렬하여 Top-Down Approach 형식을 가지고 있습니다. 트리 형식과도 비슷합니다.

  • Sequential : 순차적

image

순차적 시스템은 처음 어플을 설치하면 화면에 있는 버튼과 같은 정보를 순차적으로 보여주는 형식과 같습니다.
사용자는 제공되는 정보만 수집할수 있으므로 너무많은 정보에 대한 복잡성을 느끼는것을 줄여줍니다.
또는 정보 하나하나마다 어느곳에 속하지 않을때 순차적 형태를 가집니다.

  • Matrix : 행렬적

image

행렬적 시스템은 사용자가 선호하는 탐색 방법을 선택할 수 있도록 합니다.
순차적 시스템과 상반되는 형식으로 년도별 , 조회순 과 같은 정렬 기준을 선택할 수 있습니다.

📌 Labeling System

정보가 너무 많아지면 인지 과부화가 발생할 수 있습니다.
이를 피하기 위해 아이콘이나 이미지를 통해 특정한 정보 하나를 효과적으로 전달하기 위한 방법입니다. 원하는 도서를 찾기 위해서 도서관 웹 사이트에서 도서정보아이콘을 클릭하는 것을 예시로 들 수 있습니다.

📌 Navigation System

image

네비게이션 시스템은 사용자가 원하는 정보에 도달하기 위해 정보를 탐색할 수 있는 방법을 제공합니다.

이때 사용자가 원하는 모든 정보를 얻을 수 있도록 하는 동시에 가능한 한 단순하고 간단해야 합니다.

이것은 위 사진처럼 카테고리 형식으로 나타낼 수 있는데 , 너무 세분화된 카테고리는 오히려 정보를 찾기 어려워질 수 있으므로 주의해야합니다.

📌 Searching System

image

검색 시스템은 사용자가 많은 데이터를 효율적으로 분류하기 위해 존재합니다.

이때 검색 창 , 필터 등과 같은 인터페이스가 주로 사용됩니다.

📌 Information architecture 의 8 가지 원칙

IA 에는 총 8가지의 원칙이 있습니다.

  • The principle of objects

image

이 원칙은 콘텐츠를 보는 방법과 관련되어있습니다. 하나의 콘텐츠를 통해 다른 데이터와 연관지음으로써 사용자에게 더 많은 정보를 제공할 수 있습니다.

  • The principle of choices

image

시스템을 설계할때 사용자에게 유의미한 선택을 제공하도록 해야합니다.
또한 각각의 선택이 특정한 무언가에 집중되어있어야 합니다.

카테고리를 설계할때 상위계층을 짧게 만드는것과 동시에 큰 의미를 가지도록 해야하고 하위계층은 자세하게 만들어야 합니다.

  • The principle of disclosure

image

사용자에게 필요한 정보를 주는것이 중요합니다. 케이크에 대한 정보를 원한다면 단순히 케이크가 무엇인지에 대한 정보 뿐만 아니라 레시피 , 만드는데 걸리는 시간 , 난이도와 같은 추가 정보를 주면 더 의미있는 정보 제공이 됩니다.

  • The principle of exemplars

image

카테고리의 내용을 예를 들면서 설명하면 효과적으로 정보를 이해할 수 있습니다. 예시나 이미지를 통해 카테고리를 소개하는 것이 목적입니다,

  • The principle of front doors

image

웹사이트를 방문할때 그 웹사이트를 아는 상태에서 방문하는것보다 이것저것 검색하다가 우연히 방문하게 되는 경우가 매우 많습니다.

이럴때 그 웹사이트가 어떤 정보를 제공하는지 한번에 파악하기 어렵습니다.

화면 상단의 아이콘을 넣음으로써 이 웹사이트가 어떤 정보를 제공하는지 한 눈에 알 수 있도록 하는 것도 좋은 방법입니다.

  • The principle of multiple classification

다중 분류를 통해 사용자들이 제품을 탐색하기 위한 여러가지 방법들이 필요합니다. 똑같은 신발을 살려는 사용자가 있더라도 전문적으로 개인 제작을 원하는 상품과 다양한 상품의 종류를 보고싶어하는 사용자가 존재 할 수 있습니다.

  • The principle of focused navigation

image

다른 컨텐츠나 다른 정보로 이동하기 위한 아이콘이나 버튼을 한 화면에 전부 넣어선 안됩니다. 잘 사용하지 않는 연락처 페이지가 제거되면 웹 사이트의 사용성이 향상됩니다.

IA 을 통해 웹의 기능과 역할을 분류하기 때문에 사용자는 자신이 무엇을 보고 있고 원하는 정보를 어디에서 찾을 수 있는지 알 수 있습니다.
따라서 모든 작은 정보를 하나의 화면에 연결하도록 할 필요가 없습니다.

  • The principle of growth

image

정보의 양은 시간이 지날수록 기하급수적으로 증가합니다.
따라서 미래에 어떤 정보들이 들어올지 , 그러한 정보가 들어올땐 어떻게 효율적으로 개편할지를 생각해야 합니다.

즉, 확장가능성이 있는 설계를 그려야 합니다.

📌 Conclusion

IA 를 통해 사용자가 정보를 충분히 이해할 수 있을 뿐만 아니라 예측할 수 있는 구조를 설계 하는것이 중요합니다.

구조화된 Navigation 을 설계하면 사용자가 원하는 정보를 어떻게 찾는지 알 수 있게 되고 연관성 있는 정보와 데이트를 묶어두면 간단한 키워드만으로도 사용자가 원하는 정보를 찾을 수 있게 됩니다.

📌 참고 자료

Information architecture: a UX designer’s guide

IA, 이렇게 그리면 되나요?

신입디자이너를 위한 IA 알아보기

profile
울산대학교 IT융합학부

0개의 댓글