mirror of
https://github.com/hwanny1128/HGZero.git
synced 2025-12-06 21:56:24 +00:00
UI/UX 설계 및 프로토타입 개선 - 회의록 목록 조회 화면에 생성자 표시 (👑 아이콘) 추가 - 스타일 가이드에 creator-badge 스타일 정의 추가 - 프로토타입 12-회의록목록조회.html 및 common.css 업데이트 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
767 lines
26 KiB
Markdown
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 설계서, 프로토타입 간 완전한 일관성을 확보해야 합니다.
|
|
|
|
---
|
|
|
|
**보고서 종료**
|