shared-dg05-coffeeQuokka/hgzero
1
0
Fork 0
mirror of https://github.com/hwanny1128/HGZero.git synced 2026-01-21 14:56:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

UI/UX 설계서 v1.1 업데이트 - AI 요약 및 참고자료 기능 추가

Browse Source 
주요 변경사항:
- AI 기반 회의 내용 요약 자동 생성 기능 추가
  * 각 섹션 최상단에 AI 자동 생성 요약 (2-3문장) 표시
  * 참석자가 요약 내용 확인 후 수정 가능
  * 실시간 동기화 및 자동 저장 지원

- 참고자료 자동 연결 기능 추가 (UFR-AI-040)
  * 각 섹션 하단에 관련 회의록 자동 연결
  * 이전 회의록 및 맥락상 관련 회의록 링크 제공
  * 관련도 표시 (퍼센트 또는 별점)
  * 최대 3개 자동 표시, 더보기로 전체 목록 확인

화면별 수정사항:
- 05-회의진행: AI 요약 및 참고자료 자동 생성 기능 추가
- 10-회의록상세조회: 섹션별 AI 요약 표시 및 참고자료 영역 추가
- 11-회의록수정: AI 요약 수정 및 참고자료 편집 기능 추가

기술적 변경:
- 관련 유저스토리: UFR-AI-040 추가
- AI 서비스 연동 강화
- 실시간 동기화 및 자동 저장 로직 확장
- 데이터 요구사항 및 에러 처리 업데이트

문서 버전: 1.0 → 1.1

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
yabo0812 2025-10-21 14:03:26 +09:00
parent afbfc7f947
commit f65bf8dfca
1 changed files with 132 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

157
design/uiux/uiux.md
View File

@ -2,8 +2,9 @@
## 문서 정보
- **작성일**: 2025-10-21
- **최종 수정일**: 2025-10-21
- **작성자**: 이미준 (서비스 기획자)
- **버전**: 1.0
- **버전**: 1.1
- **설계 철학**: Mobile First Design
---
@ -48,11 +49,27 @@
- **User 서비스**: UFR-USER-010 (사용자 인증)
- **Meeting 서비스**: UFR-MEET-010 ~ UFR-MEET-060 (회의 관리, 회의록 작성/공유)
- **STT 서비스**: UFR-STT-010, UFR-STT-020 (음성 인식 및 변환)
- **AI 서비스**: UFR-AI-010 ~ UFR-AI-040 (AI 회의록 작성, Todo 추출, 회의록 개선)
- **AI 서비스**:
- UFR-AI-010 (AI 회의록 자동 작성)
- UFR-AI-020 (Todo 자동 추출)
- UFR-AI-030 (프롬프팅 기반 회의록 개선)
- **UFR-AI-040 (관련 회의록 자동 연결)** ← 신규 반영
- **RAG 서비스**: UFR-RAG-010, UFR-RAG-020 (맥락 기반 용어 설명)
- **Collaboration 서비스**: UFR-COLLAB-010 ~ UFR-COLLAB-030 (실시간 협업)
- **Todo 서비스**: UFR-TODO-010, UFR-TODO-030 (Todo 관리)
### 주요 추가 기능 (v1.1)
1. **AI 기반 회의 내용 요약 자동 생성**
- 각 섹션 최상단에 AI가 자동으로 생성한 2-3문장 요약 표시
- 참석자가 요약 내용 확인 후 수정 가능
- 실시간 동기화 및 자동 저장
2. **참고자료 자동 연결 (UFR-AI-040)**
- 각 섹션 하단에 관련 회의록 자동 연결
- 이전 회의록 및 맥락상 관련 회의록 링크 제공
- 관련도 표시 (퍼센트 또는 별점)
- 최대 3개 자동 표시, 더보기로 전체 목록 확인 가능
---
## 프로토타입 화면 목록
@ -435,17 +452,19 @@ graph TD
#### 개요
- **목적**: 실시간 회의 진행 및 AI 기반 회의록 자동 작성
- **관련 유저스토리**: UFR-MEET-030, UFR-STT-010/020, UFR-AI-010, UFR-COLLAB-010, UFR-RAG-010/020
- **관련 유저스토리**: UFR-MEET-030, UFR-STT-010/020, UFR-AI-010, UFR-AI-040, UFR-COLLAB-010, UFR-RAG-010/020
- **비즈니스 중요도**: 높음 (핵심 화면)
- **접근 경로**: 템플릿선택 → "이 템플릿으로 시작"
#### 주요 기능
1. 음성 녹음 및 실시간 텍스트 변환 (STT)
2. AI 자동 회의록 작성 (구조화)
3. 실시간 협업 (여러 참석자 동시 편집)
4. 전문용어 자동 감지 및 맥락 기반 설명
5. 수동 편집 및 섹션별 작성
6. 회의 진행 시간 표시
3. **AI 기반 회의 내용 요약 자동 생성** (섹션별)
4. 실시간 협업 (여러 참석자 동시 편집)
5. 전문용어 자동 감지 및 맥락 기반 설명
6. **참고자료 자동 연결** (이전 회의록, 관련 회의록)
7. 수동 편집 및 섹션별 작성
8. 회의 진행 시간 표시
#### UI 구성요소
@ -465,9 +484,17 @@ graph TD
- **회의록 섹션들** (탭 또는 아코디언)
- 각 섹션:
- 섹션 제목
- **AI 회의 내용 요약 영역** (섹션 최상단)
- AI 자동 생성 요약 (2-3문장)
- 편집 버튼 (참석자가 수정 가능)
- 요약 생성 시간 표시
- AI 자동 작성 내용 (실시간 업데이트)
- 수동 편집 버튼
- 검증 완료 체크박스
- **참고자료 영역** (섹션 하단)
- 관련 이전 회의록 링크 (최대 3개)
- 맥락상 관련 회의록 링크
- 각 링크: 회의 제목, 날짜, 관련도 표시
- 섹션 간 탭 또는 아코디언 전환
- **전문용어 하이라이트**
@ -503,7 +530,18 @@ graph TD
- 편집 중 자동 저장 (30초 간격)
- 동시 편집 충돌 감지 및 해결
3. **전문용어 설명**
3. **AI 요약 편집**
- 요약 영역의 "편집" 버튼 클릭 → 텍스트 편집 모드
- 수정 내용 자동 저장 (30초 간격)
- 수정 시간 및 수정자 기록
- 실시간 동기화: 다른 참석자에게 즉시 반영
4. **참고자료 링크**
- 참고자료 영역의 회의록 링크 클릭 → 새 탭에서 해당 회의록 열기
- 관련도 표시: 퍼센트 또는 별점으로 시각화
- AI가 자동으로 관련 회의록 검색 및 연결 (UFR-AI-040)
5. **전문용어 설명**
- 하이라이트된 용어 클릭 → 바텀시트(모바일) 또는 사이드 패널(데스크톱)
- 설명 내용:
- 간단한 정의
@ -511,7 +549,7 @@ graph TD
- 관련 과거 회의록 링크
- 참조 문서 링크
4. **녹음 제어**
6. **녹음 제어**
- 일시정지: 회의록 작성 중단, 재개 가능
- 종료: 확인 다이얼로그 → 회의종료 화면으로 이동
@ -520,12 +558,16 @@ graph TD
- **출력**:
- 실시간 텍스트 변환 결과
- 구조화된 회의록 데이터
- **섹션별 AI 요약 (자동 생성)**
- 전문용어 및 설명
- **연동**: STT 서비스, AI 서비스, RAG 서비스, Collaboration 서비스
- **참고자료 목록 (관련 회의록 링크)**
- **연동**: STT 서비스, AI 서비스 (UFR-AI-010, UFR-AI-040), RAG 서비스, Collaboration 서비스
#### 에러 처리
- **녹음 권한 거부**: "마이크 권한이 필요합니다" + 설정 안내
- **STT 실패**: "음성 인식에 실패했습니다. 수동으로 입력해주세요"
- **AI 요약 생성 실패**: "요약 생성에 실패했습니다. 수동으로 작성해주세요"
- **참고자료 검색 실패**: "관련 회의록을 찾을 수 없습니다"
- **동기화 실패**: "네트워크 연결을 확인해주세요. 내용은 로컬에 저장됩니다"
- **충돌 발생**: "다른 참석자가 동일한 부분을 수정 중입니다" + 병합 옵션
@ -859,16 +901,18 @@ graph TD
#### 개요
- **목적**: 지난 회의록의 전체 내용 및 상세 정보 확인
- **관련 유저스토리**: UFR-MEET-045
- **관련 유저스토리**: UFR-MEET-045, UFR-AI-040
- **비즈니스 중요도**: 중간
- **접근 경로**: 대시보드 → "내 회의록" 항목 클릭 또는 Todo관리 → 회의록 링크
#### 주요 기능
1. 회의 기본 정보 표시
2. 섹션별 상세 내용 표시
3. Todo 항목 및 진행 상황 표시
4. 첨부파일 다운로드
5. 회의록 수정/공유 액션
2. **섹션별 AI 요약 표시** (섹션 최상단)
3. 섹션별 상세 내용 표시
4. **참고자료 표시** (섹션 하단)
5. Todo 항목 및 진행 상황 표시
6. 첨부파일 다운로드
7. 회의록 수정/공유 액션
#### UI 구성요소
@ -889,7 +933,20 @@ graph TD
- 각 섹션:
- 섹션 제목
- 검증 완료 배지 (검증된 경우)
- **AI 회의 내용 요약 영역** (섹션 최상단, 강조 박스)
- 요약 아이콘 (💡 또는 📝)
- AI 자동 생성 요약 (2-3문장)
- 요약 생성/수정 시간
- "수정" 버튼 (권한 있는 경우)
- 섹션 내용 (마크다운 렌더링)
- **참고자료 영역** (섹션 하단, 별도 영역)
- "참고자료" 라벨
- 관련 회의록 링크 리스트 (최대 3개):
- 링크 아이콘
- 회의 제목 (클릭 가능)
- 회의 날짜
- 관련도 표시 (퍼센트 또는 별점)
- "더보기" 버튼 (3개 초과 시)
- 접기/펼치기 버튼 (선택)
- **Todo 섹션** (강조)
@ -921,15 +978,29 @@ graph TD
- 섹션 제목 클릭: 해당 섹션으로 스크롤
- 접기/펼치기: 긴 내용의 경우 초기에는 접힌 상태
2. **Todo 인터랙션**
2. **AI 요약 인터랙션**
- 요약 영역 표시: 섹션 최상단에 강조 박스로 표시
- "수정" 버튼 클릭 (권한 있는 경우):
- 인라인 편집 모드로 전환
- 수정 내용 자동 저장 (30초 간격)
- 실시간 동기화
3. **참고자료 인터랙션**
- 회의록 링크 클릭:
- 새 탭에서 해당 회의록 열기
- 또는 현재 화면에서 전환 (사용자 설정)
- 관련도 표시: 시각적으로 중요도 표시 (높음/중간/낮음 색상 구분)
- "더보기" 클릭: 전체 참고자료 목록 모달 표시
4. **Todo 인터랙션**
- Todo 체크박스: 완료 처리 (권한 있는 경우)
- Todo 클릭: Todo관리 화면으로 이동
3. **첨부파일 다운로드**
5. **첨부파일 다운로드**
- 파일명 클릭: 다운로드 시작
- 진행 상황 표시
4. **수정 및 공유**
6. **수정 및 공유**
- "수정" 버튼: 회의록수정 화면으로 이동
- "공유" 버튼: 회의록공유 화면으로 이동
@ -937,13 +1008,17 @@ graph TD
- **입력**: 회의록 ID
- **출력**:
- 회의 기본 정보 (제목, 일시, 참석자, 장소, 상태, 작성자, 수정 시간)
- **섹션별 AI 요약 (자동 생성 요약 및 수정 이력)**
- 섹션별 내용
- **참고자료 목록 (관련 회의록 링크, 관련도)**
- Todo 목록 및 진행 상황
- 첨부파일 목록
- **연동**: Meeting 서비스, Todo 서비스
- **연동**: Meeting 서비스, AI 서비스 (UFR-AI-040), Todo 서비스
#### 에러 처리
- **회의록 로딩 실패**: "회의록을 불러올 수 없습니다" + 재시도 버튼
- **AI 요약 로딩 실패**: "요약을 불러올 수 없습니다" (섹션 내용은 정상 표시)
- **참고자료 로딩 실패**: "참고자료를 불러올 수 없습니다"
- **권한 없음**: "수정" 버튼 비활성화, "조회 권한만 있습니다" 메시지
- **첨부파일 다운로드 실패**: "파일 다운로드에 실패했습니다"
@ -953,16 +1028,18 @@ graph TD
#### 개요
- **목적**: 지난 회의록 조회 및 수정
- **관련 유저스토리**: UFR-MEET-055
- **관련 유저스토리**: UFR-MEET-055, UFR-AI-040
- **비즈니스 중요도**: 중간
- **접근 경로**: 대시보드 → "내 회의록" → 회의록상세조회 → "수정"
#### 주요 기능
1. 회의록 목록 조회 (필터링, 정렬, 검색)
2. 회의록 내용 수정 (섹션별)
3. 자동 저장 (30초 간격)
4. 수정 이력 관리
5. 상태 변경 (확정완료 → 작성중)
3. **AI 요약 수정** (섹션별)
4. **참고자료 편집** (추가/제거)
5. 자동 저장 (30초 간격)
6. 수정 이력 관리
7. 상태 변경 (확정완료 → 작성중)
#### UI 구성요소
@ -991,7 +1068,15 @@ graph TD
- 섹션별 편집 영역
- 각 섹션:
- 섹션 제목
- **AI 요약 편집 영역**
- 요약 텍스트 편집 필드
- "AI 재생성" 버튼 (요약 다시 생성)
- 마지막 수정 시간 표시
- 편집 가능한 텍스트 영역
- **참고자료 편집 영역**
- 기존 참고자료 목록 (제거 버튼 포함)
- "참고자료 추가" 버튼
- 회의록 검색 및 선택 UI
- 검증 완료 체크박스 (잠금 해제 필요)
- 자동 저장 상태 표시 ("저장됨", "저장 중...")
@ -1015,7 +1100,23 @@ graph TD
- 승인 대기 중: "승인 대기 중" 배지 표시
- 승인 완료: 편집 가능
4. **상태 변경**
4. **AI 요약 편집**
- 요약 텍스트 필드 클릭: 직접 수정 가능
- "AI 재생성" 버튼 클릭:
- 현재 섹션 내용 기반으로 요약 재생성
- 로딩 인디케이터 표시
- 생성 완료 시 자동 업데이트
- 자동 저장 (30초 간격)
5. **참고자료 편집**
- "참고자료 추가" 버튼 클릭:
- 회의록 검색 모달 표시
- 제목, 날짜, 키워드로 검색
- 선택된 회의록 추가
- 제거 버튼 (X): 참고자료 목록에서 제거
- 순서 변경: 드래그하여 순서 조정 (선택)
6. **상태 변경**
- 확정완료 회의록 수정 시: 자동으로 "작성중" 상태로 변경
- 모든 섹션 검증 완료 시: "확정완료"로 변경 제안
@ -1023,15 +1124,20 @@ graph TD
- **입력**:
- 회의록 ID (조회)
- 수정 내용 (섹션 ID, 내용)
- **AI 요약 수정 (섹션 ID, 요약 내용)**
- **참고자료 변경 (추가/제거할 회의록 ID)**
- **출력**:
- 회의록 목록 (필터/정렬/검색 결과)
- 수정 결과 (성공/실패)
- **AI 요약 재생성 결과**
- 수정 이력 (누가, 언제, 무엇을)
- **연동**: Meeting 서비스, Collaboration 서비스
- **연동**: Meeting 서비스, AI 서비스 (UFR-AI-040), Collaboration 서비스
#### 에러 처리
- **권한 없음**: "본인이 작성한 회의록만 수정할 수 있습니다"
- **자동 저장 실패**: "네트워크 연결을 확인해주세요. 로컬에 임시 저장됩니다"
- **AI 요약 재생성 실패**: "요약 생성에 실패했습니다. 수동으로 작성해주세요"
- **참고자료 검색 실패**: "회의록을 검색할 수 없습니다"
- **충돌 발생**: "다른 참석자가 동일한 부분을 수정했습니다" + 병합 옵션
- **삭제 실패**: "회의록 삭제에 실패했습니다"
@ -1224,6 +1330,7 @@ graph TD
| 버전 | 날짜 | 작성자 | 변경 내용 |
|------|------|--------|----------|
| 1.0 | 2025-10-21 | 이미준 | 최초 작성 - 11개 화면 설계 완료 |
| 1.1 | 2025-10-21 | 이미준 | AI 요약 및 참고자료 기능 추가<br>- 05-회의진행: AI 회의 내용 요약 자동 생성 및 참고자료 자동 연결 추가<br>- 10-회의록상세조회: 섹션별 AI 요약 표시 및 참고자료 영역 추가<br>- 11-회의록수정: AI 요약 수정 및 참고자료 편집 기능 추가<br>- 관련 유저스토리: UFR-AI-040 (관련 회의록 자동 연결) |
---