사이버 공간을 항해하기
공간적인 조직은 일정 조건이 만족되었을 때에만 제 역할을 한다.
- 항목과 공간적 위치 사이에 자연스럽고 공간적인 일대일 대응이 있어야 한다. 항목은 그 위치에 있어야 할 이유가 있어야 한다.
- 위치에 대한 지식이 충분해서 원하는 항목을 최소한의 시도-이상적으로는 한두 번-로 찾을 수 있어야 한다.
- 한곳에 있는 항목의 수가 충분히 적어서, 쉽게 찾을 수 있어야 한다. 그렇지 않으면, 설사 그것이 바른 위치에 있다 하더라도, 찾으려는 항목을 발견하지 못할 수 있다.
- 어떤 위치를 찾고, 내용물을 훑어보고, 다시 다른 위치를 찾는데 드는 노력의 양이 적어야 한다.
과거에서 지금까지, 사람들은 각 항목을 영원히 결정적으로 제 위치에 놓게 하는 위계적 조작 방안을 마련하기 위해 여러 수단을 강구해왔다. 하나는 어떤 항목에 대해 특유의 위치가 있는 경우는 거의 없다는 것이다. 두 번째 문제는 조직이 시간이 흘러도 변치 않고 고정되어 있다는 가정이다. 마지막은 ‘항해문제’라 할 수 있다.
우리들의 기억은 항해를 통해 작동하지 않는다. 우리는 표시판과 지도에 힘 입어 기억 속의 단순한 길을 따라가는 것이 아니다. 그것이 다른 무엇을 상기키시면 우리는 거기에 가있다.
설명에 의한 인출은 길 찾기에 의한 항해나 날짜나 알파벳 같은 임의적인 순서에 의한 항해에 대한 대안들을 제공한다. 컴퓨터 시대 전에는 그런 개발이 가능하지 않았다. 오늘날은 가능하다.힌트를 통해 찾아가게 만든다.
도널드 노먼의 디자인 심리학, 도널드 노먼
우리는 매일 수많은 웹사이트와 앱을 사용합니다. 어떤 사이트는 직관적이고 사용하기 쉽지만, 어떤 사이트는 마치 미로 속을 헤매는 것 같은 경험을 줍니다. 왜 이런 차이가 생기는 걸까요? 오늘은 이 차이를 만드는 핵심 요소인 ‘정보 구조(Information Architecture)’에 대해 알아보겠습니다.
정보 구조란 무엇인가?
닐슨 노먼 그룹에 따르면, 정보 구조(IA)는 “정보를 조직화하고 구조화하여 직관적인 탐색과 검색을 용이하게 하는 예술과 과학”입니다[1]. 쉽게 말해, 웹사이트나 앱에서 정보를 어떻게 배치하고 연결할지 결정하는 것입니다.
왜 정보 구조가 중요한가?
- 사용자 경험 향상: 잘 설계된 정보 구조는 사용자가 원하는 정보를 쉽게 찾을 수 있게 해줍니다.
- 시간 절약: 사용자가 정보를 빠르게 찾을 수 있어 시간을 절약할 수 있습니다.
- 신뢰도 증가: 정보를 쉽게 찾을 수 있는 사이트는 사용자의 신뢰를 얻습니다.
- 비즈니스 성과 개선: 좋은 정보 구조는 전환율 향상으로 이어질 수 있습니다.
정보 구조의 핵심 원칙
1. 명확성과 단순성
복잡한 네비게이션 구조와 혼잡한 인터페이스는 사용자를 압도하고 좌절감을 줄 수 있습니다. 구조를 단순하고 직관적으로 유지하면 사용자가 디지털 공간을 쉽게 탐색할 수 있습니다[3].
일상 사례: 대형 마트에서의 경험을 생각해보세요. 상품 카테고리가 명확하게 구분되어 있고, 안내 표지판이 잘 배치된 마트에서는 쇼핑이 훨씬 쉽고 즐겁습니다.
2. 일관성
페이지, 네비게이션 메뉴, 라벨링 규칙, 디자인 요소 전반에 걸쳐 일관성을 유지하는 것이 중요합니다. 일관된 정보 구조는 사용자가 mental model을 구축하고 탐색 패턴을 예측할 수 있게 해줍니다[3].
일상 사례: 도서관을 떠올려보세요. 모든 도서관이 비슷한 분류 체계를 사용하기 때문에, 한 번 익숙해지면 어느 도서관에서든 원하는 책을 쉽게 찾을 수 있습니다.
3. 계층 구조
정보의 중요도에 따라 계층을 만드는 것이 중요합니다. 이는 사용자가 정보를 논리적으로 탐색할 수 있게 해줍니다[3].
일상 사례: 신문을 생각해보세요. 가장 중요한 뉴스는 1면에 크게 실리고, 덜 중요한 기사들은 내부 페이지에 배치됩니다.
효과적인 정보 구조 설계 방법
1. 사용자 연구 수행
사용자의 니즈, 행동, 선호도를 이해하는 것이 중요합니다. 카드 정렬(card sorting)과 트리 테스트(tree testing) 같은 방법을 활용할 수 있습니다[1].
일상 사례: 새 동네로 이사갔을 때, 이웃들에게 좋은 식당이나 편의 시설에 대해 물어보는 것과 비슷합니다. 사용자 연구는 ‘디지털 이웃’에게 물어보는 것과 같습니다.
2. 명확하고 직관적인 네비게이션 경로 만들기
네비게이션 메뉴는 사용자를 디지털 인터페이스로 안내하는 중요한 역할을 합니다. 설명적인 라벨, 계층 구조, 시각적 단서를 사용하여 네비게이션 사용성을 향상시킬 수 있습니다[3].
일상 사례: 잘 설계된 도로 표지판 시스템을 생각해보세요. 명확한 방향 표시와 거리 정보가 있어 목적지를 쉽게 찾을 수 있습니다.
3. 사용자 친화적인 검색 기능 설계
네비게이션 메뉴가 구조화된 방식으로 콘텐츠에 접근할 수 있게 해준다면, 검색 기능은 사용자가 특정 쿼리를 기반으로 정보를 찾을 수 있는 유연성을 제공합니다[3].
일상 사례: 대형 서점의 도서 검색 시스템을 떠올려보세요. 책 제목, 저자, 주제 등 다양한 방식으로 원하는 책을 찾을 수 있습니다.
정보 구조의 실제 사례
1. 아마존(Amazon)
아마존은 방대한 제품 카탈로그를 가지고 있음에도 불구하고, 강력한 정보 구조 원칙을 적용하여 탐색과 제품 발견을 간소화했습니다. 명확한 카테고리화, 필터링 옵션, 개인화된 추천 등이 사용자를 관련 제품으로 효율적으로 안내합니다[3].
2. 뉴욕 타임스(The New York Times)
뉴욕 타임스 웹사이트는 직관적인 네비게이션, 명확한 섹션 라벨링, 잘 조직된 콘텐츠 계층 구조를 통해 효과적인 정보 구조를 보여줍니다. 사용자는 다양한 주제에 걸쳐 기사를 쉽게 찾고 접근할 수 있어 전반적인 읽기 경험이 향상됩니다[3].
3. 드롭박스(Dropbox)
드롭박스는 간단한 폴더 구조, 직관적인 파일 조직 기능, 원활한 협업 도구를 제공함으로써 정보 구조에서 뛰어납니다. 이 플랫폼의 정보 구조 설계는 생산성과 사용 편의성을 촉진하여 파일 관리를 사용자에게 쉽게 만듭니다[3].
정보 구조 설계 시 주의할 점
1. 과도한 정확성 추구 피하기
닐슨 노먼 그룹의 연구에 따르면, 사용성 테스트에서 과도한 정확성 추구가 오히려 해로울 수 있다고 합니다. 대부분의 웹사이트는 여전히 심각한 사용성 문제를 가지고 있는데, 이런 상황에서 작은 문제의 정확한 측정에 시간과 비용을 투자하는 것은 비효율적일 수 있습니다[5].
일상 사례: 집을 대청소할 때, 전체적으로 어지러운 상태에서 한 구석만 완벽하게 정리하는 것과 비슷합니다. 전체적인 개선이 더 중요합니다.
2. 연구의 다양성 확보하기
단일 연구에 많은 참가자를 투입하는 것보다, 다양한 상황과 조건에서 여러 번의 연구를 수행하는 것이 더 유용한 결과를 얻을 수 있습니다[5].
일상 사례: 새로운 요리법을 개발할 때, 한 번에 100명에게 시식을 받는 것보다 다양한 그룹에게 여러 번 시식을 받는 것이 더 유용한 피드백을 얻을 수 있는 것과 같습니다.
결론
정보 구조는 디지털 경험의 근간입니다. 잘 설계된 정보 구조는 사용자가 원하는 정보를 쉽게 찾고, 웹사이트나 앱을 효율적으로 사용할 수 있게 해줍니다. 반면, 잘못 설계된 정보 구조는 사용자를 혼란스럽게 하고 좌절감을 줄 수 있습니다.
정보 구조를 설계할 때는 명확성, 일관성, 계층 구조의 원칙을 기억하세요. 사용자 연구를 통해 타겟 오디언스의 니즈와 행동을 이해하고, 이를 바탕으로 직관적인 네비게이션과 검색 기능을 제공하세요. 그리고 항상 전체적인 사용자 경험 개선에 초점을 맞추되, 다양한 연구를 통해 지속적으로 개선해 나가는 것이 중요합니다.
우리가 매일 사용하는 디지털 공간이 더 나은 정보 구조를 가질 수 있도록, 이 원칙들을 적용해 보는 것은 어떨까요? 그렇게 함으로써, 우리는 더 효율적이고 즐거운 디지털 경험을 만들어 갈 수 있을 것입니다.
인용:
[1] https://www.nngroup.com/articles/ia-study-guide/
[2] https://mapmetrics.org/blog/how-navigation-applications-impact-our-lives/
[3] https://medium.muz.li/what-is-information-architecture-ux-tips-and-examples-49523d0c2ab5?gi=23284f76dd27
[4] https://blog.hubspot.com/website/information-architecture
[5] https://www.nngroup.com/articles/ux-evidence/