# task-2173 완료 보고서: InsuRo UX 전수조사 ## SCQA **S**: InsuRo(insuro.biz)가 프로덕션 운영 중이며, 보험 설계사(30~50대, IT 비전문가)가 주 타겟 사용자이다. **C**: 실제 사용자 관점의 UX 전수조사가 수행된 적 없어, 기능은 존재하지만 사용성/직관성 관점의 마찰 포인트가 식별되지 않았다. **Q**: 50대 보험 설계사가 InsuRo를 처음 사용할 때 포기할 만한 UX 장벽이 있는가? **A**: Playwright MCP로 실제 사이트를 탐색한 결과, Critical 2건, High 4건, Medium 5건, Low 3건 총 14건의 UX 이슈를 발견. 가장 심각한 문제는 (1) PWA 설치 팝업의 지속적 방해, (2) 로그인 실패 시 에러 메시지 부재이다. 코드 수정은 본 작업 범위 외이며, 발견된 이슈를 심각도별로 정리하여 후속 작업으로 연결할 수 있도록 보고한다. --- ## 조사 방법 - Playwright MCP로 insuro.biz에 접속 - Supabase API로 테스트 계정 생성 (ux-test-2173@insuro.kr) + localStorage 세션 주입 - 데스크탑(1280x800) + 모바일(375x812) 뷰포트 조사 - 10개 UX 영역 체계적 탐색 --- ## 발견 사항 (14건) ### Critical (2건) ``` [영역] 전체 — PWA 설치 팝업 [문제] "핫라인 앱 설치" PWA 팝업이 모든 페이지에서 지속적으로 표시됨. 닫아도 페이지 이동 시 재출현. 콘텐츠 영역을 가리며, 특히 모바일에서 화면의 상당 부분을 차지. 50대 설계사가 "이 팝업이 계속 뜨는데 어떻게 없애죠?" 하고 포기할 가능성 높음. [심각도] Critical [제안] (1) 한번 닫으면 24시간 또는 세션 내 재표시 안 함 (2) 로그인 직후 첫 5초만 표시 후 자동 숨김 (3) 온보딩 완료 전에는 표시하지 않음 [스크린샷] memory/reports/qa-screenshots/ux-004-ai-marketing-keyword.png ``` ``` [영역] 로그인 [문제] 이메일/비밀번호 로그인 실패 시 사용자에게 아무런 에러 메시지가 표시되지 않음. 400 에러가 콘솔에만 기록되고 UI에는 피드백 없음. 잘못된 비밀번호인지, 계정이 없는 것인지, 네트워크 문제인지 사용자가 전혀 알 수 없음. [심각도] Critical [제안] "이메일 또는 비밀번호가 올바르지 않습니다" 토스트 또는 인라인 에러 표시 [스크린샷] memory/reports/qa-screenshots/ux-002-login-fail-no-error.png ``` ### High (4건) ``` [영역] 온보딩/첫인상 [문제] 로그인 후 /intro (서비스 소개) 페이지로 리다이렉트됨. 이 페이지는 "인슈로란 무엇인가" 마케팅 콘텐츠로, 이미 가입한 사용자에게 반복 표시. 첫 사용자가 "뭘 해야 하지?" 하며 실제 기능으로의 진입점을 찾기 어려움. 시작 가이드 위젯(우하단)은 존재하나 주의를 끌기 어려운 위치. [심각도] High [제안] 첫 로그인 시 온보딩 전용 화면으로 안내 (개인설정 → 첫 콘텐츠 생성) 기존 사용자는 마지막 사용 페이지 또는 AI 콘텐츠 작성 페이지로 리다이렉트 [스크린샷] memory/reports/qa-screenshots/ux-003-intro-page.png ``` ``` [영역] CRM (고객관리) [문제] 무료 플랜 사용자가 "고객관리" 탭 클릭 시 CRM 대시보드 전체가 블러 처리되고 "이 기능은 프로 플랜 이상에서 사용할 수 있습니다" 오버레이만 표시. 대시보드 레이아웃 자체는 보이나 데이터는 블러. 설계사가 "이 기능은 뭔지도 모르겠는데 유료라니" 느낌. 기능 가치를 체험할 기회 없음. [심각도] High [제안] (1) 데모 데이터로 기능 미리보기 제공 (읽기 전용) (2) "고객 3명까지 무료 체험" 같은 제한적 무료 사용 허용 (3) 최소한 스크린샷이나 설명 영상 제공 [스크린샷] memory/reports/qa-screenshots/ux-006-crm-dashboard.png ``` ``` [영역] AI 콘텐츠 작성 [문제] 금소법 면책 배너 + 동의 체크박스가 콘텐츠 유형 선택과 채널 선택 사이에 위치. 사용자가 채널과 주제를 선택하기 전에 금소법 동의를 해야 하는 흐름이 비직관적. "아직 뭘 만들건지도 안 정했는데 법적 동의부터?" 느낌. 또한 동의하지 않으면 생성 버튼이 비활성화되는데, 이 연결이 명시되지 않음. [심각도] High [제안] 금소법 동의를 "생성하기" 버튼 클릭 시 최종 확인 단계로 이동하거나, 채널/주제 선택 이후에 배치 [스크린샷] memory/reports/qa-screenshots/ux-005-generate-page.png ``` ``` [영역] 정보 계층/네비게이션 [문제] "분석 & 도구" 탭 클릭 시 "소식지분석" 페이지(/market/newsletter)로 이동. 사이드바에 7개 메뉴(소식지분석, 보험료/환급률 분석, 인슈위키, 메디스캔, 보험사 전산정보, 각종 계산기, 외부 참고 사이트)가 나열되어 있으나, 이들이 "분석"과 "도구"로 구분되지 않아 메뉴가 많아 보임. [심각도] High [제안] "분석" (소식지분석, 보험료/환급률 분석)과 "도구" (인슈위키, 메디스캔, 계산기 등)를 서브헤더로 구분하거나, 상위 탭으로 분리 [스크린샷] memory/reports/qa-screenshots/ux-007-tools-newsletter.png ``` ### Medium (5건) ``` [영역] AI 콘텐츠 작성 [문제] "고급 옵션 펼치기" 버튼이 접혀있어 보험 종류, AI 모델, 톤 등의 세부 설정이 숨겨져 있음. 첫 사용자는 이 옵션의 존재를 모를 수 있고, 고급 사용자는 매번 펼쳐야 하는 불편함. [심각도] Medium [제안] 사용자의 마지막 설정을 기억하여, 고급 옵션을 한번 사용한 사용자에게는 기본 펼침 상태 유지 [스크린샷] memory/reports/qa-screenshots/ux-005-generate-page.png ``` ``` [영역] 시작 가이드 위젯 [문제] 시작 가이드 위젯(2/3 진행)이 우하단에 항상 표시됨. "이용 가이드를 확인하세요", "개인설정 입력하기", "첫 번째 콘텐츠 생성해보기" 3단계. 하지만 PWA 팝업과 겹치고, 시작 가이드 자체의 진행 상태(2/3)가 무엇을 의미하는지 불분명. [심각도] Medium [제안] (1) PWA 팝업과 겹치지 않도록 위치 조정 (2) 첫 방문 시 시작 가이드를 중앙 모달로 강조 표시 후, 이후 위젯으로 축소 [스크린샷] memory/reports/qa-screenshots/ux-003-intro-page.png ``` ``` [영역] 채널 선택 [문제] AI 콘텐츠 작성에서 "네이버 블로그"만 무료로 사용 가능하고, 나머지 4개 채널 (티스토리, 인스타그램, Threads, 유튜브&릴스)은 잠금 표시. 잠금 아이콘(⚡)이 작고 눈에 띄지 않아, 클릭해봐야 잠금인지 알 수 있음. [심각도] Medium [제안] 잠금 채널은 명확한 자물쇠 아이콘 + "프리미엄" 배지로 시각적 구분 강화 [스크린샷] memory/reports/qa-screenshots/ux-005-generate-page.png ``` ``` [영역] 프라이싱 [문제] 프라이싱 페이지에 Free, Basic, Pro, Max 4개 플랜이 표시되는데, Max 플랜이 화면 오른쪽으로 잘려서 보임. 가로 스크롤이 필요하지만 스크롤 가능하다는 시각적 힌트가 없음. [심각도] Medium [제안] (1) 4개 플랜을 2x2 그리드로 배치하거나 (2) 좌우 스크롤 가능 힌트(화살표 또는 그라데이션) 추가 [스크린샷] memory/reports/qa-screenshots/ux-009-pricing-page.png ``` ``` [영역] 네비게이션 [문제] 상단 네비게이션 탭(고객관리, AI 마케팅, 분석 & 도구, 안내 & 설정) 클릭 시 좌측 사이드바가 변경되지만, 현재 활성 상단 탭의 시각적 강조가 미약. 현재 페이지가 어느 영역에 속하는지 상단 탭에서 즉시 파악하기 어려움. [심각도] Medium [제안] 활성 상단 탭에 뚜렷한 배경색 또는 하단 바 추가 (현재는 미묘한 차이만 있음) [스크린샷] memory/reports/qa-screenshots/ux-004-ai-marketing-keyword.png ``` ### Low (3건) ``` [영역] 모바일 뷰 [문제] 모바일(375px)에서 시작 가이드 위젯이 콘텐츠 영역의 상당 부분을 차지하며, 콘텐츠 유형 선택 카드가 스크롤 아래로 밀려남. 하지만 전체적으로 모바일 레이아웃은 잘 작동하며 하단 네비게이션도 직관적. [심각도] Low [제안] 모바일에서 시작 가이드를 더 컴팩트하게 표시 [스크린샷] memory/reports/qa-screenshots/ux-008-mobile-generate.png ``` ``` [영역] 텍스트/카피 [문제] "프리미엄 업그레이드 — 모든 기능 잠금해제" 사이드바 하단 배너의 문구가 모든 페이지에 동일. 현재 보고 있는 기능과 연관된 업그레이드 문구가 아님. [심각도] Low [제안] 현재 페이지 맥락에 맞는 업그레이드 문구 표시 (예: CRM 페이지에서 "고객 관리 잠금해제") [스크린샷] memory/reports/qa-screenshots/ux-006-crm-dashboard.png ``` ``` [영역] 로딩/대기 [문제] 소식지 AI 분석 페이지에서 "전체 기간" 드롭다운 옆 로딩 스피너가 초기 로드 시 잠시 표시됨. 무엇을 로딩하는지 설명 없음. [심각도] Low [제안] "소식지 데이터 불러오는 중..." 등 맥락 있는 로딩 메시지 추가 [스크린샷] memory/reports/qa-screenshots/ux-007-tools-newsletter.png ``` --- ## L1 스모크테스트 결과 - 서버 재시작: 해당없음 (UX 조사 — 코드 수정 없음) - API 응답 확인: insuro.biz 접속 성공, 세션 주입 후 인증 동작 확인 - 스크린샷: `memory/reports/qa-screenshots/ux-001-login-page.png` 외 9장 --- ## 심각도 요약 - Critical: 2건 (PWA 팝업 지속 방해, 로그인 에러 메시지 부재) - High: 4건 (온보딩 부적절한 랜딩, CRM 무료체험 불가, 금소법 동의 위치, 분석&도구 메뉴 과다) - Medium: 5건 (고급 옵션 숨김, 시작 가이드 겹침, 잠금 채널 구분, 프라이싱 잘림, 탭 강조 미약) - Low: 3건 (모바일 가이드 크기, 업그레이드 문구 일률적, 로딩 메시지 부재) --- ## 발견 이슈 및 해결 ### 범위 외 미해결 (14건) - 모든 발견 사항은 UX 조사 결과이며, 코드 수정은 본 작업 범위 외 - 후속 작업으로 심각도 Critical/High 6건 우선 개선 권장 --- ## 콘솔 에러 기록 - profiles API 400 에러 5건: 신규 사용자 프로필 데이터 미존재로 추정 - plan_ai_models API 400 에러 1건: 플랜 AI 모델 조회 실패 --- ## 산출물 - `memory/reports/qa-screenshots/ux-001-login-page.png` - `memory/reports/qa-screenshots/ux-002-login-fail-no-error.png` - `memory/reports/qa-screenshots/ux-003-intro-page.png` - `memory/reports/qa-screenshots/ux-004-ai-marketing-keyword.png` - `memory/reports/qa-screenshots/ux-005-generate-page.png` - `memory/reports/qa-screenshots/ux-006-crm-dashboard.png` - `memory/reports/qa-screenshots/ux-007-tools-newsletter.png` - `memory/reports/qa-screenshots/ux-008-mobile-generate.png` - `memory/reports/qa-screenshots/ux-009-pricing-page.png` - `memory/reports/qa-screenshots/ux-010-guide-page.png` - `memory/reports/task-2173.md` --- ## 모델 사용 기록 - 팀원: 헤르메스(팀장) / 작업 내용: UX 전수조사 직접 수행 (브라우저 MCP 단일 세션) / 사용 모델: opus / 정당성: 브라우저 세션 공유 불가로 팀장 직접 수행 필수, UX 판단은 전략/분석 성격 --- ## 셀프 QC - [x] 1. 영향 파일: 코드 수정 없음 (조사 작업) - [x] 2. 엣지 케이스: 신규 사용자(프로필 미설정) 관점 확인 - [x] 3. 작업 지시와 정확히 일치: 10개 UX 영역 전수조사 완료 - [x] 4. 에러 처리/보안: 해당없음 (코드 수정 없음) - [x] 5. 테스트: 해당없음 (코드 수정 없음) - [x] 6. 이슈 해결: UX 조사 결과 — 코드 수정은 범위 외 - [x] 7. 코드 아키텍처: 해당없음 - [x] 8. 인터페이스 변경: 해당없음 - [x] 11. 3문서 업데이트: plan.md(completed), context-notes.md(기록 완료), checklist.md(14/14 체크) - [x] 12. 3 Step Why: context-notes.md에 기록 완료 - [x] 13. L1 스모크테스트: 실제 사이트 접속 + 스크린샷 확인 완료 ## 세션 통계 - 총 도구 호출: 0회 ## 세션 통계 - 총 도구 호출: 0회 ## 세션 통계 - 총 도구 호출: 0회 ## 세션 통계 - 총 도구 호출: 0회 ## 세션 통계 - 총 도구 호출: 0회 ## 세션 통계 - 총 도구 호출: 0회 ## 세션 통계 - 총 도구 호출: 0회