hgzero/design/uiux/요구사항설계검토-report-V1.2.md
yabo0812 c1ac9f1728 유저스토리 v2.1.3 업데이트 - 회의록 목록 생성자 표시 기능 추가
UI/UX 설계 및 프로토타입 개선
- 회의록 목록 조회 화면에 생성자 표시 (👑 아이콘) 추가
- 스타일 가이드에 creator-badge 스타일 정의 추가
- 프로토타입 12-회의록목록조회.html 및 common.css 업데이트

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-10-24 15:36:06 +09:00

767 lines
26 KiB
Markdown

# 유저스토리 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
<!-- AI Todo 추출 결과 -->
<button class="btn btn-ghost btn-sm" onclick="openModal('todoEditModal')">수정</button>
<!-- ← 편집 불가 정책 위반 -->
<!-- 하단 액션 바 -->
<button class="btn btn-secondary" onclick="navigateTo('11-회의록수정.html')">수정</button>
<button class="btn btn-primary" onclick="navigateTo('02-대시보드.html')">대시보드로 이동</button>
<!-- ← 3가지 옵션 미구현, "바로 최종 확정" 옵션 없음 -->
```
#### 불일치 사항
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 편집 -->
<div class="section">
<div class="section-header">
<h3 class="section-title">
1. 신제품 기획 방향
<span class="badge badge-complete">검증완료</span>
</h3>
</div>
<!-- AI 요약 편집 -->
<div class="ai-summary-edit">
<div class="ai-summary-header">
<span class="ai-summary-label">💡 AI 요약</span>
<button class="btn-secondary btn-sm" onclick="regenerateSummary(1)">AI 재생성</button>
</div>
<textarea class="ai-summary-textarea" readonly>
신제품은 AI 기반 회의록 자동화 서비스로 결정...
</textarea>
<!-- ← AI 한줄 요약 (편집 불가) 항목 없음 -->
</div>
<!-- 검증 완료 (읽기 전용) -->
<div class="verification-lock">
<input type="checkbox" class="checkbox" id="verify-1" checked disabled>
<label for="verify-1">
<span class="font-medium">검증 완료</span>
<span class="text-caption text-muted"> (잠금됨 · 회의 생성자만 수정 가능)</span>
</label>
<span class="readonly-badge">🔒 읽기 전용</span>
</div>
</div>
```
#### 불일치 사항
1. 🟡 **안건 기반 구조 미반영**
- 유저스토리: "안건별" 회의록 구조
- UI/UX 설계서 & 프로토타입: "섹션별" 구조
- **수정 필요**: "섹션" 용어를 "안건"으로 통일
2. 🟡 **안건별 AI 한줄 요약 미표시**
- 유저스토리: 각 안건마다 편집 불가능한 AI 한줄 요약 (30자 이내)
- 프로토타입: AI 요약은 있지만 "한줄 요약"과 "상세 요약" 구분 없음
- **수정 필요**:
- AI 한줄 요약 (읽기 전용, 30자) 추가
- 기존 AI 요약을 "상세 요약"으로 명칭 변경
3. 🟡 **안건별 검증 UI 구현 상태**
- 유저스토리: 11-회의록수정 화면에서 안건별 검증 처리
- 프로토타입: 검증완료 체크박스 있으나 disabled (수정 불가)
- **검토 필요**:
- 회의 생성자일 때 체크박스 활성화 필요
- 잠금 해제 버튼 추가 고려
#### 권장 수정사항
```
[안건 구조 수정안]
<!-- 안건 1 편집 -->
<div class="agenda-section">
<div class="agenda-header">
<h3 class="agenda-title">
안건 1. 신제품 기획 방향
<span class="badge badge-complete">검증완료</span>
</h3>
</div>
<!-- AI 한줄 요약 (편집 불가) -->
<div class="ai-oneline-summary-readonly">
<span class="ai-icon">✨</span>
<span class="summary-text">AI 기반 회의록 서비스 개발 방향 결정</span>
</div>
<!-- AI 상세 요약 (편집 가능) -->
<div class="ai-summary-edit">
<div class="ai-summary-header">
<span class="ai-summary-label">💡 AI 상세 요약</span>
<button class="btn-secondary btn-sm">AI 재생성</button>
</div>
<textarea class="ai-summary-textarea">...</textarea>
</div>
<!-- 안건별 검증 (회의 생성자만 활성화) -->
<div class="agenda-verification">
<input type="checkbox" id="verify-agenda-1" checked>
<label>안건 검증 완료</label>
<button class="btn-ghost btn-sm" v-if="isCreator && isLocked">잠금 해제</button>
</div>
</div>
```
---
### 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
<div class="section">
<h3 class="section-title">1. 신제품 기획 방향</h3>
<div class="ai-summary">...</div>
<div class="section-content">...</div>
</div>
```
#### 불일치 사항
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 함수
<div class="minute-card">
<div class="minute-title">${minute.title}</div>
<!-- 생성자 표시 로직 없음 -->
</div>
```
#### 불일치 사항
1. 🟡 **생성자 표시 미반영**
- 유저스토리: 생성자 표시 (👑 아이콘)
- UI/UX 설계서: 명시 없음
- 프로토타입: 구현 없음
- **수정 필요**:
- 생성자 표시 UI 추가
- 현재 사용자가 생성자일 경우 👑 아이콘 표시
#### 권장 수정사항
```
[UI/UX 설계서 수정]
"목록 표시 정보" 섹션에 추가:
- 생성자 표시: 현재 사용자가 회의 생성자인 경우 👑 아이콘 표시
[프로토타입 수정 - common.js]
function renderMinuteCard(minute, currentUserId) {
const isCreator = minute.creatorId === currentUserId;
return `
<div class="minute-card">
<div class="minute-header">
<h3 class="minute-title">
${minute.title}
${isCreator ? '<span class="creator-badge">👑</span>' : ''}
</h3>
</div>
...
</div>
`;
}
```
---
## 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 설계서, 프로토타입 간 완전한 일관성을 확보해야 합니다.
---
**보고서 종료**