diff --git a/design/uiux/prototype/12-회의록목록조회.html b/design/uiux/prototype/12-회의록목록조회.html index 7c03754..f5dc312 100644 --- a/design/uiux/prototype/12-회의록목록조회.html +++ b/design/uiux/prototype/12-회의록목록조회.html @@ -604,7 +604,7 @@ const statusBadge = minute.status === 'complete' ? '확정완료' : '작성중'; - const crownEmoji = isCreator ? '👑' : ''; + const creatorBadge = isCreator ? '👑' : ''; // 검증완료율 실시간 계산 (작성중 상태일 때만 표시) const completionRate = minute.status === 'draft' @@ -615,7 +615,7 @@
${statusBadge} - ${crownEmoji} + ${creatorBadge}

${minute.title}

diff --git a/design/uiux/prototype/common.css b/design/uiux/prototype/common.css index 1f9a858..ac5c84b 100644 --- a/design/uiux/prototype/common.css +++ b/design/uiux/prototype/common.css @@ -395,6 +395,21 @@ a:hover { color: var(--gray-700); } +/* Creator Badge (생성자 표시) */ +.creator-badge { + font-size: 16px; + flex-shrink: 0; + margin-left: 4px; + cursor: default; + display: inline-flex; + align-items: center; + vertical-align: middle; +} + +.creator-badge[title] { + cursor: help; +} + /* Priority Badges */ .badge-high { background: #FFEBEE; diff --git a/design/uiux/style-guide.md b/design/uiux/style-guide.md index 02a7298..0a3f274 100644 --- a/design/uiux/style-guide.md +++ b/design/uiux/style-guide.md @@ -333,6 +333,41 @@ } ``` +### 생성자 배지 +회의 생성자를 나타내는 크라운 아이콘 배지입니다. + +```css +/* 생성자 배지 (👑 아이콘) */ +.creator-badge { + font-size: 16px; + flex-shrink: 0; + margin-left: 4px; + cursor: default; + display: inline-flex; + align-items: center; + vertical-align: middle; +} + +/* 툴팁 제공 시 */ +.creator-badge[title] { + cursor: help; +} +``` + +**사용 예시**: +```html +
+ 확정완료 + 👑 +

2024년 4분기 제품 기획 회의

+
+``` + +**사용 위치**: +- 12-회의록목록조회: 회의록 카드 헤더 +- 02-대시보드: 최근 회의 카드, 내 회의록 카드 +- 10-회의록상세조회: 회의록 정보 섹션 + ### D-day 배지 Todo 마감일 표시를 위한 D-day 배지 스타일입니다. diff --git a/design/uiux/uiux.md b/design/uiux/uiux.md index 18db84b..62225b6 100644 --- a/design/uiux/uiux.md +++ b/design/uiux/uiux.md @@ -1714,8 +1714,10 @@ graph TD - 각 회의록 항목 (meeting-item): - **좌측 영역**: - 회의 제목 (H5, 볼드) + - **생성자 표시**: 현재 사용자가 회의 생성자인 경우 👑 아이콘 표시 (16px, title="생성자") - 메타정보 (Caption, 회색): - 회의 일시 (날짜 + 시간) · 참석자 수 + - 검증완료율 (작성중 상태일 때만): "✓ {completionRate}% 검증완료" 배지 - 최종 수정 시간 (Caption, 회색): - 상대 시간 표시 ("1시간 전", "어제", "3일 전") - **우측 영역**: @@ -2137,6 +2139,7 @@ graph TD | 1.4.15 | 2025-10-24 | 이미준 | 06-검증완료 화면 삭제 (유저스토리 v2.1.2 변경사항 반영)
- **화면 삭제**: 06-검증완료 화면 전체 삭제
- 안건별 검증 기능이 11-회의록수정 화면으로 통합됨
- 섹션별 검증 방식에서 안건별 검증 방식으로 변경 (유저스토리 UFR-COLLAB-030 → 안건 기반 구조로 전환)
- **유저스토리 매핑 업데이트**:
- Collaboration 서비스: UFR-COLLAB-010 ~ UFR-COLLAB-030 → UFR-COLLAB-010 ~ UFR-COLLAB-020로 변경
- 프로토타입 화면 목록 테이블에서 06-검증완료 행 제거
- **화면 번호 유지**: 다른 화면 번호는 변경하지 않음 (프로토타입 파일명 유지)
- 07-회의종료, 09-Todo관리, 10-회의록상세조회, 11-회의록수정, 12-회의록목록조회 번호 유지
- **변경 이력**: 과거 버전의 UFR-COLLAB-030 언급은 역사적 맥락으로 유지 | | 1.4.16 | 2025-10-24 | 이미준 | 사용자 역할 용어 통일 (유저스토리 v2.1.2 반영)
- **용어 정의 명확화**: "회의 생성자"와 "회의 참석자" 용어로 통일
- 설계 목표: "회의록 작성자" → "회의 참석자"로 수정
- **화면별 권한 정보 추가**:
- 03-회의예약: 모든 사용자 (예약 생성 시 자동으로 회의 생성자가 됨)
- 04-템플릿선택: 회의 생성자 전용
- 05-회의진행: 회의 시작/종료는 회의 생성자 전용, 회의록 편집은 모든 참석자
- 07-회의종료: 회의 생성자 전용
- 09-Todo관리: 모든 회의 참석자 (본인이 담당자인 Todo만 조회/수정 가능)
- 10-회의록상세조회: 모든 회의 참석자 (조회 전용)
- 11-회의록수정: 검증완료 전(모든 참석자), 검증완료 후(회의 생성자만) - 기존 권한 제어 유지
- 12-회의록목록조회: 모든 회의 참석자 (본인이 참석한 회의록만 조회)
- **스타일 가이드 동기화**: design/uiux/style-guide.md v1.2.5 (용어 정의 섹션 추가)
- **통일성 달성**: 유저스토리, 화면설계서, 스타일 가이드 간 용어 완전 통일 | | 1.4.17 | 2025-10-24 | 강지수 | 10-회의록상세조회 화면 용어 통일 (섹션 → 안건)
- **용어 변경 (요구사항설계검토-report-V1.2.md 반영)**:
- 모든 "섹션별" → "안건별"로 용어 통일
- 주요 기능, UI 구성요소, 인터랙션, 데이터 요구사항, 에러 처리 섹션 전체 업데이트
- **CSS 클래스명 변경 (공통 스타일 + 프로토타입)**:
- common.css: `.section` → `.agenda`, `.section-header` → `.agenda-header`, `.section-title` → `.agenda-title`, `.section-content` → `.agenda-content`
- 10-회의록상세조회.html: 모든 section 클래스를 agenda 클래스로 일괄 변경
- **HTML 주석 업데이트**: "회의록 섹션" → "회의록 안건", "섹션 내용" → "안건 내용"
- **일관성 달성**: 유저스토리 v2.1.2의 안건 기반 구조와 완전히 일치 | +| 1.4.18 | 2025-10-24 | 강지수 | 12-회의록목록조회 화면 생성자 표시 기능 추가 (유저스토리 v2.1.3 반영)
- **목록 표시 정보 추가**: 회의 생성자 표시 (👑 아이콘)
- 현재 사용자가 회의 생성자인 경우 회의록 카드 헤더에 👑 아이콘 표시
- 위치: 상태 배지와 회의 제목 사이
- 스타일: font-size 16px, title="생성자" 툴팁 제공
- **UI 구성요소 업데이트**: 회의록 목록 섹션 명세 수정
- 좌측 영역에 "생성자 표시" 항목 추가
- 검증완료율 표시 조건 명시 (작성중 상태일 때만)
- **프로토타입 수정**: design/uiux/prototype/12-회의록목록조회.html
- createMeetingCard() 함수: crownEmoji 변수를 creatorBadge로 변경 및 .creator-badge 클래스 적용
- common.css: .creator-badge 스타일 추가 (inline-flex, 16px, margin-left 4px, cursor help)
- **스타일 가이드 업데이트**: design/uiux/style-guide.md v1.2.6
- 생성자 배지 섹션 추가 (배지 시스템 내 우선순위 배지 다음)
- 사용 예시 및 사용 위치 명시 (12-회의록목록조회, 02-대시보드, 10-회의록상세조회) | --- diff --git a/design/uiux/요구사항설계검토-report-V1.2.md b/design/uiux/요구사항설계검토-report-V1.2.md new file mode 100644 index 0000000..1c3b75d --- /dev/null +++ b/design/uiux/요구사항설계검토-report-V1.2.md @@ -0,0 +1,766 @@ +# 유저스토리 v2.1.2 vs UI/UX 설계 크로스 체크 리포트 + +**작성일**: 2025-10-24 +**작성자**: AI Assistant (Claude) +**버전**: 1.0 + +--- + +## 1. 주요 발견사항 요약 + +### 전체 요약 +- **분석 대상**: 유저스토리 v2.1.2, UI/UX 설계서 v1.4.14, 프로토타입 파일 13개 +- **불일치 항목 수**: 총 12개 (🔴 높음 4개, 🟡 중간 5개, 🟢 낮음 3개) +- **주요 이슈**: 07-회의종료 화면 기능 불일치, 06-검증완료 화면 존재 여부, 용어 사용 불일치 + +### 중요도별 분류 + +#### 🔴 높음 (즉시 수정 필요) +1. **07-회의종료 화면 편집 불가 정책 미반영** +2. **07-회의종료 화면 3가지 선택 옵션 미반영** +3. **07-회의종료 화면 안건별 AI 요약 표시 미반영** +4. **06-검증완료 화면 삭제 필요** + +#### 🟡 중간 (우선 수정 권장) +5. **11-회의록수정 화면 안건 기반 구조 미반영** +6. **11-회의록수정 화면 안건별 AI 한줄 요약 미표시** +7. **11-회의록수정 화면 안건별 검증 UI 미구현** +8. **용어 통일 필요: "작성자" → "생성자"/"참석자"** +9. **회의록목록조회 화면 "생성자" 표시 미반영** + +#### 🟢 낮음 (검토 후 수정) +10. **05-회의진행 화면 실시간 주요 메모 추천 기능 명시 부족** +11. **10-회의록상세조회 화면 안건별 표시 명시 부족** +12. **스타일 가이드 안건 관련 컴포넌트 누락** + +--- + +## 2. 화면별 상세 분석 + +### 07-회의종료 + +#### 유저스토리 v2.1.2 요구사항 +- **UFR-MEET-040 (회의종료)** + - 회의 종료 화면은 **확인 전용 (편집 불가)** + - **안건별 AI 요약 전체 표시**: + - 안건별 AI 한줄 요약 (편집 불가) + - 안건별 상세 요약 (확인만 가능) + - Todo 자동 추출 결과 (확인만 가능) + - 사용자에게 **3가지 선택 옵션** 제공: + - 옵션 1: 회의록 수정 화면으로 이동 + - 옵션 2: 바로 최종 확정 (모든 안건 자동 검증 완료) + - 옵션 3: 대시보드로 이동 + - 회의록 상태: 옵션 1, 3 선택 시 "작성중", 옵션 2 선택 시 "확정완료" + +#### UI/UX 설계서 내용 +- **화면 목적**: 회의 통계 표시 및 최종 회의록 확정 +- 주요 기능: + 1. 회의 통계 표시 + 2. 주요 키워드 클라우드 + 3. AI 자동 추출된 Todo 항목 확인 + 4. **최종 회의록 확정** ← 편집 불가 정책 미반영 + 5. 다음 액션 선택 (공유, 수정, 대시보드 복귀) ← 3가지 옵션 불일치 +- **AI Todo 추출 결과**: + - "AI가 추출한 Todo" 섹션 + - Todo 항목 리스트 (담당자, 마감일) + - **"Todo 수정" 버튼** ← 편집 불가 정책 위반 +- **하단 액션**: + - "회의록 공유하기" 버튼 ← v2.1.2에 없음 + - "회의록 수정하기" 버튼 + - "대시보드로 돌아가기" 버튼 + +#### 프로토타입 구현 상태 (07-회의종료.html) +```html + + + + + + + + +``` + +#### 불일치 사항 +1. 🔴 **편집 불가 정책 미반영** + - 유저스토리: 확인 전용, 편집 불가 + - UI/UX 설계서 & 프로토타입: "Todo 수정" 버튼 존재 + - **수정 필요**: "수정" 버튼 제거, 확인만 가능하도록 변경 + +2. 🔴 **3가지 선택 옵션 미반영** + - 유저스토리: 회의록 수정 / 바로 최종 확정 / 대시보드 이동 + - 프로토타입: 수정 / 대시보드 이동만 있음 + - **수정 필요**: "바로 최종 확정" 버튼 추가, 선택 시 모든 안건 자동 검증 처리 + +3. 🔴 **안건별 AI 요약 표시 미반영** + - 유저스토리: 안건별 AI 한줄 요약 + 상세 요약 전체 표시 + - UI/UX 설계서 & 프로토타입: Todo만 표시, 안건 구조 없음 + - **수정 필요**: 안건별 섹션으로 구조화, 각 안건의 AI 요약 표시 + +4. 🟢 **"회의록 공유하기" 버튼 존재** + - UI/UX 설계서: "회의록 공유하기" 버튼 있음 + - 유저스토리 v2.1.2: 공유 기능 제거됨 (v2.0.1에서) + - **수정 필요**: "공유" 버튼 제거 + +#### 권장 수정사항 +``` +[하단 액션 바 수정안] +- "회의록 수정" 버튼 (옵션 1) +- "바로 최종 확정" 버튼 (옵션 2, Primary) +- "대시보드로 이동" 버튼 (옵션 3) + +[AI Todo 추출 결과 섹션 수정안] +- "Todo 수정" 버튼 제거 +- 확인만 가능하도록 readonly 처리 + +[안건별 AI 요약 표시 추가] +- 각 안건별 카드로 표시 + - 안건 제목 + - AI 한줄 요약 (읽기 전용) + - 상세 요약 (읽기 전용) + - Todo 목록 (읽기 전용) +``` + +--- + +### 11-회의록수정 + +#### 유저스토리 v2.1.2 요구사항 +- **UFR-MEET-055 (회의록수정)** + - 진입 경로: 10-회의록상세조회 → "수정" 버튼 클릭 + - **안건 기반 회의록 구조**: + - 각 안건별 섹션 + - 안건별 AI 한줄 요약 (편집 불가) + - 안건별 상세 요약 (편집 가능) + - 안건별 검증 상태 (체크박스) + - 수정 가능 항목: + - ✅ 회의 제목 + - ❌ 회의 일시/장소 (readonly) + - ✅ 참석자 목록 (회의 생성자만) + - ✅ 안건별 AI 요약 (AI 재생성) + - ✅ 안건별 내용 + - ✅ 관련회의록 + - 검증완료 안건: 회의 생성자만 잠금 해제 후 수정 가능 + +- **UFR-AI-036 (AI한줄요약)** + - 각 안건마다 편집 불가능한 AI 한줄 요약 제공 + - 30자 이내 간결한 표현 + - 회의 종료 시 1회 생성, 생성 후 편집 불가 + +- **UFR-COLLAB-030 (검증완료)** + - 안건별 검증 완료 처리 + - 11-회의록수정 화면에서 안건별 검증 처리 + - 별도의 06-검증완료 화면 불필요 + +#### UI/UX 설계서 내용 +- **주요 기능**: + 1. 회의 기본 정보 표시 및 수정 + 2. 회의록 내용 수정 **(섹션별)** ← 안건별이 아닌 섹션별 + 3. AI 요약 수정 (섹션별) + 4. 참고자료 편집 + 5. Todo 수정 (회의 생성자만) + 6. 자동 저장 + +- **섹션 구조**: + - 섹션 1 편집: "1. 신제품 기획 방향" + - 섹션 2 편집: "2. 개발 일정 및 리소스" + - 섹션 3 편집: "3. 마케팅 전략" + - ← "섹션" 용어 사용, "안건" 용어 없음 + +- **AI 요약 편집**: + - AI 요약 텍스트 필드 (편집 가능) + - "AI 재생성" 버튼 + - ← AI 한줄 요약 (편집 불가) 항목 없음 + +- **검증 완료 표시**: + - 체크박스 (검증 완료, disabled) + - 🔒 읽기 전용 배지 + - ← 섹션별 검증, 안건별 검증 아님 + +#### 프로토타입 구현 상태 (11-회의록수정.html) +```html + +
+
+

+ 1. 신제품 기획 방향 + 검증완료 +

+
+ + +
+
+ 💡 AI 요약 + +
+ + +
+ + +
+ + + 🔒 읽기 전용 +
+
+``` + +#### 불일치 사항 +1. 🟡 **안건 기반 구조 미반영** + - 유저스토리: "안건별" 회의록 구조 + - UI/UX 설계서 & 프로토타입: "섹션별" 구조 + - **수정 필요**: "섹션" 용어를 "안건"으로 통일 + +2. 🟡 **안건별 AI 한줄 요약 미표시** + - 유저스토리: 각 안건마다 편집 불가능한 AI 한줄 요약 (30자 이내) + - 프로토타입: AI 요약은 있지만 "한줄 요약"과 "상세 요약" 구분 없음 + - **수정 필요**: + - AI 한줄 요약 (읽기 전용, 30자) 추가 + - 기존 AI 요약을 "상세 요약"으로 명칭 변경 + +3. 🟡 **안건별 검증 UI 구현 상태** + - 유저스토리: 11-회의록수정 화면에서 안건별 검증 처리 + - 프로토타입: 검증완료 체크박스 있으나 disabled (수정 불가) + - **검토 필요**: + - 회의 생성자일 때 체크박스 활성화 필요 + - 잠금 해제 버튼 추가 고려 + +#### 권장 수정사항 +``` +[안건 구조 수정안] + +
+
+

+ 안건 1. 신제품 기획 방향 + 검증완료 +

+
+ + +
+ + AI 기반 회의록 서비스 개발 방향 결정 +
+ + +
+
+ 💡 AI 상세 요약 + +
+ +
+ + +
+ + + +
+
+``` + +--- + +### 06-검증완료 + +#### 유저스토리 v2.1.2 요구사항 +- **UFR-COLLAB-030 (검증완료)**: + - 11-회의록수정 화면에서 안건별 검증 처리 + - **별도의 06-검증완료 화면 불필요** + +#### UI/UX 설계서 내용 +- **화면 존재**: 06-검증완료 화면 정의됨 +- 주요 기능: + 1. 섹션별 검증 상태 표시 + 2. 검증 완료 체크 (참석자별) + 3. 미검증 섹션 안내 + 4. 섹션 잠금 (회의 생성자만) + +#### 프로토타입 구현 상태 +- **파일 존재**: `06-검증완료.html` (528줄) +- 주요 기능 구현: + - 섹션별 검증 카드 + - 검증 완료 버튼 + - 잠금 해제 버튼 + - 진행률 표시 + +#### 불일치 사항 +1. 🔴 **06-검증완료 화면 삭제 필요** + - 유저스토리: 별도 화면 불필요, 11-회의록수정에 통합 + - UI/UX 설계서 & 프로토타입: 06-검증완료 화면 존재 + - **수정 필요**: + - 06-검증완료.html 파일 삭제 + - UI/UX 설계서에서 해당 화면 설명 제거 + - 모든 링크 및 내비게이션에서 제거 + +#### 권장 수정사항 +``` +1. 프로토타입 파일 삭제 + - design/uiux/prototype/06-검증완료.html 삭제 + +2. UI/UX 설계서 수정 + - "### 06-검증완료" 섹션 전체 삭제 + - 프로토타입 화면 목록 테이블에서 제거 + +3. 11-회의록수정 화면에 검증 기능 통합 + - 각 안건별 검증 체크박스 추가 + - 회의 생성자는 검증 상태 변경 가능 + - 참석자는 자신의 검증만 처리 가능 +``` + +--- + +### 10-회의록상세조회 + +#### 유저스토리 v2.1.2 요구사항 +- **UFR-MEET-047 (회의록상세조회)** + - 회의 기본 정보 표시 (제목, 일시, 참석자, 장소, 상태) + - **안건별 상세 내용 표시** (섹션별 → 안건별) + - AI 요약 섹션 (안건별) + - 상세 내용 섹션 (논의 사항, 결정 사항 등) + - 관련 회의록 섹션 + +#### UI/UX 설계서 내용 +- 탭 구성: 대시보드 / 회의록 (기본: 대시보드) +- **대시보드 탭**: + - 핵심내용 카드 (AI 요약) + - 결정사항 카드 + - Todo 진행상황 카드 + - 참고자료 카드 +- **회의록 탭**: + - 회의 기본 정보 + - 섹션별 AI 요약 및 내용 ← 안건별이 아님 + +#### 프로토타입 구현 상태 (10-회의록상세조회.html) +- 탭: 대시보드 / 회의록 +- 섹션 구조 (회의록 탭): + ```html +
+

1. 신제품 기획 방향

+
...
+
...
+
+ ``` + +#### 불일치 사항 +1. 🟢 **안건별 표시 명시 부족** + - 유저스토리: "안건별 상세 내용 표시" + - UI/UX 설계서 & 프로토타입: "섹션별" 용어 사용 + - **수정 필요**: "섹션"을 "안건"으로 명칭 변경 + +#### 권장 수정사항 +``` +[UI/UX 설계서 수정] +- "섹션별 상세 내용 표시" → "안건별 상세 내용 표시" +- "섹션별 AI 요약" → "안건별 AI 요약" + +[프로토타입 수정] +- class="section" → class="agenda" +- class="section-title" → class="agenda-title" +- HTML 주석 및 변수명 일괄 변경 +``` + +--- + +### 05-회의진행 + +#### 유저스토리 v2.1.2 요구사항 +- **UFR-AI-010 (회의록자동작성) - 시나리오 1**: + - **실시간 AI 주요 메모 작성** + - 텍스트 변환되면 자동으로 주요 메모 항목 추천 + - 실시간 업데이트 (3-5초 간격) + - 참석자가 필요한 항목만 선택하여 저장 + +#### UI/UX 설계서 내용 +- 주요 기능: + 1. 음성 녹음 및 STT + 2. 회의록 실시간 편집 + 3. 참석자 목록 관리 + 4. AI 제안 기능 (우측 탭) +- **데이터 출력**: + - 실시간 텍스트 변환 결과 (STT) + - 편집된 회의록 내용 + - AI 제안 목록 (회의록 개선 제안) ← 주요 메모 추천과 차이 + +#### 프로토타입 구현 상태 (05-회의진행.html) +- 우측 탭: + - 참석자 + - AI 제안 (논의사항 제안, 결정사항 제안, 액션아이템 제안) + - 용어 사전 + - 관련 자료 +- ← 실시간 주요 메모 추천 기능 명시 없음 + +#### 불일치 사항 +1. 🟢 **실시간 주요 메모 추천 기능 명시 부족** + - 유저스토리: 실시간 AI 주요 메모 항목 추천 (3-5초 간격) + - UI/UX 설계서: "AI 제안 목록 (회의록 개선 제안)" + - 프로토타입: 논의사항/결정사항/액션아이템 제안만 있음 + - **검토 필요**: + - 실시간 주요 메모 추천 기능이 "AI 제안"에 포함된 것인지 명확화 + - 별도 UI 필요 여부 검토 + +#### 권장 수정사항 +``` +[UI/UX 설계서 명확화] +- "AI 제안 기능" 섹션에 다음 추가: + "실시간 AI 주요 메모 추천: + - 텍스트 변환 후 3-5초 간격으로 주요 메모 항목 자동 추천 + - 참석자가 선택하여 저장 + - 우측 'AI 제안' 탭에서 확인 가능" + +[프로토타입 검토] +- 현재 AI 제안 탭 기능이 실시간 주요 메모 추천인지 확인 +- 필요 시 별도 UI 컴포넌트 추가 +``` + +--- + +### 12-회의록목록조회 + +#### 유저스토리 v2.1.2 요구사항 +- **UFR-MEET-046 (회의록목록조회)** + - 필터: 참여 유형(참석한/생성한), 상태(전체/작성중/확정완료) + - 목록 표시 정보: + - 회의 제목 + - 회의 일시 + - 참석자 수 + - 회의록 상태 + - 검증 완료율 + - **생성자 표시 (👑 아이콘)** ← v2.1.2에서 추가됨 + - 마지막 수정 시간 + +#### UI/UX 설계서 내용 +- 필터 및 정렬: + - 참여 유형: 참석한 회의 / 생성한 회의 + - 상태: 전체 / 작성중 / 확정완료 +- 목록 카드 정보: + - 회의 제목 + - 날짜/시간 + - 참석자 수 + - 상태 배지 + - 검증률 (작성중인 경우) + - ← 생성자 표시 명시 없음 + +#### 프로토타입 구현 상태 (12-회의록목록조회.html) +- 필터 및 정렬 구현됨 +- 회의록 카드: + ```javascript + // common.js - renderMinuteCard 함수 +
+
${minute.title}
+ +
+ ``` + +#### 불일치 사항 +1. 🟡 **생성자 표시 미반영** + - 유저스토리: 생성자 표시 (👑 아이콘) + - UI/UX 설계서: 명시 없음 + - 프로토타입: 구현 없음 + - **수정 필요**: + - 생성자 표시 UI 추가 + - 현재 사용자가 생성자일 경우 👑 아이콘 표시 + +#### 권장 수정사항 +``` +[UI/UX 설계서 수정] +"목록 표시 정보" 섹션에 추가: +- 생성자 표시: 현재 사용자가 회의 생성자인 경우 👑 아이콘 표시 + +[프로토타입 수정 - common.js] +function renderMinuteCard(minute, currentUserId) { + const isCreator = minute.creatorId === currentUserId; + return ` +
+
+

+ ${minute.title} + ${isCreator ? '👑' : ''} +

+
+ ... +
+ `; +} +``` + +--- + +## 3. 용어 사용 불일치 + +### "작성자" vs "생성자"/"참석자" + +#### 유저스토리 v2.1.2 용어 정책 +- **v2.1.2 주요 변경사항**: 역할 용어 통일 + - "작성자" → "회의 생성자" 또는 "참석자" + - 회의를 만든 사람: **회의 생성자** (creator) + - 회의에 참여한 사람: **참석자** (attendee) + +#### UI/UX 설계서 용어 사용 현황 +- **일관성 있는 곳**: 대부분 "회의 생성자", "참석자" 사용 +- **"작성자" 사용 위치**: + 1. UFR-TODO-020 (Todo완료): "Todo 작성자에게 완료 알림 발송" + 2. UFR-TODO-040 (Todo관리): "담당자 본인 OR 회의 작성자인 경우에만 노출" + 3. 일부 화면 설명에서 혼용 + +#### 프로토타입 용어 사용 현황 +- 대부분 "회의 생성자" 사용 +- 일부 주석에서 "작성자" 사용 + +#### 불일치 사항 +1. 🟡 **용어 통일 필요** + - 유저스토리: "회의 생성자" 일관 사용 + - UI/UX 설계서: 일부 "작성자" 혼재 + - **수정 필요**: 모든 "작성자"를 "회의 생성자"로 변경 + +#### 권장 수정사항 +``` +[UI/UX 설계서 일괄 변경] +1. 검색 및 치환: + - "Todo 작성자" → "Todo 담당자" 또는 "회의 생성자" + - "회의 작성자" → "회의 생성자" + - "회의록 작성자" → "회의 생성자" + +2. 컨텍스트별 명확화: + - 회의를 만든 사람: "회의 생성자" + - Todo를 만든 사람: "Todo 담당자" + - 회의에 참여한 사람: "참석자" + +[프로토타입 수정] +- 주석 및 변수명에서 "작성자" → "생성자" 변경 +- 예: creator, isCreator 등으로 통일 +``` + +--- + +## 4. 권장 수정사항 우선순위 + +### Phase 1: 즉시 수정 (🔴 높음) + +#### 1.1 07-회의종료 화면 전면 개편 +**담당**: 강지수 (Product Designer) +**공수**: 2일 +**작업 내역**: +1. 프로토타입 수정 (07-회의종료.html): + - 안건별 AI 요약 표시 추가 + - "Todo 수정" 버튼 제거 + - 하단 액션 3가지 옵션 구현: + - "회의록 수정" (옵션 1) + - "바로 최종 확정" (옵션 2, Primary) + - "대시보드로 이동" (옵션 3) + - "바로 최종 확정" 버튼 클릭 시 모든 안건 자동 검증 처리 로직 추가 + +2. UI/UX 설계서 수정 (uiux.md): + - "07-회의종료" 섹션 전체 재작성 + - 편집 불가 정책 명시 + - 안건별 AI 요약 표시 설명 추가 + - 3가지 선택 옵션 상세 설명 + - 각 옵션별 회의록 상태 변경 로직 명시 + +#### 1.2 06-검증완료 화면 삭제 +**담당**: 강지수 (Product Designer) +**공수**: 0.5일 +**작업 내역**: +1. 파일 삭제: + - design/uiux/prototype/06-검증완료.html 삭제 + +2. UI/UX 설계서 수정: + - "### 06-검증완료" 섹션 전체 삭제 + - 프로토타입 화면 목록 테이블에서 제거 + - 모든 화면에서 06-검증완료 링크 제거 + +3. 11-회의록수정 화면에 검증 기능 통합: + - 각 안건별 검증 체크박스 UI 추가 + - 권한별 활성화 로직 구현 + +--- + +### Phase 2: 우선 수정 (🟡 중간) + +#### 2.1 11-회의록수정 화면 안건 기반 구조 전환 +**담당**: 강지수 (Product Designer) +**공수**: 3일 +**작업 내역**: +1. 프로토타입 수정 (11-회의록수정.html): + - "섹션" → "안건" 용어 변경 + - AI 한줄 요약 (읽기 전용) UI 추가 + - AI 상세 요약 (편집 가능) 명칭 변경 + - 안건별 검증 체크박스 추가 + - 잠금 해제 버튼 추가 (회의 생성자만) + +2. UI/UX 설계서 수정: + - "### 11-회의록수정" 섹션 재작성 + - 안건 기반 구조 설명 추가 + - AI 한줄 요약 vs 상세 요약 구분 설명 + - 안건별 검증 UI 설명 추가 + +3. 스타일 가이드 업데이트 (style-guide.md): + - 안건 카드 컴포넌트 추가 + - AI 한줄 요약 스타일 정의 + - 안건별 검증 UI 스타일 정의 + +#### 2.2 용어 통일 ("작성자" → "생성자") +**담당**: 강지수 (Product Designer) +**공수**: 1일 +**작업 내역**: +1. UI/UX 설계서 일괄 변경: + - "작성자" 검색 및 컨텍스트 확인 + - "회의 생성자" 또는 "Todo 담당자"로 변경 + +2. 프로토타입 수정: + - 주석 및 변수명 일괄 변경 + - creator, isCreator 등으로 통일 + +3. 용어 사전 추가 (uiux.md): + - "회의 생성자": 회의를 생성한 사람 + - "참석자": 회의에 참여한 사람 + - "Todo 담당자": Todo를 담당하는 사람 + +#### 2.3 회의록목록조회 생성자 표시 추가 +**담당**: 강지수 (Product Designer) +**공수**: 0.5일 +**작업 내역**: +1. 프로토타입 수정 (common.js): + - renderMinuteCard 함수에 생성자 표시 로직 추가 + - 👑 아이콘 추가 + +2. UI/UX 설계서 수정: + - 목록 표시 정보에 "생성자 표시" 항목 추가 + +--- + +### Phase 3: 검토 후 수정 (🟢 낮음) + +#### 3.1 05-회의진행 화면 실시간 주요 메모 추천 명확화 +**담당**: 강지수, 도그냥 +**공수**: 1일 +**작업 내역**: +1. 현재 구현 검토: + - AI 제안 탭 기능이 실시간 주요 메모 추천인지 확인 + - 유저스토리와 일치하는지 검증 + +2. UI/UX 설계서 명확화: + - 실시간 주요 메모 추천 기능 설명 추가 + - AI 제안 탭과의 관계 명시 + +3. 필요 시 프로토타입 수정: + - 별도 UI 컴포넌트 추가 + - 3-5초 간격 업데이트 로직 구현 + +#### 3.2 10-회의록상세조회 안건별 표시 명칭 변경 +**담당**: 강지수 +**공수**: 0.5일 +**작업 내역**: +1. UI/UX 설계서 수정: + - "섹션별" → "안건별" 용어 변경 + +2. 프로토타입 수정: + - class 명칭 변경 + - 주석 및 변수명 변경 + +#### 3.3 스타일 가이드 안건 컴포넌트 추가 +**담당**: 강지수 +**공수**: 1일 +**작업 내역**: +1. style-guide.md 수정: + - 안건 카드 컴포넌트 스타일 정의 + - AI 한줄 요약 스타일 추가 + - 안건별 검증 UI 스타일 추가 + - 예시 코드 작성 + +--- + +## 5. 총 작업 공수 및 일정 + +### 공수 요약 +- **Phase 1 (즉시 수정)**: 2.5일 + - 07-회의종료 화면 전면 개편: 2일 + - 06-검증완료 화면 삭제: 0.5일 + +- **Phase 2 (우선 수정)**: 4.5일 + - 11-회의록수정 안건 기반 구조 전환: 3일 + - 용어 통일: 1일 + - 생성자 표시 추가: 0.5일 + +- **Phase 3 (검토 후 수정)**: 2.5일 + - 실시간 주요 메모 추천 명확화: 1일 + - 안건별 표시 명칭 변경: 0.5일 + - 스타일 가이드 업데이트: 1일 + +**총 공수**: 9.5일 + +### 권장 일정 +- **Week 1 (5일)**: Phase 1 완료 + Phase 2 시작 + - Day 1-2: 07-회의종료 전면 개편 + - Day 3: 06-검증완료 삭제 + 용어 통일 + - Day 4-5: 11-회의록수정 안건 구조 전환 (50%) + +- **Week 2 (4.5일)**: Phase 2 완료 + Phase 3 + - Day 6-7: 11-회의록수정 안건 구조 전환 완료 + - Day 8: 생성자 표시 추가 + Phase 3 검토 + - Day 9-10: Phase 3 수정 작업 + +--- + +## 6. 체크리스트 + +### Phase 1 완료 체크리스트 +- [ ] 07-회의종료.html 안건별 AI 요약 표시 구현 +- [ ] 07-회의종료.html "Todo 수정" 버튼 제거 +- [ ] 07-회의종료.html 3가지 선택 옵션 구현 +- [ ] 07-회의종료.html "바로 최종 확정" 로직 구현 +- [ ] uiux.md "07-회의종료" 섹션 재작성 +- [ ] 06-검증완료.html 파일 삭제 +- [ ] uiux.md "06-검증완료" 섹션 삭제 +- [ ] 프로토타입 화면 목록 테이블 업데이트 + +### Phase 2 완료 체크리스트 +- [ ] 11-회의록수정.html "섹션" → "안건" 용어 변경 +- [ ] 11-회의록수정.html AI 한줄 요약 UI 추가 +- [ ] 11-회의록수정.html 안건별 검증 체크박스 추가 +- [ ] uiux.md "11-회의록수정" 섹션 재작성 +- [ ] uiux.md 전체 "작성자" → "생성자" 변경 +- [ ] 프로토타입 용어 통일 (creator, isCreator) +- [ ] common.js 생성자 표시 로직 추가 +- [ ] uiux.md "12-회의록목록조회" 생성자 표시 설명 추가 + +### Phase 3 완료 체크리스트 +- [ ] 05-회의진행 실시간 주요 메모 추천 검토 완료 +- [ ] uiux.md 실시간 주요 메모 추천 설명 추가 +- [ ] 10-회의록상세조회 "섹션" → "안건" 변경 +- [ ] style-guide.md 안건 컴포넌트 스타일 추가 + +--- + +## 7. 결론 + +### 주요 발견사항 +1. 유저스토리 v2.1.2의 핵심 변경사항인 **"안건 기반 회의록 구조"**가 UI/UX 설계서와 프로토타입에 충분히 반영되지 않았습니다. + +2. **07-회의종료 화면**의 "확인 전용" 정책과 "3가지 선택 옵션"이 구현되지 않아, 사용자 경험에 큰 영향을 미칠 수 있습니다. + +3. **06-검증완료 화면**이 여전히 존재하여, 유저스토리의 "11-회의록수정 통합" 방침과 불일치합니다. + +4. **용어 사용**이 일부 혼재되어 있어, 전체적인 일관성 개선이 필요합니다. + +### 권장사항 +1. **Phase 1 (즉시 수정)** 항목을 최우선으로 처리하여 핵심 사용자 플로우를 유저스토리와 일치시켜야 합니다. + +2. **Phase 2 (우선 수정)** 항목은 전체적인 일관성과 정확성을 위해 2주 내 완료를 권장합니다. + +3. **Phase 3 (검토 후 수정)** 항목은 검토 과정에서 실제 불일치 여부를 확인한 후 수정 여부를 결정하시기 바랍니다. + +4. 모든 수정 작업 후 **통합 테스트**를 통해 유저스토리, UI/UX 설계서, 프로토타입 간 완전한 일관성을 확보해야 합니다. + +--- + +**보고서 종료** diff --git a/design/userstory.md b/design/userstory.md index 2e1c0e2..51fb7ba 100644 --- a/design/userstory.md +++ b/design/userstory.md @@ -1269,5 +1269,6 @@ UFR-TODO-040: [Todo관리] Todo 담당자로서 | 나는, 나의 Todo를 효율 | 2.1.0 | 2025-10-24 | 강지수 (Product Designer) | 회의 종료 후 워크플로우 개선 및 안건 기반 회의록 구조 도입
- **UFR-MEET-040 (회의종료)**: 회의 종료 시 사용자 선택 옵션 제공
- AI가 STT 텍스트를 주요 안건으로 요약 정리 (템플릿 및 메모 항목 반영)
- 종료 후 선택: 회의록 수정 화면 이동 OR 대시보드 이동
- 회의록 상태: 작성중으로 저장
- **UFR-AI-010 (회의록자동작성)**: 실시간 + 종료 시 이중 처리 방식
- 시나리오 1: 실시간 AI 주요 메모 작성 (회의 진행 중)
- 시나리오 2: 회의 종료 시 전체 안건 요약 (AI 한줄 요약 + 상세 요약)
- **UFR-AI-020 (Todo자동추출)**: Todo 기본값 정책 추가
- 담당자 기본값: 회의록 생성자
- 마감일 기본값: 다음 회의 날짜 OR 오늘
- 우선순위 기본값: 보통
- Todo 독립성: 회의록 확정 상태와 무관하게 완료 처리 가능
- **UFR-AI-036 (AI한줄요약)**: 신규 유저스토리 추가
- 각 안건별 편집 불가능한 AI 한줄 요약 (30자 이내)
- 편집 가능한 상세 요약과 함께 제공
- **UFR-MEET-050 (최종확정)**: 안건 검증 요구사항 추가
- 모든 안건 검증 완료 시 최종 확정 가능
- 검증률 = 검증 완료된 안건 수 / 전체 안건 수
- **UFR-COLLAB-030 (검증완료)**: 안건별 검증으로 변경
- 섹션 검증 → 안건별 검증
- 11-회의록수정 화면에서 안건별 검증 처리
- 06-검증완료 화면 불필요 (11-회의록수정에 통합) | | 2.1.1 | 2025-10-24 | 강지수 (Product Designer) | 회의 종료 화면 정책 명확화 및 실시간 협업 충돌 방지 개선
- **UFR-MEET-040 (회의종료)**: 회의 종료 화면 정책 및 옵션 추가
- 회의 종료 화면은 확인 전용 (편집 불가) 명시
- 안건별 AI 요약 전체 표시 (한줄 요약 + 상세 요약 + Todo)
- 옵션 추가: "바로 최종 확정" (옵션 2)
- 3가지 선택 옵션: 회의록 수정 / 바로 최종 확정 / 대시보드 이동
- **UFR-COLLAB-020 (충돌해결)**: 안건 기반 충돌 방지 메커니즘 강화
- 안건 단위 독립 편집으로 충돌 최소화
- 다른 안건 동시 편집 시 충돌 없음
- 동일 안건 내 다른 필드 편집 시 자동 병합
- 동일 필드 동시 수정 시에만 Last Write Wins 적용
- 편집 중 안건 실시간 표시 (편집자 이름 및 아이콘)
- **UFR-MEET-050 (최종확정)**: 회의 종료 화면 바로 확정 시나리오 추가
- 시나리오 2: 회의 종료 화면에서 바로 최종 확정
- 바로 확정 시 모든 안건 자동 검증 완료 처리
- 필수 항목 자동 충족 (AI 생성 내용 활용)
- 회의록 수정 화면 거치지 않고 바로 확정 완료 | | 2.1.2 | 2025-10-24 | 강지수 (Product Designer) | 역할 용어 통일 및 권한 체계 명확화
- **용어 통일**: "회의록 작성자" → "회의 생성자" 또는 "회의 참석자"로 명확히 구분
- 생성자 권한 필요: UFR-MEET-010 (회의예약), UFR-MEET-020 (템플릿선택), UFR-MEET-030 (회의시작), UFR-MEET-040 (회의종료), UFR-MEET-050 (최종확정)
- 참석자 권한: UFR-MEET-046 (목록조회), UFR-MEET-047 (상세조회), UFR-AI-010~040 (AI 기능), UFR-RAG-010~020 (RAG 기능)
- **역할 정의**:
- 생성자: 회의 예약을 생성한 사람 (특별 권한: 참석자 관리, 회의 시작/종료, 최종 확정)
- 참석자: 회의에 참여하는 전체 인원 (생성자 포함, 기본 권한: 안건 편집, 검증, Todo 관리)
- **권한 체계 명확화**:
- 회의록 상세 조회 화면: 역할 표시 "생성자/참석자"로 변경
- Todo 편집 권한: 담당자 본인 OR 회의 생성자 | +| 2.1.3 | 2025-10-24 | 강지수 (Product Designer) | 회의록 목록 조회 화면 생성자 표시 기능 추가 (UFR-MEET-046)
- **목록 표시 정보 추가**: 생성자 표시 (👑 아이콘)
- 현재 사용자가 회의 생성자인 경우 회의록 카드에 👑 아이콘 표시
- 아이콘 크기: 16px, title 속성 "생성자"로 툴팁 제공
- **UI/UX 설계서 업데이트**: 12-회의록목록조회 화면 UI 구성요소 명세 추가
- **스타일 가이드 업데이트**: creator-badge 스타일 추가 (배지 섹션)
- **프로토타입 수정**: 12-회의록목록조회.html, common.css
- createMeetingCard() 함수: creatorBadge 변수 추가 및 렌더링
- common.css: .creator-badge 스타일 정의 | --- \ No newline at end of file