From 86fd30f4cc2b7a94a29e639bbbc6495b8a76fab5 Mon Sep 17 00:00:00 2001 From: yabo0812 Date: Fri, 24 Oct 2025 11:23:02 +0900 Subject: [PATCH] =?UTF-8?q?UI/UX=20=EC=84=A4=EA=B3=84=EC=84=9C=20v1.4.16?= =?UTF-8?q?=20=EC=97=85=EB=8D=B0=EC=9D=B4=ED=8A=B8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 역할 용어 통일 및 검증완료 화면 제거 - style-guide.md v1.2.5: 용어 정의 섹션 신규 추가 - 회의 생성자/참석자 권한 상세 정의 - 사용 금지 용어 명시 ("회의록 작성자" 등) - uiux.md v1.4.16: 유저스토리 v2.1.2 반영 - 06-검증완료 화면 제거 (11-회의록수정에 통합) - 용어 통일: "회의록 작성자" → "회의 생성자" 또는 "참석자" - 화면별 권한 명시 추가 - 구버전 보고서 파일 삭제 (V1.0, V1.1) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude --- design/uiux/style-guide.md | 37 ++ design/uiux/uiux.md | 100 +---- design/uiux/요구사항설계검토-report-V1.0.md | 462 -------------------- design/uiux/요구사항설계검토-report-V1.1.md | 334 -------------- 4 files changed, 55 insertions(+), 878 deletions(-) delete mode 100644 design/uiux/요구사항설계검토-report-V1.0.md delete mode 100644 design/uiux/요구사항설계검토-report-V1.1.md diff --git a/design/uiux/style-guide.md b/design/uiux/style-guide.md index ca3087e..02a7298 100644 --- a/design/uiux/style-guide.md +++ b/design/uiux/style-guide.md @@ -1229,6 +1229,42 @@ Todo 마감일 표시를 위한 D-day 배지 스타일입니다. --- +## 15. 용어 정의 + +### 사용자 역할 용어 +프로젝트 전체에서 다음 용어를 일관되게 사용합니다: + +#### 회의 생성자 (Meeting Creator) +- **정의**: 회의 예약을 생성한 사용자 +- **권한**: + - 회의 시작/종료 + - 템플릿 선택 + - 참석자 관리 (추가/삭제) + - 회의록 최종 확정 + - 검증 완료된 안건 잠금 해제 + - 모든 Todo 수정 (담당자 변경 포함) +- **사용 예시**: + - "회의 생성자 전용 기능" + - "회의 생성자만 회의를 종료할 수 있습니다" + +#### 회의 참석자 (Meeting Participant) +- **정의**: 회의에 참석하는 모든 사용자 (회의 생성자 포함) +- **권한**: + - 회의록 조회 + - 안건 편집 (검증 완료 전) + - 안건 검증 + - 본인의 Todo 수정 (담당자 변경 불가) + - 회의록 목록 조회 (본인이 참석한 회의만) +- **사용 예시**: + - "모든 참석자가 편집할 수 있습니다" + - "참석자는 본인의 Todo만 수정 가능합니다" + +### 사용하지 않는 용어 +- ❌ "회의록 작성자" - 명확하지 않으므로 사용 금지 +- ❌ "작성자" - "회의 생성자" 또는 "참석자"로 명확히 표현 + +--- + ## 변경 이력 | 버전 | 날짜 | 작성자 | 변경 내용 | @@ -1246,3 +1282,4 @@ Todo 마감일 표시를 위한 D-day 배지 스타일입니다. | 1.2.2 | 2025-10-23 | 강지수 | 05-회의진행 화면 Todo 카드 스타일 통일 (v1.2.2)
- **Todo 카드 구조 통일**: 10-회의록상세조회 화면과 동일한 HTML 구조 적용
- `.todo-card` > `.todo-top` > (`.todo-checkbox-wrapper` + `.todo-content-wrapper` + `.todo-actions`)
- 체크박스: `.todo-checkbox` (24px, border-radius 6px)
- 배지: `.todo-badges` 컨테이너에 D-day 배지 + 우선순위 배지
- 제목: `.todo-title` (font-body, regular, gray-900)
- 메타 정보: `.todo-meta-row` (담당자, 마감일)
- 편집 버튼: 절대 위치 (top-right)
- **CSS 스타일 추가**: 10-회의록상세조회와 동일한 스타일 적용
- 호버 효과: shadow + primary 테두리
- 완료 상태: opacity 0.5 + gray 배경 + 취소선
- 아이콘 버튼: 32px, 호버 시 scale(1.1)
- **JavaScript 함수 추가**: `toggleTodoComplete()` 함수 구현
- 완료/미완료 토글 기능
- 확인 다이얼로그 표시
- 토스트 메시지 표시 | | 1.2.3 | 2025-10-23 | 강지수 | 05-회의진행 화면 D-day 배지 제거 (v1.2.3)
- **정책 변경**: 회의 진행 중에는 Todo의 마감일이 확정되지 않았으므로 D-day 배지 숨김
- **Todo 카드 배지 수정**: 우선순위 배지만 표시 (D-day 배지 제거)
- Todo 1: 높음
- Todo 2: 보통
- Todo 3: 높음
- **마감일 표시 간소화**: "2025-10-23 마감" → "마감: 10/23"
- **이유**: 회의 중 작성되는 Todo는 마감일이 임시로 입력된 것이며, 회의 종료 후 확정됨
- **다른 화면**: 09-Todo관리, 10-회의록상세조회는 D-day 배지 유지 (확정된 회의록) | | 1.2.4 | 2025-10-24 | 이미준 | 12-회의록목록조회 화면 데이터 아키텍처 반영 (v1.2.4)
- **프로토타입 동기화**: UI/UX 설계서 v1.4.14 변경사항 반영
- **데이터 아키텍처 명시**: common.js → SAMPLE_MINUTES 배열 기반 동적 렌더링
- **정렬 옵션 레이블 변경**: "최신순" → "최근수정순", "회의일시순" → "최근회의순"
- **페이지네이션**: 초기 10개 표시, "10개 더보기" 버튼으로 추가 로딩
- **샘플 데이터**: 총 30개 (작성중 13개, 확정완료 17개) | +| 1.2.5 | 2025-10-24 | 이미준 | 사용자 역할 용어 통일 (유저스토리 v2.1.2 반영)
- **용어 정의 섹션 신규 추가**: 프로젝트 전체 용어 사용 가이드
- **회의 생성자 (Meeting Creator)**: 회의 예약을 생성한 사용자, 회의 시작/종료 및 최종 확정 권한
- **회의 참석자 (Meeting Participant)**: 회의에 참석하는 모든 사용자 (생성자 포함), 회의록 편집 및 조회 권한
- **사용 금지 용어**: "회의록 작성자", "작성자" → "회의 생성자" 또는 "참석자"로 명확히 표현
- **권한 정의 명시**: 생성자/참석자별 권한 상세 설명
- **통일성 달성**: 유저스토리, 화면설계서, 스타일 가이드 간 용어 완전 통일 | diff --git a/design/uiux/uiux.md b/design/uiux/uiux.md index 1467950..130558c 100644 --- a/design/uiux/uiux.md +++ b/design/uiux/uiux.md @@ -2,9 +2,9 @@ ## 문서 정보 - **작성일**: 2025-10-21 -- **최종 수정일**: 2025-10-23 +- **최종 수정일**: 2025-10-24 - **작성자**: 이미준 (서비스 기획자) -- **버전**: 1.4.14 +- **버전**: 1.4.16 - **설계 철학**: Mobile First Design --- @@ -27,7 +27,7 @@ ## 설계 개요 ### 설계 목표 -업무 지식이 없는 회의록 작성자도 누락 없이 정확한 회의록을 작성하고 공유할 수 있는 직관적이고 효율적인 사용자 경험 제공 +업무 지식이 없는 회의 참석자 누구라도 누락 없이 정확한 회의록을 작성하고 공유할 수 있는 직관적이고 효율적인 사용자 경험 제공 ### 설계 원칙 @@ -57,7 +57,7 @@ - UFR-AI-030 (프롬프팅 기반 회의록 개선) - **UFR-AI-040 (관련 회의록 자동 연결)** ← 신규 반영 - **RAG 서비스**: UFR-RAG-010, UFR-RAG-020 (맥락 기반 용어 설명) -- **Collaboration 서비스**: UFR-COLLAB-010 ~ UFR-COLLAB-030 (실시간 협업) +- **Collaboration 서비스**: UFR-COLLAB-010 ~ UFR-COLLAB-020 (실시간 협업) - **Todo 서비스**: UFR-TODO-010, UFR-TODO-030 (Todo 관리) ### 주요 추가 기능 (v1.1) @@ -80,10 +80,9 @@ |------|--------|----------------|-------------------|-----------|------------------------|-------| | 01 | 로그인 | UFR-USER-010 | 필수 | 사용자 인증 | X | X | | | 02 | 대시보드 | - | 필수 | 메인 랜딩 페이지 | O | X | | -| 03 | 회의예약 | UFR-MEET-010 | 높음 | 회의 생성 | X | O | | -| 04 | 템플릿선택 | UFR-MEET-020 | 중간 | 회의록 템플릿 선택 | X | O | | -| 05 | 회의진행 | UFR-MEET-030, UFR-STT-010/020, UFR-AI-010, UFR-COLLAB-010 | 높음 | 실시간 회의 진행 및 회의록 작성 | X | X | | -| 06 | 검증완료 | UFR-COLLAB-030 | 중간 | 섹션별 검증 | X | X | | +| 03 | 회의예약 | UFR-MEET-010 | 높음 | 회의 생성 | X | O | | +| 04 | 템플릿선택 | UFR-MEET-020 | 중간 | 회의록 템플릿 선택 | X | O | | +| 05 | 회의진행 | UFR-MEET-030, UFR-STT-010/020, UFR-AI-010, UFR-COLLAB-010 | 높음 | 실시간 회의 진행 및 회의록 작성 | X | X | | | 07 | 회의종료 | UFR-MEET-040, UFR-MEET-050 | 높음 | 회의 통계 및 최종 확정 | X | X | | | 09 | Todo관리 | UFR-TODO-010, UFR-TODO-030 | 높음 | Todo 목록 및 진행 관리 | O | X | | | 10 | 회의록상세조회 | UFR-MEET-047 | 중간 | 회의록 상세 보기 | X | O | | @@ -477,6 +476,7 @@ graph TD - **관련 유저스토리**: UFR-MEET-010 - **비즈니스 중요도**: 높음 - **접근 경로**: 대시보드 → "회의 예약" 버튼 +- **권한**: 모든 사용자 (예약 생성 시 자동으로 회의 생성자가 됨) #### 주요 기능 1. 회의 기본 정보 입력 (제목, 날짜/시간, 장소) @@ -565,6 +565,7 @@ graph TD - **관련 유저스토리**: UFR-MEET-020 - **비즈니스 중요도**: 중간 - **접근 경로**: 대시보드 → "새 회의 시작" 또는 회의예약 → "회의 시작" +- **권한**: 회의 생성자 전용 #### 주요 기능 1. 사전 정의된 템플릿 선택 (일반, 스크럼, 킥오프, 주간) @@ -630,6 +631,9 @@ graph TD - **관련 유저스토리**: UFR-MEET-030, UFR-STT-010/020, UFR-AI-010, UFR-AI-040, UFR-COLLAB-010, UFR-RAG-010/020 - **비즈니스 중요도**: 높음 (핵심 화면) - **접근 경로**: 템플릿선택 → "이 템플릿으로 시작" +- **권한**: + - 회의 시작/종료: 회의 생성자 전용 + - 회의록 편집: 모든 참석자 #### 주요 기능 1. 음성 녹음 및 실시간 텍스트 변환 (STT) @@ -935,80 +939,6 @@ graph TD --- -### 06-검증완료 - -#### 개요 -- **목적**: 회의록 섹션별 내용 검증 및 완료 표시 -- **관련 유저스토리**: UFR-COLLAB-030 -- **비즈니스 중요도**: 중간 -- **접근 경로**: 회의진행 화면 내 또는 회의종료 전 - -#### 주요 기능 -1. 섹션별 검증 상태 표시 -2. 검증 완료 체크 (참석자별) -3. 미검증 섹션 안내 -4. 섹션 잠금 (회의 생성자만) - -#### UI 구성요소 - -**Mobile (320px~768px)** -- **헤더** - - "검증 완료" 타이틀 - - 진행률 바 (전체 섹션 대비 검증 완료 비율) - -- **섹션 리스트** - - 각 섹션 카드: - - 섹션 이름 - - 검증 상태 아이콘 (✓ 완료 / ○ 미완료) - - 검증자 아바타 (여러 명 가능) - - "검증 완료" 버튼 - - 잠금 아이콘 (회의 생성자가 잠근 경우) - -- **하단 액션** - - "모두 검증 완료" 버튼 (모든 섹션 검증 시 활성화) - - "나중에 하기" 버튼 - -**Tablet/Desktop (768px+)** - -#### 인터랙션 -1. **섹션 검증** - - "검증 완료" 버튼 클릭 → 확인 다이얼로그 - - 검증 완료 시: 체크 아이콘 표시, 검증자 아바타 추가 - - 실시간 동기화: 다른 참석자에게 즉시 반영 - -2. **섹션 잠금** - - 검증 완료된 섹션에 잠금 아이콘 표시 - - 잠긴 섹션은 수정 불가 - - 잠금 해제 가능(회의생성자만) - -3. **진행률 표시** - - 상단 진행률 바: 실시간 업데이트 - - 100% 완료 시: "모두 검증 완료" 버튼 활성화 - -4. **내용 수정** - - 회의 개요 : 보기 레이어 내에서 편집 가능(회의생성자만) - - 개요 외 항목: 편집시도시 회의록수정화면으로 이동 - -5. **나중에 하기** - - "나중에 하기" 버튼 클릭 → 확인 다이얼로그 - - 확인 시: - - 회의록 상태를 '작성중'으로 임시 저장 - - "회의록이 임시 저장되었습니다" 토스트 메시지 표시 - - 1초 후 02-대시보드 화면으로 이동 - - 이후 12-회의록목록조회에서 '작성중' 상태로 조회 가능 - - 언제든지 회의록 수정 화면에서 검증 재개 가능 - -#### 데이터 요구사항 -- **입력**: 회의 ID, 섹션 목록 -- **출력**: 섹션별 검증 상태, 검증자 정보 -- **연동**: Collaboration 서비스 - -#### 에러 처리 -- **검증 실패**: "검증 처리에 실패했습니다. 다시 시도해주세요" -- **동기화 실패**: "다른 참석자의 검증 상태를 불러올 수 없습니다" - ---- - ### 07-회의종료 #### 개요 @@ -1016,6 +946,7 @@ graph TD - **관련 유저스토리**: UFR-MEET-040, UFR-MEET-050, UFR-AI-020 - **비즈니스 중요도**: 높음 - **접근 경로**: 회의진행 → "회의 종료" 버튼 +- **권한**: 회의 생성자 전용 #### 주요 기능 1. 회의 통계 표시 (시간, 참석자, 발언 횟수 등) @@ -1103,6 +1034,7 @@ graph TD - **관련 유저스토리**: UFR-TODO-040 (Todo 관리) - **비즈니스 중요도**: 높음 - **접근 경로**: 대시보드 → 하단 네비게이션 "Todo" 또는 대시보드 "내 Todo" 카드 → "전체 보기" +- **권한**: 모든 회의 참석자 (본인이 담당자인 Todo만 조회/수정 가능) - **대전제**: - Todo의 상태는 완료/미완료만 존재 - 09-Todo관리 화면에서는 나의 Todo(내가 담당자인 Todo)만 표시 @@ -1260,6 +1192,7 @@ graph TD - **관련 유저스토리**: UFR-MEET-047, UFR-AI-040 - **비즈니스 중요도**: 중간 - **접근 경로**: 대시보드 → "내 회의록" 항목 클릭 또는 Todo관리 → 회의록 링크 +- **권한**: 모든 회의 참석자 (조회 전용) #### 주요 기능 1. 회의 기본 정보 표시 @@ -1614,6 +1547,7 @@ graph TD - **접근 경로**: - 대시보드 → "내 회의록" 전체 보기 - 하단 네비게이션 → "회의록" 메뉴 +- **권한**: 모든 회의 참석자 (본인이 참석한 회의록만 조회) #### 데이터 아키텍처 - **데이터 레이어**: common.js의 SAMPLE_MINUTES 배열 @@ -2104,6 +2038,8 @@ graph TD | 1.4.12 | 2025-10-23 | 강지수 | 05-회의진행 화면 Todo 카드 스타일 10-회의록상세조회와 완전 통일
- **Todo 카드 HTML 구조 통일**:
- 기존: inline-flex 기반 간소화 구조
- 변경: `.todo-card` > `.todo-top` > (`.todo-checkbox-wrapper` + `.todo-content-wrapper` + `.todo-actions`) 구조
- 10-회의록상세조회.html과 100% 동일한 HTML 구조 적용
- **CSS 스타일 추가**: 페이지 하단 `