shared-dg05-coffeeQuokka/hgzero
1
0
Fork 0
mirror of https://github.com/hwanny1128/HGZero.git synced 2025-12-06 05:36:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

유저저니맵

Browse Source
This commit is contained in:
cyjadela 2025-10-14 17:33:43 +09:00
parent fc31d65bba
commit 8eec173a73
1 changed files with 310 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

310
define/유저저니맵.svg Normal file
View File

@ -0,0 +1,310 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1800 1200">
<!-- Background -->
<rect width="1800" height="1200" fill="#f8f9fa"/>
<!-- Title -->
<text x="900" y="40" text-anchor="middle" font-size="28" font-weight="bold" fill="#1a1a1a">
회의록 작성 및 공유 User Journey Map
</text>
<!-- Stage Headers -->
<g id="stages">
<!-- Stage 1 -->
<rect x="50" y="80" width="200" height="50" fill="#667eea" rx="5"/>
<text x="150" y="110" text-anchor="middle" font-size="14" font-weight="bold" fill="white">문제인식</text>
<!-- Stage 2 -->
<rect x="270" y="80" width="200" height="50" fill="#667eea" rx="5"/>
<text x="370" y="110" text-anchor="middle" font-size="14" font-weight="bold" fill="white">솔루션탐색</text>
<!-- Stage 3 -->
<rect x="490" y="80" width="200" height="50" fill="#667eea" rx="5"/>
<text x="590" y="110" text-anchor="middle" font-size="14" font-weight="bold" fill="white">도입 및 준비</text>
<!-- Stage 4 -->
<rect x="710" y="80" width="200" height="50" fill="#667eea" rx="5"/>
<text x="810" y="110" text-anchor="middle" font-size="14" font-weight="bold" fill="white">회의참여</text>
<!-- Stage 5 -->
<rect x="930" y="80" width="200" height="50" fill="#667eea" rx="5"/>
<text x="1030" y="110" text-anchor="middle" font-size="14" font-weight="bold" fill="white">회의록 작성</text>
<!-- Stage 6 -->
<rect x="1150" y="80" width="200" height="50" fill="#667eea" rx="5"/>
<text x="1250" y="110" text-anchor="middle" font-size="14" font-weight="bold" fill="white">검토 및 보완</text>
<!-- Stage 7 -->
<rect x="1370" y="80" width="200" height="50" fill="#667eea" rx="5"/>
<text x="1470" y="110" text-anchor="middle" font-size="14" font-weight="bold" fill="white">공유</text>
<!-- Stage 8 -->
<rect x="1590" y="80" width="200" height="50" fill="#667eea" rx="5"/>
<text x="1690" y="110" text-anchor="middle" font-size="14" font-weight="bold" fill="white">활용 및 추적</text>
</g>
<!-- Row Labels -->
<text x="25" y="200" font-size="14" font-weight="bold" fill="#1a1a1a">행동</text>
<text x="25" y="530" font-size="14" font-weight="bold" fill="#10b981">좋은 느낌</text>
<text x="25" y="850" font-size="14" font-weight="bold" fill="#ef4444">나쁜 느낌</text>
<!-- Emotion Line -->
<line x1="50" y1="680" x2="1790" y2="680" stroke="#cbd5e0" stroke-width="2"/>
<!-- Stage 1: 문제인식 -->
<g id="stage1">
<!-- 행동 -->
<rect x="50" y="220" width="200" height="280" fill="white" stroke="#e2e8f0" stroke-width="2" rx="5"/>
<foreignObject x="55" y="225" width="190" height="270">
<div xmlns="http://www.w3.org/1999/xhtml" style="font-size:11px; line-height:1.4; padding:5px;">
• 전문용어 많은 회의에서 회의록 작성 요청 받음<br/>
• 업무 지식 부족으로 중요도 판단 불가<br/>
• 첫 회의록에서 중요 사항 누락<br/>
• 상사/팀원에게 지적받고 문제 인식<br/>
• "내가 이해도 못하는 걸 어떻게 써요?"
</div>
</foreignObject>
<!-- 좋은 느낌 -->
<circle cx="150" cy="600" r="40" fill="#d1fae5" stroke="#10b981" stroke-width="2"/>
<text x="150" y="600" text-anchor="middle" font-size="11" fill="#065f46">문제 인식</text>
<text x="150" y="615" text-anchor="middle" font-size="11" fill="#065f46">개선 기회</text>
<!-- 나쁜 느낌 -->
<circle cx="150" cy="950" r="50" fill="#fee2e2" stroke="#ef4444" stroke-width="2"/>
<text x="150" y="940" text-anchor="middle" font-size="11" fill="#991b1b">막막함</text>
<text x="150" y="955" text-anchor="middle" font-size="11" fill="#991b1b">불안감</text>
<text x="150" y="970" text-anchor="middle" font-size="11" fill="#991b1b">자괴감</text>
<!-- Emotion curve point -->
<circle cx="150" cy="750" r="6" fill="#ef4444"/>
</g>
<!-- Stage 2: 솔루션탐색 -->
<g id="stage2">
<!-- 행동 -->
<rect x="270" y="220" width="200" height="280" fill="white" stroke="#e2e8f0" stroke-width="2" rx="5"/>
<foreignObject x="275" y="225" width="190" height="270">
<div xmlns="http://www.w3.org/1999/xhtml" style="font-size:11px; line-height:1.4; padding:5px;">
• 온라인 검색: 회의록 템플릿, AI 도구<br/>
• 동료/선배에게 조언 구함<br/>
• AI 회의록 도구 무료체험<br/>
• 협업툴(Notion, Confluence) 탐색<br/>
• "다 써봤는데 맥락 파악은 못함"
</div>
</foreignObject>
<!-- 좋은 느낌 -->
<circle cx="370" cy="580" r="40" fill="#d1fae5" stroke="#10b981" stroke-width="2"/>
<text x="370" y="580" text-anchor="middle" font-size="11" fill="#065f46">해결 가능성</text>
<text x="370" y="595" text-anchor="middle" font-size="11" fill="#065f46">기대감</text>
<!-- 나쁜 느낌 -->
<circle cx="370" cy="930" r="45" fill="#fee2e2" stroke="#ef4444" stroke-width="2"/>
<text x="370" y="925" text-anchor="middle" font-size="11" fill="#991b1b">실망감</text>
<text x="370" y="940" text-anchor="middle" font-size="11" fill="#991b1b">답답함</text>
<!-- Emotion curve point -->
<circle cx="370" cy="720" r="6" fill="#ef4444"/>
</g>
<!-- Stage 3: 도입 및 준비 -->
<g id="stage3">
<!-- 행동 -->
<rect x="490" y="220" width="200" height="280" fill="white" stroke="#e2e8f0" stroke-width="2" rx="5"/>
<foreignObject x="495" y="225" width="190" height="270">
<div xmlns="http://www.w3.org/1999/xhtml" style="font-size:11px; line-height:1.4; padding:5px;">
• 안건 사전 검토 및 용어 학습<br/>
• 회의록 템플릿 맞춤 제작<br/>
• 노트북, 녹음기 준비<br/>
• 지난 회의록 패턴 분석<br/>
• "이번엔 꼭 잘 작성해야지"
</div>
</foreignObject>
<!-- 좋은 느낌 -->
<circle cx="590" cy="560" r="40" fill="#d1fae5" stroke="#10b981" stroke-width="2"/>
<text x="590" y="560" text-anchor="middle" font-size="11" fill="#065f46">자신감</text>
<text x="590" y="575" text-anchor="middle" font-size="11" fill="#065f46">안정감</text>
<!-- 나쁜 느낌 -->
<circle cx="590" cy="910" r="40" fill="#fee2e2" stroke="#ef4444" stroke-width="2"/>
<text x="590" y="905" text-anchor="middle" font-size="11" fill="#991b1b">부담감</text>
<text x="590" y="920" text-anchor="middle" font-size="11" fill="#991b1b">불안감</text>
<!-- Emotion curve point -->
<circle cx="590" cy="700" r="6" fill="#f59e0b"/>
</g>
<!-- Stage 4: 회의참여 -->
<g id="stage4">
<!-- 행동 -->
<rect x="710" y="220" width="200" height="280" fill="white" stroke="#e2e8f0" stroke-width="2" rx="5"/>
<foreignObject x="715" y="225" width="190" height="270">
<div xmlns="http://www.w3.org/1999/xhtml" style="font-size:11px; line-height:1.4; padding:5px;">
• 실시간 타이핑으로 기록 시도<br/>
• 빠른 회의 속도로 내용 놓침<br/>
• 전문용어 이해 못해 받아적기<br/>
• "기록하다 보면 다음 내용 놓침"<br/>
• 질문하고 싶지만 눈치 보임
</div>
</foreignObject>
<!-- 좋은 느낌 -->
<circle cx="810" cy="600" r="35" fill="#d1fae5" stroke="#10b981" stroke-width="2"/>
<text x="810" y="605" text-anchor="middle" font-size="11" fill="#065f46">집중력</text>
<!-- 나쁜 느낌 -->
<circle cx="810" cy="980" r="60" fill="#fee2e2" stroke="#ef4444" stroke-width="2"/>
<text x="810" y="965" text-anchor="middle" font-size="11" fill="#991b1b">압박감</text>
<text x="810" y="980" text-anchor="middle" font-size="11" fill="#991b1b">패닉</text>
<text x="810" y="995" text-anchor="middle" font-size="11" fill="#991b1b">답답함</text>
<!-- Emotion curve point -->
<circle cx="810" cy="780" r="6" fill="#ef4444"/>
</g>
<!-- Stage 5: 회의록 작성 -->
<g id="stage5">
<!-- 행동 -->
<rect x="930" y="220" width="200" height="280" fill="white" stroke="#e2e8f0" stroke-width="2" rx="5"/>
<foreignObject x="935" y="225" width="190" height="270">
<div xmlns="http://www.w3.org/1999/xhtml" style="font-size:11px; line-height:1.4; padding:5px;">
• 메모 보고도 맥락 파악 안됨<br/>
• 녹음 파일 2-3시간 재청취<br/>
• 참석자에게 반복 질문<br/>
• 작성에 2-4시간 소요<br/>
• "이게 왜 중요한지 기억 안남"
</div>
</foreignObject>
<!-- 좋은 느낌 -->
<circle cx="1030" cy="590" r="35" fill="#d1fae5" stroke="#10b981" stroke-width="2"/>
<text x="1030" y="590" text-anchor="middle" font-size="11" fill="#065f46">성취감</text>
<text x="1030" y="605" text-anchor="middle" font-size="11" fill="#065f46">만족감</text>
<!-- 나쁜 느낌 -->
<circle cx="1030" cy="970" r="55" fill="#fee2e2" stroke="#ef4444" stroke-width="2"/>
<text x="1030" y="960" text-anchor="middle" font-size="11" fill="#991b1b">불안감</text>
<text x="1030" y="975" text-anchor="middle" font-size="11" fill="#991b1b">죄책감</text>
<text x="1030" y="990" text-anchor="middle" font-size="11" fill="#991b1b">스트레스</text>
<!-- Emotion curve point -->
<circle cx="1030" cy="770" r="6" fill="#ef4444"/>
</g>
<!-- Stage 6: 검토 및 보완 -->
<g id="stage6">
<!-- 행동 -->
<rect x="1150" y="220" width="200" height="280" fill="white" stroke="#e2e8f0" stroke-width="2" rx="5"/>
<foreignObject x="1155" y="225" width="190" height="270">
<div xmlns="http://www.w3.org/1999/xhtml" style="font-size:11px; line-height:1.4; padding:5px;">
• 상사/동료에게 검토 요청<br/>
• 피드백 받고 3-5회 수정<br/>
• 승인 단계별 수정 요청<br/>
• "각자 다른 피드백, 누구 따라야 하나?"<br/>
• 수정 완료까지 수일 소요
</div>
</foreignObject>
<!-- 좋은 느낌 -->
<circle cx="1250" cy="580" r="40" fill="#d1fae5" stroke="#10b981" stroke-width="2"/>
<text x="1250" y="575" text-anchor="middle" font-size="11" fill="#065f46">배움</text>
<text x="1250" y="590" text-anchor="middle" font-size="11" fill="#065f46">안도감</text>
<!-- 나쁜 느낌 -->
<circle cx="1250" cy="940" r="50" fill="#fee2e2" stroke="#ef4444" stroke-width="2"/>
<text x="1250" y="930" text-anchor="middle" font-size="11" fill="#991b1b">미안함</text>
<text x="1250" y="945" text-anchor="middle" font-size="11" fill="#991b1b">자존감 저하</text>
<text x="1250" y="960" text-anchor="middle" font-size="11" fill="#991b1b">좌절감</text>
<!-- Emotion curve point -->
<circle cx="1250" cy="730" r="6" fill="#ef4444"/>
</g>
<!-- Stage 7: 공유 -->
<g id="stage7">
<!-- 행동 -->
<rect x="1370" y="220" width="200" height="280" fill="white" stroke="#e2e8f0" stroke-width="2" rx="5"/>
<foreignObject x="1375" y="225" width="190" height="270">
<div xmlns="http://www.w3.org/1999/xhtml" style="font-size:11px; line-height:1.4; padding:5px;">
• 이메일/협업툴로 공유<br/>
• 여러 채널에 중복 공유<br/>
• 수신자 리스트 누락 발생<br/>
• 버전 관리 혼란<br/>
• "어디가 최종본인지 헷갈림"
</div>
</foreignObject>
<!-- 좋은 느낌 -->
<circle cx="1470" cy="570" r="35" fill="#d1fae5" stroke="#10b981" stroke-width="2"/>
<text x="1470" y="570" text-anchor="middle" font-size="11" fill="#065f46">안도감</text>
<text x="1470" y="585" text-anchor="middle" font-size="11" fill="#065f46">뿌듯함</text>
<!-- 나쁜 느낌 -->
<circle cx="1470" cy="920" r="40" fill="#fee2e2" stroke="#ef4444" stroke-width="2"/>
<text x="1470" y="915" text-anchor="middle" font-size="11" fill="#991b1b">불안감</text>
<text x="1470" y="930" text-anchor="middle" font-size="11" fill="#991b1b">허탈함</text>
<!-- Emotion curve point -->
<circle cx="1470" cy="710" r="6" fill="#f59e0b"/>
</g>
<!-- Stage 8: 활용 및 추적 -->
<g id="stage8">
<!-- 행동 -->
<rect x="1590" y="220" width="200" height="280" fill="white" stroke="#e2e8f0" stroke-width="2" rx="5"/>
<foreignObject x="1595" y="225" width="190" height="270">
<div xmlns="http://www.w3.org/1999/xhtml" style="font-size:11px; line-height:1.4; padding:5px;">
• 액션아이템 진행 상황 추적<br/>
• 담당자에게 수동 독촉<br/>
• 과거 회의록 검색 어려움<br/>
• "어디에 있는지 여러 곳 뒤짐"<br/>
• 회의록 활용도 낮음
</div>
</foreignObject>
<!-- 좋은 느낌 -->
<circle cx="1690" cy="590" r="35" fill="#d1fae5" stroke="#10b981" stroke-width="2"/>
<text x="1690" y="595" text-anchor="middle" font-size="11" fill="#065f46">보람</text>
<!-- 나쁜 느낌 -->
<circle cx="1690" cy="930" r="45" fill="#fee2e2" stroke="#ef4444" stroke-width="2"/>
<text x="1690" y="925" text-anchor="middle" font-size="11" fill="#991b1b">허무함</text>
<text x="1690" y="940" text-anchor="middle" font-size="11" fill="#991b1b">부담감</text>
<!-- Emotion curve point -->
<circle cx="1690" cy="720" r="6" fill="#ef4444"/>
</g>
<!-- Emotion curve line -->
<path d="M 150 750 Q 260 720 370 720 Q 480 700 590 700 Q 700 780 810 780 Q 920 770 1030 770 Q 1140 730 1250 730 Q 1360 710 1470 710 Q 1580 720 1690 720"
fill="none" stroke="#ef4444" stroke-width="3" stroke-dasharray="5,5"/>
<!-- Legend -->
<g id="legend" transform="translate(50, 1050)">
<rect x="0" y="0" width="400" height="120" fill="white" stroke="#e2e8f0" stroke-width="2" rx="5"/>
<text x="10" y="25" font-size="14" font-weight="bold" fill="#1a1a1a">핵심 Pain Points</text>
<text x="10" y="50" font-size="11" fill="#374151">• 업무 지식 없이 전문용어 이해 불가 (10/10 빈도)</text>
<text x="10" y="70" font-size="11" fill="#374151">• 회의 중 중요도 판단 어려움 (10/10 빈도)</text>
<text x="10" y="90" font-size="11" fill="#374151">• 회의록 작성에 과도한 시간 소요 (2-4시간)</text>
<text x="10" y="110" font-size="11" fill="#374151">• AI 도구의 맥락 이해 부족 (음성인식 OK, 문맥 파악 X)</text>
</g>
<g id="needs" transform="translate(470, 1050)">
<rect x="0" y="0" width="450" height="120" fill="white" stroke="#e2e8f0" stroke-width="2" rx="5"/>
<text x="10" y="25" font-size="14" font-weight="bold" fill="#1a1a1a">핵심 Needs</text>
<text x="10" y="50" font-size="11" fill="#065f46">✓ 실시간 전문용어 설명 및 맥락 제공 기능</text>
<text x="10" y="70" font-size="11" fill="#065f46">✓ AI 기반 중요도 자동 판단 및 강조 표시</text>
<text x="10" y="90" font-size="11" fill="#065f46">✓ 자동 초안 생성 + 간편 수정 인터페이스</text>
<text x="10" y="110" font-size="11" fill="#065f46">✓ 업무 맥락 학습 및 문맥 파악 AI</text>
</g>
<g id="insight" transform="translate(940, 1050)">
<rect x="0" y="0" width="420" height="120" fill="white" stroke="#e2e8f0" stroke-width="2" rx="5"/>
<text x="10" y="25" font-size="14" font-weight="bold" fill="#1a1a1a">핵심 인사이트</text>
<text x="10" y="50" font-size="11" fill="#7c3aed">💡 주니어부터 시니어까지 다른 영역 회의에서 동일한 어려움</text>
<text x="10" y="70" font-size="11" fill="#7c3aed">💡 단순 용어 검색이 아닌 맥락 이해가 핵심 문제</text>
<text x="10" y="90" font-size="11" fill="#7c3aed">💡 현재 AI 도구는 음성인식만 가능, 맥락 파악 불가</text>
<text x="10" y="110" font-size="11" fill="#7c3aed">💡 1시간 회의에 2-3시간 회의록 작성 시간 소요</text>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB