정보 구조(IA) 설계: 학습 플랫폼 예시로 알아보기

정보 구조(Information Architecture, IA)는 제품의 콘텐츠와 기능을 이해하고 쉽게 찾을 수 있도록 구성하는 체계입니다. 무엇이 있고, 항목끼리 어떤 관계인지, 어떻게 이름 붙이고 접근하게 할지 정합니다. 내비게이션 바는 이 구조를 화면에 드러내는 한 가지 방식이며 정보 구조 전체를 뜻하지는 않습니다.

먼저 콘텐츠와 사용자가 해야 할 일을 살펴보세요. 주요 콘텐츠 유형을 정의하고 관련 항목을 묶은 뒤, 이름을 정하고 중요한 목적지로 가는 경로를 확인합니다. 이어서 UX 디자인과 프로토타입 작업에 적용해 실제 화면에서도 내용을 쉽게 찾고 사용할 수 있는지 살펴봅니다.

정보 구조, 내비게이션과 사이트맵은 다릅니다

사이트맵은 페이지와 그 위계 관계를 보여 줍니다. 내비게이션은 메뉴, 현재 위치 표시, 관련 링크, 검색과 필터처럼 화면 안에서 이동할 경로를 제공합니다. 정보 구조에는 이런 경로가 일관되게 작동하도록 하는 콘텐츠 정의와 용어 체계도 포함됩니다.

NN/g의 IA와 내비게이션 비교는 콘텐츠 목록, 그룹화, 분류 체계와 설명용 메타데이터를 정보 구조의 일부로 설명합니다. 작은 메뉴 문제처럼 보이는 것이 실제로는 콘텐츠 문제일 수 있다는 뜻입니다. 여러 페이지에 서로 다른 버전의 답이 있다면 메뉴 이름을 옮기는 것만으로는 해결되지 않습니다.

예를 들어 학습 플랫폼의 메뉴에 ‘강좌’, ‘주제’, ‘학습 경로’가 있다고 해 보겠습니다. 링크를 배치하기 전에 각각이 무엇인지 합의해야 합니다. 학습 경로는 강좌 하나인가요, 강좌를 순서대로 묶은 것인가요, 아니면 소개용 페이지인가요? 답에 따라 링크, 메타데이터와 사용자의 기대가 달라집니다.

콘텐츠와 지원해야 할 작업을 정의하세요

실무 디자인 역량을 가르치는 플랫폼을 예로 들어 보겠습니다. 학습자는 사용자 조사 강좌를 찾고, 사전 지식이 필요한지 확인하고, 적절한 레슨을 시작한 뒤 나중에 이어서 학습하려고 합니다. 경험이 많은 학습자는 전체 학습 경로를 따르지 않고 특정 레슨만 보고 싶을 수 있습니다.

새 메뉴를 제안하기 전에 현재 콘텐츠 목록을 만드세요. 고유 ID, 제목, 콘텐츠 유형, 목적, 현재 위치, 담당자와 상태를 기록합니다. 중복, 오래된 콘텐츠와 제작 예정 자료도 구분해서 표시하세요. 매력적인 제목만 나열해서는 실제 내용이 사용자의 작업을 해결하는지 판단하기 어렵습니다.

이 목록은 설명용 예시입니다. ID는 모델을 설명하기 위한 것이므로 사용자 화면에 표시할 필요는 없습니다. 실제 제품에서는 콘텐츠 담당자가 각 항목의 내용을 확인한 뒤 유효한 목적지로 구조에 포함해야 합니다.

큰 계층도를 그리기 전에 관계를 정하세요

강좌는 순서가 있는 레슨의 묶음으로 정의합니다. 레슨은 관리하는 콘텐츠 원본이 하나이며 강좌 안에서 순서가 정해져 있습니다. 주제는 내용을 기준으로 여러 강좌를 연결합니다. 학습 경로는 레슨 본문을 복제하지 않고 여러 강좌의 학습 순서를 제안합니다.

이 예시에서 사용자 조사 기초 강좌에는 중립적인 질문 작성하기 레슨이 들어 있습니다. 강좌는 사용자 조사 주제와 연결되고 UX 입문 학습 경로에도 포함됩니다. 각 관계는 ‘다음에는 무엇을 배우지?’, ‘이 주제의 다른 강좌는 무엇이지?’, ‘어디서부터 시작하지?’라는 서로 다른 질문에 답합니다.

모든 관계를 하나의 상하위 트리에 억지로 넣지 마세요. 하나의 강좌가 여러 주제에 속하더라도 관리하는 강좌 페이지는 하나로 유지할 수 있습니다. 학습 경로도 제목만 조금 다른 복사본을 만드는 대신 같은 강좌 페이지로 연결합니다. 그러면 업데이트를 일관되게 관리하고 목적지의 내용을 예측하기 쉬워집니다.

규칙은 명확하게 적어 두세요. 한 레슨을 다른 강좌에서 재사용할 수 있나요? 그렇다면 진행 상태와 학습 순서는 어디에서 보여 주나요? 한 강좌가 여러 학습 경로에 들어갈 수 있나요? 강좌 운영을 종료하면 어떻게 되나요? 화면에 영향을 주는 정보 구조의 결정이므로 메뉴를 다 만든 뒤 개발 단계로 미루지 않는 편이 좋습니다.

콘텐츠 차이가 드러나는 이름을 선택하세요

사용자가 판단에 활용하는 필드에는 일관된 용어 체계를 만드세요. 이 플랫폼이라면 주제, 경험 수준과 콘텐츠 유형이 해당합니다. 각 값의 이름과 의미를 정합니다. ‘초급’, ‘입문’, ‘기초’가 모두 같은 수준을 뜻한다면 화면에는 어떤 용어를 쓸지, 검색 동의어로는 무엇을 남길지 결정하세요.

서로 다른 개념은 분리합니다. ‘짧은’은 소요 시간이지 난이도가 아닙니다. ‘인기’는 이용 행동이나 홍보 기준이지 주제가 아닙니다. 이런 표현을 한 분류 목록에 섞으면 선택지를 비교하거나 필터가 무엇을 보여 줄지 예측하기 어려워집니다.

실제 콘텐츠와 사용자가 쓰는 말에 대입해 이름을 확인하세요. ‘리서치 운영’은 전문 용어로 타당하더라도 첫 인터뷰 레슨을 찾는 학습자에게는 적절한 목적지 이름이 아닐 수 있습니다. 콘텐츠를 담당하는 부서보다 그 안에서 무엇을 볼 수 있는지 드러내야 합니다.

사용자와 운영자가 묶는 방식을 다르게 생각한다면 카드 소팅 조사로 사람들이 콘텐츠를 어떻게 연결하는지 살펴볼 수 있습니다. 카드 소팅은 제안을 뒷받침할 근거를 제공하지만 완성된 정보 구조나 최적의 이름을 자동으로 결정해 주지는 않습니다.

기준이 되는 위치와 유용한 접근 경로를 정하세요

초기 구조는 강좌 목록, 주제 페이지와 학습 경로로 구성할 수 있습니다. 강좌 목록은 비교를, 주제 페이지는 특정 분야의 탐색을, 학습 경로는 순서에 따른 학습을 지원합니다. 서로 다른 경로가 같은 강좌 상세 페이지로 이어져도 됩니다.

사용자 조사 기초의 강좌 페이지는 무엇을 할 수 있게 되는지, 필요한 사전 지식, 레슨 순서와 시작·이어 보기 방법을 설명해야 합니다. 주제 페이지는 관련 강좌 중에서 선택하도록 도와야 합니다. 학습 경로는 왜 해당 순서로 구성했는지 설명해야 합니다. 세 페이지에 같은 소개문을 반복하면 각각의 역할이 불분명해집니다.

관련 링크는 의미 있는 연결에 사용하세요. 중립적인 질문을 배우는 레슨 뒤에는 일반적인 ‘인기 콘텐츠’ 목록보다 실제 연습 과제로 이어지는 링크가 더 유용할 수 있습니다. 운영자가 페이지마다 따로 추측하게 하지 말고, 이런 관계를 일관되게 관리할 메타데이터를 정의합니다.

각 역할이 분명해진 뒤 내비게이션 디자인 가이드를 참고해 화면의 탐색 방식을 선택하세요. 데스크톱의 메가 메뉴와 모바일의 펼침 메뉴는 콘텐츠의 의미를 바꾸지 않으면서 같은 정보 구조를 다르게 보여 줄 수 있습니다.

Pixso에서 콘텐츠 모델과 화면을 함께 살펴보세요

Pixso 화이트보드 캔버스에 콘텐츠 유형별 예시를 하나씩 그립니다. 연결선에는 강좌가 레슨을 ‘포함한다’, 주제가 강좌를 ‘묶는다’, 학습 경로가 강좌의 ‘순서를 정한다’처럼 관계를 적으세요. 동사를 붙이면 선 하나가 여러 의미로 해석되는 것을 줄일 수 있습니다.

관계 모델 옆에 간단한 페이지 계층도를 놓되 두 자료는 구분합니다. 이어서 강좌 목록, 강좌 상세와 레슨 화면 같은 주요 프레임이나 참고 링크를 추가하세요. 콘텐츠 모델이 각 화면에 필요한 정보를 제공하는지 검토합니다.

강좌 카드에는 임시 문구 대신 실제 제목, 수준과 학습 목표를 넣어 보세요. 레슨 화면에는 어떤 강좌에 속하는지와 다음 레슨을 포함합니다. 실제 길이의 콘텐츠로 확인하면 시각적인 완성도에 가려지기 전에 빠진 필드나 모호한 관계를 발견할 수 있습니다.

찾는 과정과 도착한 페이지의 유용성을 함께 확인하세요

목적지 이름을 그대로 알려 주지 않는 과제를 작성합니다. 예를 들어 ‘처음으로 고객 인터뷰를 준비하고 있습니다. 답을 유도하지 않게 질문하는 방법을 배우려면 어디를 찾아보겠어요?’라고 물을 수 있습니다. 선택한 경로와 답을 찾았다고 판단한 페이지를 모두 확인하세요.

트리 테스트로 상세 화면을 만들기 전에 계층 구조를 점검할 수 있습니다. 다만 검색 결과, 카드, 필터와 페이지 내용까지 포함한 전체 경험을 평가하는 것은 아닙니다. 계층 구조가 적절하다고 판단되면 같은 요구를 실제 프로토타입에서도 테스트하세요.

실패 원인을 나누어 보세요. 잘못된 분류를 선택했다면 이름과 묶는 방식을 살펴봅니다. 적절한 강좌에 도착했지만 원하는 내용이 있는지 모르겠다면 목적지의 내용을 보완합니다. 레슨은 찾았지만 강좌 순서를 놓친다면 맥락과 이어 가는 경로를 개선합니다. 전체 성공률 하나로 묶으면 서로 다른 수정 방향이 가려집니다.

콘텐츠가 늘어나도 구조를 관리하세요

콘텐츠 유형과 용어 체계마다 담당자를 정합니다. 새 강좌에는 분명한 주제, 수준, 선수 학습 기준과 기존 자료와의 관계가 있어야 합니다. ‘기타’를 만들지 않고는 새 콘텐츠를 분류할 수 없다면 콘텐츠나 모델에 필요한 구분이 빠졌는지 살펴보세요.

콘텐츠를 종료하거나 합칠 때는 들어오는 경로, 학습 경로에 포함된 위치와 다음 레슨 링크를 검토합니다. 강좌 목록이 깔끔해도 학습 경로가 끊길 수 있습니다. 구조를 바꾼 이유를 기록해 두면 이후 운영자가 왜 강좌의 기준 페이지는 하나이고 접근 경로는 여러 개인지 이해할 수 있습니다.

결과적으로 학습자가 선택하고, 이해하고, 이어서 학습할 수 있는 구조를 만드는 것입니다. 제품에 무엇이 있고 각 항목이 어떻게 연결되는지 먼저 합의하면 메뉴도 더 명확하게 설계할 수 있습니다.