From b73beccb693c3e62721802790ddc7f55afd6060c Mon Sep 17 00:00:00 2001 From: yabo0812 Date: Tue, 21 Oct 2025 14:57:47 +0900 Subject: [PATCH] =?UTF-8?q?UI/UX=20=EC=84=A4=EA=B3=84=EC=84=9C=20=EB=8C=80?= =?UTF-8?q?=EC=8B=9C=EB=B3=B4=EB=93=9C=20=EC=A7=84=ED=96=89=EC=A4=91=20?= =?UTF-8?q?=ED=9A=8C=EC=9D=98=20=ED=91=9C=EC=8B=9C=20=EA=B8=B0=EB=8A=A5=20?= =?UTF-8?q?=EC=B6=94=EA=B0=80=20(v1.3.1)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit **진행중 회의 표시 기능 추가** - 예정된 회의 카드명 변경: "예정된/진행중 회의" - 진행중 회의 정의 - 회의 시작 시간 <= 현재 시간 AND 회의 종료 안 됨 - 사용자가 참석자 또는 생성자 - 우선순위 정렬 1. 진행중 회의 (최상단 우선 표시) 2. 예정된 회의 (회의 일시 순) **UI 구성요소 개선** - 상태 배지 추가 - "진행중" (빨강/주황, 깜빡임 애니메이션, 1초 간격) - "D-1", "D-day", "3시간 후" (예정된 회의) - 빠른 참여 버튼 (진행중 회의만) - "참여하기" 버튼 (Primary, 작은 크기) - 클릭 시 회의 진행 화면으로 즉시 이동 **인터랙션 개선** - 진행중 회의 - "참여하기" 버튼 → 회의 진행 화면 즉시 이동 - 회의 항목 클릭 → 회의 상세 정보 표시 - 배지 애니메이션: 깜빡임 효과 - 예정된 회의 - 회의 항목 클릭 → 회의 상세 정보 표시 - 호버 효과: 카드 그림자 증가 **데이터 요구사항 개선** - 필터 조건 추가 - 진행중 회의: 시작 시간 <= 현재 AND 종료 안 됨 - 예정된 회의: 회의 일시 >= 현재 시간 - 정렬 우선순위 명확화 1. 진행중 회의 우선 (상태 = ongoing) 2. 예정된 회의 (일시 순, 가까운 순) - 출력 데이터: 상태 (예정/진행중) 추가 **통계 데이터 개선 (Desktop)** - 예정된/진행중 회의 수 표시 - 진행중 회의 수 별도 배지 표시 (빨강) **에러 처리 추가** - 진행중 회의 참여 실패 시나리오 - 회의 종료됨: "이미 종료된 회의입니다" - 권한 없음: "참여 권한이 없습니다" - 네트워크 오류: "네트워크 연결을 확인해주세요" 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude --- design/uiux/uiux.md | 70 ++++++++++++++++++++++++++++++++++----------- 1 file changed, 54 insertions(+), 16 deletions(-) diff --git a/design/uiux/uiux.md b/design/uiux/uiux.md index 3c538a9..74338d9 100644 --- a/design/uiux/uiux.md +++ b/design/uiux/uiux.md @@ -4,7 +4,7 @@ - **작성일**: 2025-10-21 - **최종 수정일**: 2025-10-21 - **작성자**: 이미준 (서비스 기획자) -- **버전**: 1.3 +- **버전**: 1.3.1 - **설계 철학**: Mobile First Design --- @@ -215,7 +215,9 @@ graph TD #### 주요 기능 1. 빠른 회의 시작 및 예약 -2. **예정된/초대받은 회의 목록** (upcoming meetings) +2. **예정된/진행중 회의 목록** (upcoming & ongoing meetings) + - 예정된 회의 (아직 시작 전) + - 진행중 회의 (참여 가능한 회의) 3. **내 Todo 우선순위별 표시** (지연중 → 진행중 → 미진행 → 완료, 최대 5개) 4. **내 회의록** (참여자/생성자로 등록된 최근 3개, 상태 포함) 5. **공유받은 회의록** (최근 공유받은 순 3개) @@ -238,14 +240,25 @@ graph TD - "새 회의 시작" 버튼 (Primary, 아이콘: play_circle, flex: 1) - "회의 예약" 버튼 (Secondary, 아이콘: calendar_today) - - **예정된 회의** 카드 (신규) + - **예정된/진행중 회의** 카드 (신규) - 헤더: "예정된 회의" (H4) + "전체 보기 →" 링크 - - 예정된/초대받은 회의 리스트 (최대 3개) + - 회의 리스트 (최대 3개, 우선순위 순) + 1. **진행중 회의** (우선 표시) + - 상태: 회의 시작됨, 아직 종료 안 됨, 참여 가능 + - 긴급 표시: "진행중" 배지 (빨강/주황색, 애니메이션) + 2. **예정된 회의** (시작 전) + - 상태: 회의 일시 >= 현재 시간 + - D-day 표시 (긴급도에 따라 색상 구분) - 각 항목: + - **상태 배지** (최우선 표시): + - "진행중" (빨강/주황, 깜빡임 애니메이션) - 진행중 회의 + - "D-1", "D-day", "3시간 후" 등 - 예정된 회의 - 회의 제목 (H5) - 회의 일시 (아이콘: calendar_today) - 참석자 수 (아이콘: people) - - D-day 배지 (긴급도에 따라 색상 구분) + - **빠른 참여 버튼** (진행중 회의만): + - "참여하기" 버튼 (Primary, 작은 크기) + - 클릭 시 바로 회의 진행 화면으로 이동 - 빈 상태: "예정된 회의가 없습니다" - **내 Todo** 카드 (개선) @@ -313,13 +326,16 @@ graph TD - 빠른 액션 (가로 배치) - **통계 그리드** (3컬럼, auto-fit): - - 예정된 회의 (아이콘: 📅, Primary 색상) + - 예정된/진행중 회의 (아이콘: 📅, Primary 색상) + - 진행중 회의 수 별도 표시 (빨강 배지) - 진행 중 Todo (아이콘: ✅, Warning 색상) - Todo 완료율 (아이콘: 📈, Success 색상) - **2컬럼 그리드**: - 좌측 컬럼 (2/3 너비) - - 예정된 회의 섹션 + - 예정된/진행중 회의 섹션 + - 진행중 회의 우선 표시 (상단) + - 예정된 회의 (하단) - 내 회의록 섹션 - 우측 컬럼 (1/3 너비) - 내 Todo 위젯 @@ -330,13 +346,23 @@ graph TD - "새 회의 시작" 클릭 → 템플릿선택 화면으로 이동 (페이드 전환) - "회의 예약" 클릭 → 회의예약 화면으로 이동 -2. **카드 인터랙션** +2. **예정된/진행중 회의 인터랙션** + - **진행중 회의**: + - "참여하기" 버튼 클릭 → 회의 진행 화면으로 즉시 이동 + - 회의 항목 클릭 → 회의 상세 정보 표시 (모달 또는 화면 이동) + - 애니메이션: "진행중" 배지 깜빡임 효과 (1초 간격) + - **예정된 회의**: + - 회의 항목 클릭 → 회의 상세 정보 표시 + - 호버 효과: 카드 그림자 증가 + - "전체 보기" 링크 클릭 → 회의 목록 화면으로 이동 + +3. **카드 인터랙션** - 회의록 항목 클릭 → 회의록 상세 화면으로 이동 - Todo 항목 클릭 → Todo 관리 화면으로 이동 - "전체 보기" 링크 클릭 → 해당 목록 화면으로 이동 - 호버 효과: 카드 그림자 증가, 약간 상승 (transform: translateY(-2px)) -3. **검색** +4. **검색** - 검색 아이콘 클릭: 전체 화면 검색 인터페이스 표시 - 실시간 자동완성 및 최근 검색어 제공 @@ -346,11 +372,15 @@ graph TD - 현재 날짜/시간 (예정된 회의 필터링용) - **출력**: - - **예정된 회의**: - - 회의 ID, 제목, 일시, 참석자 목록, D-day - - 필터: 회의 일시 >= 현재 시간, 사용자가 참석자 또는 생성자 - - 정렬: 회의 일시 순 (가까운 순) - - 최대 3개 + - **예정된/진행중 회의**: + - 회의 ID, 제목, 일시, 참석자 목록, 상태 (예정/진행중), D-day + - 필터 조건: + - **진행중 회의**: 회의 시작 시간 <= 현재 시간 AND 회의 종료 안 됨, 사용자가 참석자 또는 생성자 + - **예정된 회의**: 회의 일시 >= 현재 시간, 사용자가 참석자 또는 생성자 + - 정렬 우선순위: + 1. 진행중 회의 우선 (상태 = ongoing) + 2. 예정된 회의 (회의 일시 순, 가까운 순) + - 최대 3개 (진행중 회의 우선) - **내 Todo**: - Todo ID, 제목, 담당자, 마감일, 상태, 우선순위 @@ -375,7 +405,7 @@ graph TD - 최대 3개 - **통계 데이터** (Desktop): - - 예정된 회의 수 + - 예정된/진행중 회의 수 (진행중 회의 수 별도 배지) - 진행 중 Todo 수 - Todo 완료율 (완료 / 전체 × 100) @@ -395,11 +425,18 @@ graph TD - 사용자 경험 최소 방해 - **빈 상태** (각 섹션별): - - 예정된 회의: "예정된 회의가 없습니다" + - 예정된/진행중 회의: "예정된 회의가 없습니다" - Todo: "할당된 Todo가 없습니다" - 내 회의록: "작성한 회의록이 없습니다. 첫 회의를 시작해보세요!" - 공유받은 회의록: "공유받은 회의록이 없습니다" +- **진행중 회의 참여 실패**: + - "회의에 참여할 수 없습니다." 토스트 메시지 + - 원인별 안내: + - 회의 종료됨: "이미 종료된 회의입니다" + - 권한 없음: "참여 권한이 없습니다" + - 네트워크 오류: "네트워크 연결을 확인해주세요" + - **네트워크 오류**: - "네트워크 연결을 확인해주세요." 토스트 메시지 - 자동 재시도 (최대 3회, exponential backoff) @@ -1688,6 +1725,7 @@ graph TD | 1.1 | 2025-10-21 | 이미준 | AI 요약 및 참고자료 기능 추가
- 05-회의진행: AI 회의 내용 요약 자동 생성 및 참고자료 자동 연결 추가
- 10-회의록상세조회: 섹션별 AI 요약 표시 및 참고자료 영역 추가
- 11-회의록수정: AI 요약 수정 및 참고자료 편집 기능 추가
- 관련 유저스토리: UFR-AI-040 (관련 회의록 자동 연결) | | 1.2 | 2025-10-21 | 이미준 | 회의록 상세 화면 구조 개선 (프로토타입 기반)
- 10-회의록상세조회: 탭 기반 네비게이션 추가 (회의록/대시보드/타임라인)
- 대시보드 탭 추가: 핵심내용, 결정사항, Todo 진행상황, 참고자료 섹션
- 참고자료 관련도 점수 표시 (백분율 + 색상 코딩)
- 참고자료 카테고리 탭 (관련 회의록/프로젝트 문서/이슈 트래커/위키 페이지)
- 참조: design-gappa/uiux/prototype 파일 (11-회의록대시보드.html, 05-회의진행.html) | | 1.3 | 2025-10-21 | 이미준 | 대시보드 및 회의록 목록 화면 개선 (사용자 피드백 반영)
- 02-대시보드: 예정된 회의 카드 추가, Todo 우선순위 정렬 개선 (지연→진행→미진행→완료, 최대 5개), 내 회의록 상태 배지 추가, 공유받은 회의록 섹션 개선
- 12-회의록목록조회: 신규 화면 추가 (필터링/정렬/검색 기능)
- 필터: 참여 유형(공유받은/참석한/생성한), 상태(전체/작성중/확정완료)
- 정렬: 최신 회의순/최신 업데이트순/제목 가나다순
- 검색: 제목/참석자/키워드 통합 검색
- 통계 정보 표시 (전체/작성중/확정완료 개수)
- 참조: design/uiux/prototype_fix 및 design-gappa/uiux/prototype 파일 | +| 1.3.1 | 2025-10-21 | 이미준 | 대시보드 진행중 회의 표시 기능 추가
- 02-대시보드: 예정된 회의 카드에 진행중 회의 포함
- 진행중 회의 우선 표시 (최상단)
- "진행중" 배지 (빨강/주황, 깜빡임 애니메이션)
- "참여하기" 버튼으로 즉시 회의 참여 가능
- 정렬: 진행중 회의 → 예정된 회의 (일시 순)
- 데이터 요구사항: 회의 상태 (ongoing) 추가, 진행중 회의 필터 조건 정의
- 에러 처리: 진행중 회의 참여 실패 시나리오 추가 (종료됨/권한없음/네트워크오류) | ---