1. IA(정보 구조) 명세서란?
IA(Information Architecture)는 사용자가 웹사이트나 애플리케이션에서 정보를 쉽게 찾고, 효율적으로 탐색할 수 있도록 하는 구조적 설계이다. 이번 프로젝트에서는 AI 면접 코칭 서비스를 보다 체계적으로 개발하기 위해 IA 명세서를 작성했다. IA 명세서는 기능 명세서와 함께 프로젝트의 핵심 문서로 활용되며, 기능 명세서가 각 기능의 동작 정의에 초점을 맞춘다면, IA 명세서는 정보 구조와 UI 흐름을 설계하는 역할을 한다.
IA 명세서를 작성한 주요 목적은 다음과 같다:
-
사용자 경험 향상: Depth 구조를 정의하여 사용자가 원하는 기능을 직관적으로 찾을 수 있도록 함.
-
일관된 네비게이션 제공: 웹과 앱에서 동일한 정보 구조를 유지하여 일관된 사용 경험 제공.
-
효율적인 개발 지원: 개발자, 디자이너, 기획자가 동일한 정보 구조를 공유하여 협업을 원활하게 진행할 수 있도록 함.
2. IA 명세서의 주요 요소 분석
Depth 구조 정의
-
1Depth: 회원, AI 면접, 피드백, 대시보드, 관리자 등 최상위 카테고리.
-
2Depth: 세부 기능 분류 (예: 회원 관리 → 로그인, 회원 탈퇴, 프로필 관리).
-
Depth 구조를 명확히 하여 사용자가 원하는 기능을 쉽게 찾을 수 있도록 설계.
페이지 ID 및 형태(APP & WEB)
-
모든 페이지는 APP과 WEB에서 동일한 구조로 구현됨.
-
동일한 기능이라도 플랫폼별 UI 차이를 고려하여 최적화 설계 필요.
페이지 타이틀 및 설명
-
각 페이지의 역할과 기능을 정의하여 사용자 플로우를 쉽게 파악할 수 있도록 함.
-
예: INTERVIEW01 – 면접 질문 생성 기능.
화면 개발 여부 및 기능 개발 여부
-
UI 화면이 필요한 페이지와 기능이 개발되어야 하는 페이지를 구분하여 프로젝트 일정 반영.
-
예: 면접 진행 UI, 대시보드 차트 등.
비고(Comment) 활용
-
UI/UX 설계 시 필요한 추가 요소 명시.
-
예: 질문 리스트, 카테고리 선택, 관리자 기능 제공 여부 등.
3. IA 명세서 작성 과정에서 고려한 점
사용자 중심의 정보 설계
-
사용자가 빠르게 원하는 기능을 찾을 수 있도록 Depth 구조를 구성.
-
면접 연습, 기록, 피드백을 효율적으로 탐색할 수 있도록 UI 흐름 최적화.
관리자 페이지의 역할과 중요성
-
관리자가 질문 데이터 및 AI 시스템 로그를 쉽게 관리할 수 있도록 설계.
-
서비스 운영을 위한 필수 기능 포함 (회원 관리, 면접 질문 관리, 시스템 모니터링).
모바일/웹 환경을 고려한 UX 설계
-
모바일과 웹에서 동일한 기능을 제공하되, UI/UX 차이를 반영.
-
예: 면접 연습 기능은 웹에서는 키보드 입력이 편리하지만, 모바일에서는 음성 입력이 더 적합할 수 있음.
4. 향후 개선 방향
AI 면접 기능 강화
- 면접 질문의 다양성과 난이도 조절 기능 추가.(상/중/하)
데이터 시각화 기능 추가
-
면접 대시보드에서 면접 성과를 그래프 형태로 분석 가능하도록 확장.
-
피드백 데이터 시각화를 통해 강점과 약점을 한눈에 파악 가능하도록 개선.
사용자 맞춤형 설정 기능 추가
-
사용자가 선호하는 면접 스타일을 선택할 수 있도록 커스터마이징 기능 추가.
-
관리자 페이지에서도 특정 사용자 그룹을 관리하는 기능 추가.
이번 IA 명세서를 통해 프로젝트의 정보 구조를 체계적으로 정의하고, 사용자 경험을 극대화할 수 있도록 설계하였다. IA 설계는 단순한 UI 배치가 아니라, 사용자의 서비스 탐색 방식과 기능 활용도를 고려한 설계가 필수적이다. 향후 개발 과정에서 사용자 피드백을 반영하여 구조를 지속적으로 보완하고, 보다 효율적인 네비게이션과 직관적인 UI를 제공할 수 있도록 개선할 예정이다.
