# editorial 가입 후 서비스 온보딩 상세 기획안 v1

- 기준일: 2026-10-13
- 상태: 도입 기획 확정 · 서비스 미적용
- 대상: 서비스 온보딩을 경험하지 않은 모든 신규·기존 사용자
- 구성: 교정·교열·원문과 함께 보기의 가치 안내와 작업 기준 설정을 하나의 모달로 제공
- 관련: [PRD](editorial-service-onboarding-prd-v1.md) · [정책](editorial-service-onboarding-policy-v1.md) · [기능명세](editorial-service-onboarding-functional-spec-v1.md) · [영어·독일어 화면](../../translation/editorial-international-onboarding-v1.md)
- 시안: [전체 화면 선택](../../../editorial-service-onboarding-wireframe.html) · [첫 단계](../../../editorial-service-onboarding-wireframe.html?step=1)
- 문서 역할: 도입할 온보딩 전체의 화면·문구·사례·영상·탐색·작업 기준 설정을 정의한다.

## 0. 빠른 작업 안내

**서비스 미적용 상태의 도입 기획이다. 화면·문구는 이 문서, 동작·오류 복구·개별 테스트는 기능명세가 기준이다.**

| 언어 | 기본 흐름 | 소개 건너뛰기 | 완료 조건 |
| --- | --- | --- | --- |
| 한국어 | SO-01 교정 → SO-02 교열·팩트체크 → SO-03 원문과 함께 보기 → SO-04 보조 용언 → SO-05 사전 | SO-01~03 → SO-04. 아직 완료 아님 | SO-04 시작 또는 SO-05 원고 업로드. 두 설정의 정상 저장값 확인 필요 |
| 영어·독일어 | SO-01 교정 → SO-02 교열·팩트체크 → SO-03 원문과 함께 보기 | SO-01~02에서 바로 완료 후 업로드 | SO-03 원고 업로드 또는 소개 건너뛰기. 한국어 설정 조회·저장을 기다리지 않음 |

| 확인할 작업 | 먼저 읽을 곳 | 필수 여부 |
| --- | --- | --- |
| 전체 경험·단계·완료 | §2~3 범위·기본 흐름 | 필수 |
| 화면 구현·문구·영상 | §4~5 공통 구성·각 화면 | 필수 |
| 이전·건너뛰기·닫기 | §6 정상 분기 | 필수 |
| 조회·저장·노출 실패와 복구 | 기능명세 §5.1·§6~7, 개별 테스트 §9.3 | 필수. 참고 사항이 아님 |
| 언어별 문구·번역 승인 | 영어·독일어 문서·번역 시트 | 적용 언어 필수 |
| 시안 열기·STATE·세션 저장 | §10 검토용 참고 | 기획 검토 전용 |
| 검토 이미지·자산 기록 | §7·§12~13 | 제작·QA 시 참조 |

영상 로딩·시청 완료·이력 전송은 탐색·완료를 막지 않는다. **한국어 설정의 정상 저장값 미확인만 완료를 제한**하며 이전·다음·닫기는 허용한다. 진행 조건 전체는 [기능명세 §0](editorial-service-onboarding-functional-spec-v1.md)을 따른다.

## 1. 목적과 사용자 결과

**서비스가 제공하는 결과와 스타일 옵션을 이해하고, 내 원고에 사용할 작업 기준을 정한다. 신규 사용자는 첫 작업으로 연결하고, 기존 사용자도 이후 작업 기준을 확인·선택할 수 있게 한다.**

온보딩이 끝나면 사용자는 다음을 이해한다.

1. 교정을 통해 고칠 부분과 이유를 확인할 수 있다.
2. 교열(팩트체크)을 통해 사실관계를 근거와 함께 검토할 수 있다.
3. 원문과 제안을 나란히 보며 제안 위치·앞뒤 문맥·수정 이유를 확인하고 필요한 제안을 판단할 수 있다.
4. 한국어 사용자는 보조 용언 표기와 교정 기준 사전을 직접 정할 수 있다.
5. 기본값으로도 시작할 수 있고, 이후 스타일 설정에서 변경할 수 있다.

## 2. 범위와 기획 기준

| 항목 | 결정 |
| --- | --- |
| 형태 | 현재 화면 위의 공통 모달 1개. 한국어는 가치 안내 3단계와 작업 기준 2단계, 영어·독일어는 가치 안내 3단계 |
| 언어별 구성 | 한국어: 교정 → 교열·팩트체크 → 원문과 함께 보기 → 보조 용언 → 교정 기준 사전. 영어·독일어: 가치 안내 3단계 후 원고 업로드 |
| 모달 높이 | 각 언어의 모든 단계에서 760px 고정. 화면이 작을 때만 뷰포트에 맞춰 제한하고 본문을 스크롤 |
| 가치 소개 | 교정 / 교열(팩트체크) / 원문과 함께 보기. 앞 두 단계는 사례 이미지, 3단계는 실제 화면 영상 |
| 설정 | 한국어만 보조 용언 / 교정 기준 사전, 직접 선택하는 2개 화면 |
| 설명 위치 | 설정 선택 영역 바로 위에 상시 표시 |
| 기본값 | 보조 용언: 원문 유지 / 사전: 표준국어대사전 + 우리말샘 |
| 필수 입력 | 없음. 정상 조회된 기본값을 유지해도 진행 가능. 설정 조회·저장 중 완료 버튼 상태는 기능명세 §5.1 적용 |
| 공통성 | 같은 언어 안에서는 이메일·SSO 등 가입 경로와 신규·기존 여부로 구성·순서를 바꾸지 않음 |
| 기존 보고서 온보딩 | 기존 동작 유지. 이번 모달에서는 서비스 가치와 작업 기준 설정 제공 |
| 설정 저장·분석 연동 | 기존 조회·자동 저장·분석 적용 동작 사용. 온보딩의 저장 상태 안내·완료 버튼 연결은 기능명세 §5.1 적용 |
| 기타 설정 | 제외 표현은 스타일 설정에서 추후 추가 가능함을 마지막 화면에 안내 |
| 작업 연결 | 신규·기존 사용자 모두 마지막 `원고 업로드` 또는 설정 생략 시작 버튼으로 기존 업로드 흐름 진입. X·Escape로 중도 종료하면 현재 화면 유지 |
| 완료 화면 | 별도 축하·완료 슬라이드 없음 |

직무·회사·장르 설문, 플랜 선택, 동료 초대, 마케팅 수신 동의를 새 온보딩 단계에 추가하지 않는다.

## 3. 전체 흐름

한국어의 기본 흐름은 다음과 같다. 영어·독일어는 SO-03에서 원고 업로드로 연결하며 한국어 전용 설정 단계를 제공하지 않는다.

```text
회원가입 완료
  (이메일 인증 완료 / SSO 가입 완료)
  ↓
SO-01 교정
  ↓ 다음
SO-02 교열(팩트체크)
  ↓ 다음
SO-03 원문과 함께 보기
  ↓ 작업 기준 설정하기
SO-04 보조 용언 설정
  ↓ 다음
SO-05 교정 기준 사전
  ↓ 원고 업로드
기존 원고 업로드 흐름
```

정상 선택 경로:

- 한국어 SO-01~03의 `소개 건너뛰기` → SO-04. 가치 설명을 생략해도 설정 기회는 제공한다.
- 영어·독일어 SO-01~02의 소개 건너뛰기 또는 SO-03 원고 업로드 → 완료 후 기존 업로드. 한국어 설정 조회·저장 없음.
- 한국어 SO-04의 `기본 설정으로 시작` / `현재 설정으로 시작` → 기존 원고 업로드 흐름.
- 온보딩의 닫기·Escape → 배경 화면. 영상 전체 화면에서는 브라우저의 전체 화면 종료 동작을 우선한다. 업로드를 자동 시작하지 않는다.
- 실제 서비스에서는 중간에 닫아도 1회 노출로 기록한다. 다시 보기·이어보기 기능은 제공하지 않는다.
- SO-02~05의 `이전` → 바로 앞 번호의 화면. 선택한 설정은 유지한다.

`소개 건너뛰기`로 SO-04에 왔더라도 이전 버튼은 SO-03으로 이동한다. 탐색 이력에 따라 이전 버튼의 목적지가 달라지지 않는다.

가입 완료 직후 또는 기존 사용자 새로고침에서 미노출 여부를 확인한 뒤 시작한다. 같은 언어 안에서는 신규·기존 사용자 흐름이 같다. 시안의 반복 검토 방법은 §10에서 별도로 설명한다.

## 4. 모달 공통 구성

### 4.1 영역별 역할

| 영역 | 내용 | 동작 |
| --- | --- | --- |
| 헤더 좌측 | editorial 시작하기 | 모든 화면에서 유지 |
| 헤더 우측 | 서비스 둘러보기 또는 작업 기준 설정 · 현재 화면 / 언어별 총 단계(한국어 5, 영어·독일어 3) | 위치와 전체 분량 표시 |
| 닫기 | X 버튼, 접근성 이름 `온보딩 닫기` | 확인 모달 없이 닫음 |
| 진행 표시 | 한국어 5개, 영어·독일어 3개 구간. 완료·현재 구간은 프라이머리 컬러 `--tiger-orange` (`#F96815`), 이후 구간은 `--gray-200` | 클릭으로 건너뛰는 컨트롤이 아닌 위치 안내 |
| 본문 | 분류, 제목, 설명, 이미지 또는 선택 영역 | 내용이 길면 본문만 세로 스크롤 |
| 하단 좌측 | 이전 | 첫 화면에서는 숨김, 나머지는 앞 화면으로 이동 |
| 하단 보조 행동 | 소개 건너뛰기 / 기본 설정으로 시작 / 현재 설정으로 시작 | 화면별 규칙은 §6 참조 |
| 하단 주 행동 | 다음 / 작업 기준 설정하기 / 원고 업로드 | 한 화면에 주 행동 하나 |

모달의 배경 클릭으로 닫지 않는다. 자동으로 다음 슬라이드로 넘기지 않으며, 설명을 읽을 시간을 제한하지 않는다. 화면을 바꾸면 본문 스크롤을 맨 위로 되돌린다.

SO-03의 영상은 한국어 3 / 5, 영어·독일어 3 / 3 안에서 재생한다. 재생·음량·탐색·전체 화면은 브라우저 기본 컨트롤을 사용한다. 영상 완료 여부로 다음 단계 이동을 제한하지 않는다.

### 4.2 한국어 데스크톱 와이어프레임

```text
┌───────────────────────────────────────────────────────────┐
│ editorial 시작하기            서비스 둘러보기 · 1 / 5    X │
│ ━━━━━━━━━  ─────────  ─────────  ─────────  ─────────       │
│                                                           │
│ 교정                                                      │
│ 고칠 부분과 이유를 함께 확인하세요                          │
│ 설명 1~2문장                                              │
│                                                           │
│ ┌───────────────────────────────────────────────────────┐ │
│ │ 원문 확대 캡처 · 본 고장 ─── 수정 제안: 본고장        │ │
│ │                            사유 · 확인 기준            │ │
│ └───────────────────────────────────────────────────────┘ │
│ ┌───────────────────────────────────────────────────────┐ │
│ │ 원문 확대 캡처 · 라스베가스 ─── 수정 제안              │ │
│ │                               사유 · 확인 기준         │ │
│ └───────────────────────────────────────────────────────┘ │
│                                                           │
├───────────────────────────────────────────────────────────┤
│                            소개 건너뛰기         [다음]   │
└───────────────────────────────────────────────────────────┘
```

```text
┌───────────────────────────────────────────────────────────┐
│ editorial 시작하기              작업 기준 설정 · 4 / 5  X │
│ ━━━━━━━━━  ━━━━━━━━━  ━━━━━━━━━  ━━━━━━━━━  ─────────       │
│                                                           │
│ 내 작업 기준 · 1 / 2                                      │
│ 보조 용언 표기를 정해주세요                                │
│ 무엇을 정하는지, 어떤 경우에 적용되는지 설명               │
│                                                           │
│ ┌───────────────────────────────────────────────────────┐ │
│ │ ● 원문 유지  [기본값]                                 │ │
│ └───────────────────────────────────────────────────────┘ │
│ ┌───────────────────────────────────────────────────────┐ │
│ │ ○ 띄어 쓰기                                          │ │
│ └───────────────────────────────────────────────────────┘ │
│ ┌───────────────────────────────────────────────────────┐ │
│ │ ○ 붙여 쓰기                                          │ │
│ └───────────────────────────────────────────────────────┘ │
│ 선택한 기준의 설명과 예시                                  │
│ 설정 > 스타일 설정에서 언제든 변경할 수 있습니다.           │
├───────────────────────────────────────────────────────────┤
│ ← 이전                   기본 설정으로 시작      [다음]   │
└───────────────────────────────────────────────────────────┘
```

### 4.3 크기·반응형 기준

- 데스크톱 기준 폭은 720px. 좌우·상하 뷰포트 여유를 각각 최소 24px 확보한다.
- 모달 높이는 **760px 고정**이다. 콘텐츠 양이나 단계 이동으로 높이가 바뀌지 않는다. 데스크톱에서 760px을 확보할 수 없는 경우에만 화면 높이에서 48px을 뺀 값으로 제한한다.
- 모바일도 기준 높이는 760px이며, 작은 화면에서는 화면 높이에서 24px을 뺀 값으로 제한한다. 같은 뷰포트에서는 각 언어의 모든 단계에서 모달 상하 위치와 높이가 같다.
- 헤더·푸터는 고정 위치를 유지한다. 남은 공간을 본문이 채우며, 콘텐츠가 길면 본문만 스크롤한다. 콘텐츠가 짧으면 본문 여백을 유지한다.
- 본문 좌우 여백은 40px, 제목 28px, 설명 15px를 기본으로 한다.
- SO-03은 영상을 크게 보여주기 위해 데스크톱 본문 여백을 위 24px·좌우 32px·아래 20px로 한다. 모바일은 위 24px·좌우 20px·아래 20px다.
- 600px 이하에서는 화면 좌우 여유 12px, 본문 여백 20px, 제목 24px, 설명 14px를 사용한다.
- 모바일은 하단 주 버튼을 전체 폭으로 먼저 배치하고, 그 아래에 이전·건너뛰기를 놓는다. 읽는 순서와 키보드 이동 순서도 이 배치에 맞춘다.
- 모바일에서도 같은 5개 내용을 제공한다. 교정·교열 사례는 원문 아래에 제안 카드를 배치하고, 본문 스크롤로 두 사례를 모두 읽는다. 설정 선택지는 세로 3개를 유지한다.
- SO-03은 영상의 8:5 비율을 유지하며 본문 너비에 맞춘다. 짧은 화면에서는 본문만 스크롤하고 제목·닫기·하단 탐색 버튼을 유지한다. 브라우저 전체 화면 재생을 사용할 수 있다.
- 본문 스크롤 중에도 헤더의 닫기와 하단 버튼을 사용할 수 있게 한다. 작은 높이·가로 화면·글자 확대 환경에서는 본문을 스크롤한다.
- 시작 버튼은 기존 업로드 흐름에 연결한다. 보고서의 모바일 검수 제한은 기존 정책을 따르며 신규 가입 흐름을 별도 단계로 분기하지 않는다.

## 5. 화면별 상세 기획

아래 SO-01~05의 문구·사례·버튼 표는 한국어 기준이다. 영어·독일어는 SO-01~03만 제공하며 §0의 이동 계약과 [국제 화면 문구·사례](../../translation/editorial-international-onboarding-v1.md)를 따른다. SO-03 영어 영상은 독일어에서도 공용이다.

### SO-01. 교정

| 항목 | 내용 |
| --- | --- |
| 목적 | 무엇을 고치라고 제안하고 왜 고치는지 확인할 수 있음을 전달 |
| 분류 | 교정 |
| 제목 | 고칠 부분과 이유를 함께 확인하세요 |
| 설명 | 맞춤법과 띄어쓰기, 어법을 살펴 수정할 부분을 제안합니다. 수정 이유를 읽고 원고에 필요한 제안을 판단하세요. |
| 이미지 | IMG-SO-01. PDF에서 추출한 교정 사례 2개. 원문 확대 캡처·수정 제안·사유 |
| 주 버튼 | 다음 → SO-02 |
| 보조 버튼 | 소개 건너뛰기 → SO-04 |
| 이전 | 없음 |

`생선 본문0706.annotated.pdf`의 `본 고장 → 본고장`(PDF 42페이지, 원문 82쪽), `샘플 PDF 보고서.pdf`의 `라스베가스에서 → 라스베이거스에서`(원문 57쪽)를 사용한다. 띄어쓰기와 외래어 표기라는 서로 다른 교정 유형을 보여준다. 첫 사례의 사유는 표준국어대사전의 단어 등재 정보를 기준으로 정리하고, 하단에 `표준국어대사전 확인 · 본고장`을 일반 텍스트로 표시한다. 사전 바로가기는 제공하지 않는다. 원문의 분홍색 강조 표시를 유지하고, 두 사례를 위아래로 함께 보여주되, 옅은 배경·테두리·간격으로 원문과 제안을 사례별로 묶는다. 모바일에서는 각 영역 상단에 `예시 1`, `예시 2`를 표시한다.

| 사례 | 수정 제안 | 사유 | 하단 표시 |
| --- | --- | --- | --- |
| 본 고장 | 본고장 | 표준국어대사전에 한 단어로 등재되어 있어 ‘본고장’으로 붙여 씁니다. | 표준국어대사전 확인 · 본고장 |
| 라스베가스에서 | 라스베이거스에서 | 외래어 표기법에 따른 올바른 표기는 ‘라스베이거스’입니다. | 우리말샘 확인 · 라스베이거스 |

### SO-02. 교열(팩트체크)

| 항목 | 내용 |
| --- | --- |
| 목적 | 사실관계도 확인하고 판단에 사용한 근거를 살펴볼 수 있음을 전달 |
| 분류 | 교열 · 팩트체크 |
| 제목 | 사실관계도 근거와 함께 검토하세요 |
| 설명 | 원고에서 확인이 필요한 사실관계를 살펴봅니다. 검토 결과와 근거를 함께 확인하며 판단할 수 있습니다. |
| 이미지 | IMG-SO-02. PDF에서 추출한 교열 사례 2개. 1,200장 / 선인장 |
| 주 버튼 | 다음 → SO-03 |
| 보조 버튼 | 소개 건너뛰기 → SO-04 |
| 이전 | SO-01 |

샘플 PDF의 `1,200장을 → 1,000장을`(원문 52쪽), `선인장 → 유카`(원문 54쪽)를 사용한다. 원문의 노란색 강조 표시를 유지하고, PDF 주석에 있는 발매 수량·식물 분류 사유를 카드에 요약한다. 레퍼런스의 구도를 따르되 PDF에 없는 외부 출처명이나 링크는 덧붙이지 않는다. 모든 사실을 확정하거나 출처만으로 정확성이 보장된다고 설명하지 않는다.

| 사례 | 수정 제안 | 사유 | 하단 표시 |
| --- | --- | --- | --- |
| 1,200장을 | 1,000장을 | 첫 EP 《Three》의 한정판 발매·완판 수량은 1,200장이 아니라 1,000장입니다. | 검색 확인 · EP 발매 수량 |
| 선인장 | 유카 | 조슈아 트리는 선인장이 아니라 비짜루과 유카속에 속하는 식물입니다. | 검색 확인 · 식물 분류 |

SO-01·02 모두 제안 카드에 `수정 제안`, `사유`를 표시하고, 사례 영역 하단에는 `샘플 보고서의 원문과 수정 제안`을 표시한다.

### SO-03. 원문과 함께 보기

| 항목 | 내용 |
| --- | --- |
| 목적 | 원문과 제안을 한 화면에서 대조하고 위치·문맥·수정 이유를 확인해 필요한 제안을 판단할 수 있음을 전달 |
| 분류 | 원문과 함께 보기 |
| 제목 | 앞뒤 문맥을 보며 제안을 검토하세요 |
| 설명 | 제안을 선택하면 해당 원문 위치로 이동합니다. 원고와 수정 제안, 수정 이유를 함께 살펴보세요. |
| 영상 | 실제 Mmmh! 보고서에서 버튼 클릭 → 제안 선택 → 원문 위치·문맥·수정 이유 확인. 15초, 랜딩 홈 원본 배경, 부드러운 커서·확대·이동 |
| 영상 아래 캡션 | 표시하지 않음. 기능·가치 설명은 제목·본문과 영상 안 자막으로 전달 |
| 주 버튼 | 작업 기준 설정하기 → SO-04 |
| 보조 버튼 | 소개 건너뛰기 → SO-04 |
| 이전 | SO-02 |

영상의 실제 화면과 문구를 다시 구성하지 않는다. 한국어는 Mmmh!의 `상금 500유로 → 500파운드`, 영어는 영어 Mmmh!의 `€500 → £500` 교열 제안을 사용한다. 영상 안의 버튼 클릭은 시연이며 사용자의 실제 원고·제안 상태를 바꾸지 않는다. 다운로드 활용과 실제 조작 교육은 기존 보고서·원문 리더 가이드에서 안내한다.

#### 영상과 자막

| 구간 | 한국어 자막 | 영어 자막 |
| --- | --- | --- |
| 0.3~3.2초 | 원문과 수정 제안을 한 화면에서 비교하세요 | Compare your manuscript and suggestions side by side. |
| 3.8~8.7초 | 제안 위치를 바로 찾아, 앞뒤 문맥까지 확인하세요 | Go straight to the passage and see the surrounding context. |
| 9.0~14.8초 | 문맥과 수정 이유를 살펴, 내 원고에 필요한 제안을 판단하세요 | Use the context and rationale to decide what works for your manuscript. |

자막은 하단 배경 위의 한 줄 흰색 글자와 검정 65% 불투명도 박스로 표시한다. 작은 모서리 둥글림과 0.15초 등장·퇴장 페이드를 사용한다. 버튼 클릭과 제안 선택에 맞춘 부드러운 클릭음 두 번만 포함한다. 배경음·내레이션·스크롤 소리는 없다.

#### 재생·사전 로딩 — 필수

- 온보딩이 처음 실제 표시될 때 현재 언어의 영상 하나를 `preload=auto`로 미리 불러온다. SO-01에서 사전 로딩을 시작하며, 페이지의 숨겨진 가입 완료 준비 단계에서는 불러오지 않는다. 조회·다운로드 완료를 기다리지 않고 첫 화면을 바로 표시한다.
- 미리 불러온 영상 요소를 SO-03에 그대로 옮겨 사용한다. 앞뒤 단계 이동과 같은 영상의 언어 새로고침으로 새 요소나 중복 다운로드를 만들지 않는다. SO-03 직접 진입도 같은 영상 요소를 사용한다.
- 제공 파일은 언어별 약 1.7MB의 15초 H.264 MP4·1280×800·24fps이며, 시작에 필요한 MP4 정보를 파일 앞에 둔다. 현재 언어 파일만 로딩한다. 자막·클릭음·원래 화면 흐름을 유지하며 제공 용량과 검증 기록은 [영상 자산 안내](../../../assets/service-onboarding/README.md)를 따른다.
- SO-03에서는 음소거로 자동 재생하고 반복하지 않는다. `prefers-reduced-motion`에서는 자동 재생하지 않으며 수동 재생은 가능하다. 재생·일시정지·탐색·음량·전체 화면은 기본 컨트롤로 제공한다.
- SO-03에 다시 들어오면 처음부터 재생한다. 이전·다음·닫기·페이지 숨김에서는 재생을 중단한다. 전체 화면 Escape는 전체 화면 종료를 우선하고, 일반 상태의 Escape는 온보딩을 닫는다.
- 영상을 끝까지 보지 않아도 다음·건너뛰기가 가능하다.

#### 영상 실패·전체 화면 — 필수 예외 처리

영상 로딩·재생 실패 시 포스터·대체 안내·제목·설명·언어별 다음·완료 동작을 유지한다. 전체 화면 Escape는 전체 화면만 종료하며 온보딩 종료나 보고서 가이드 시작으로 기록하지 않는다. [기능명세 §9.3](editorial-service-onboarding-functional-spec-v1.md)의 영상·종료 테스트로 검증한다.
- 한국어는 `assets/service-onboarding/source-reader-ko.mp4`, 영어·독일어 화면은 영어 영상 `source-reader-en.mp4`를 사용한다. 포스터도 같은 언어의 경량 파일을 사용한다. 콘텐츠 개정 시 URL 버전으로 이전 캐시와 구분한다.

### SO-04. 보조 용언 설정

| 항목 | 내용 |
| --- | --- |
| 목적 | 보조 용언 표기 기준을 직접 선택 |
| 분류 | 내 작업 기준 · 1 / 2 |
| 제목 | 보조 용언 표기를 정해주세요 |
| 선택 영역 위 설명 | 띄어 쓰기와 붙여 쓰기가 모두 올바른 보조 용언의 표기 방식을 정합니다. 한 가지 표기만 맞는 경우에는 설정과 관계없이 교정 제안합니다. |
| 선택 방식 | 세로 라디오 3개. 행 전체 클릭 가능. 한 번에 하나만 선택 |
| 기본값 | 원문 유지 |
| 주 버튼 | 다음 → SO-05 |
| 보조 버튼 | 기본 설정으로 시작 / 현재 설정으로 시작 → 기존 업로드 흐름 |
| 이전 | SO-03 |
| 하단 안내 | 설정 > 스타일 설정에서 언제든 변경할 수 있습니다. |

| 선택지 | 선택 후 설명 | 예시 |
| --- | --- | --- |
| 원문 유지 · 기본값 | 두 표기가 모두 올바른 경우에는 교정 제안하지 않습니다. | ‘읽어 보다’와 ‘읽어보다’ 모두 유지 |
| 띄어 쓰기 | 두 표기가 모두 올바른 경우에는 띄어 쓰기를 제안합니다. | ‘읽어보다’ → ‘읽어 보다’ |
| 붙여 쓰기 | 두 표기가 모두 올바른 경우에는 붙여 쓰기를 제안합니다. | ‘읽어 보다’ → ‘읽어보다’ |

선택 직후 설명·예시만 갱신하며 자동으로 다음 화면으로 넘어가지 않는다. 기본값 배지는 원문 유지에 고정되고, 선택 테두리·라디오 표시만 사용자의 선택을 따라간다.

### SO-05. 교정 기준 사전

| 항목 | 내용 |
| --- | --- |
| 목적 | 교정에 사용할 사전을 직접 선택 |
| 분류 | 내 작업 기준 · 2 / 2 |
| 제목 | 교정 기준 사전을 선택하세요 |
| 선택 영역 위 설명 | 출판사나 원고의 편집 기준에 맞춰 교정에 사용할 사전을 선택하세요. 별도로 정해진 기준이 없다면 기본 설정으로 시작할 수 있습니다. |
| 선택 방식 | 세로 라디오 3개. 행 전체 클릭 가능. 한 번에 하나만 선택 |
| 선택지 | 표준국어대사전 + 우리말샘 / 표준국어대사전 / 우리말샘 |
| 기본값 | 표준국어대사전 + 우리말샘 |
| 선택 아래 요약 | 앞 화면에서 선택한 보조 용언 기준 |
| 주 버튼 | 원고 업로드 → 기존 업로드 흐름 |
| 보조 시작 버튼 | 없음. 현재 선택값이 기본값이어도 주 버튼으로 바로 시작 가능 |
| 이전 | SO-04 |
| 하단 안내 | 설정 > 스타일 설정에서 언제든 변경할 수 있습니다. 교정 제안에서 제외할 표현도 그곳에서 추가할 수 있습니다. |

어느 사전이 더 좋거나 엄격하다는 우열 표현을 추가하지 않는다. 기본값 배지는 두 사전 함께 사용에 고정한다. 선택한 사전은 라디오 표시로, 보조 용언은 아래 요약으로 확인하므로 별도 확인 슬라이드는 필요하지 않다.

## 6. 정상 분기와 완료 기준

| ID | 조건·행동 | 결과 |
| --- | --- | --- |
| INT-01 | 미노출 계정의 온보딩 시작 | SO-01 표시. 한국어만 현재 작업 기준을 조회하며 정상 미설정이면 기본값 사용. 실제 표시 시 1회 기록 |
| INT-02 | 다음 또는 작업 기준 설정하기 | 정해진 다음 번호로 이동. 제목에 포커스, 본문 스크롤 맨 위 |
| INT-03 | 이전 | 바로 앞 번호로 이동. 선택값 유지 |
| INT-04 | 한국어 SO-01~03 / 영어·독일어 SO-01~02 소개 건너뛰기 | 한국어: SO-04. 영어·독일어: 완료 후 업로드. 설정 초기화 없음 |
| INT-05 | 보조 용언 또는 사전 선택 | 단일 선택 변경, 현재 화면 유지. 보조 용언은 설명·예시 갱신 |
| INT-06 | SO-04 두 설정이 모두 기본값 | 보조 버튼 문구는 `기본 설정으로 시작` |
| INT-07 | SO-04 둘 중 하나라도 기본값과 다름 | 보조 버튼 문구는 `현재 설정으로 시작`. 사전을 미리 바꾼 뒤 돌아온 경우도 포함 |
| INT-08 | 한국어 SO-04 시작·SO-05 완료 또는 영어·독일어 업로드·건너뛰기 | 한국어만 두 정상 저장값 확인 후 완료. 각 언어 완료 후 기존 업로드로 연결 |
| INT-09 | 온보딩의 X 또는 Escape | 현재 화면과 선택값 유지, 닫기 기록. 1회 노출 이력을 유지해 자동 재노출하지 않음. 실제 서비스에 수동 재진입도 없음. 업로드는 실행하지 않으며 영상 재생을 중단한다. 전체 화면 중에는 INT-16 적용 |
| INT-10 | 배경 클릭 | 모달 유지 |
| INT-13 | 온보딩 첫 표시 | 현재 언어의 영상 하나를 사전 로딩. 첫 화면 표시를 기다리게 하지 않음 |
| INT-14 | SO-03 진입 | 사전 로딩한 같은 영상 요소를 사용하고 처음부터 재생. reduced motion은 수동 시작 |
| INT-15 | 영상 재생·음량·탐색 또는 미완료 상태의 다음·건너뛰기 | 기본 컨트롤 제공. 영상 시청 완료를 진행 조건으로 요구하지 않음 |
| INT-16 | 영상 전체 화면에서 Escape | 전체 화면만 종료하고 같은 온보딩으로 복귀. 실패 처리는 SO-03의 필수 예외 처리 참조 |

### 한국어 설정 상태 — 필수 예외 처리

| ID | 조건·행동 | 결과 |
| --- | --- | --- |
| INT-17 | 제품 연동: 설정 조회·저장 중 또는 결과 불명 | 완료 버튼 비활성화·상태 안내. 이전·다음·X·Escape 허용. 결과 확인 후 활성화해도 업로드 자동 실행 없음 |
| INT-18 | 제품 연동: 설정 저장 실패 확인 | 마지막 정상 저장값 복원·오류 안내. 두 설정의 정상값을 확인하면 다시 선택하거나 복원된 설정으로 완료 가능 |
| INT-19 | 제품 연동: 설정 저장 중 닫기 | 추가 확인 없이 즉시 닫음. 이미 전송된 저장은 기존 흐름에서 결과 처리. 응답 도착으로 온보딩·업로드 재실행 금지 |

상세 오류·재시도·조회 불가 상태는 [기능명세 §5.1](editorial-service-onboarding-functional-spec-v1.md)을 따른다. 계정·노출·동시 실행 예외는 기능명세 §6~7이 기준이다. 이 상태들은 시안의 서버 연동 검증 완료를 뜻하지 않는다.

영상의 사전 로딩·재생 상태는 온보딩 노출 이력이나 작업 기준 저장과 별개다. SO-01의 영상 다운로드를 SO-03 도달·온보딩 완료로 기록하지 않는다.

### 실제 서비스의 1회 노출·종료 기준

- 제품에서는 이번 서비스 온보딩을 경험하지 않은 모든 신규·기존 사용자가 동일한 공통 온보딩을 1회 본다. 신규 사용자는 가입 완료 직후, 기존 사용자는 현재 화면을 새로고침할 때 대상 여부를 확인해 그 화면 위에 모달을 노출한다. 로그인 상태를 유지한 기존 사용자도 포함하며, 기존 보고서 온보딩이나 분석 이용 이력으로 제외하지 않는다.
- 이번 온보딩의 계정별 첫 실제 표시를 기록하고 반복 자동 노출하지 않는다. 모달이 표시되기 전의 렌더링 실패는 노출로 세지 않는다.
- 중간에 닫거나 표시 후 브라우저를 종료해도 1회 노출 이력은 유지한다. 완료로 세지는 않지만 다음 새로고침에서 다시 띄우지 않는다.
- 한국어는 SO-04 시작·SO-05 원고 업로드, 영어·독일어는 SO-03 원고 업로드·소개 건너뛰기로 완료한다. 신규·기존 사용자 모두 기존 업로드로 연결한다. 한국어의 정상 기본값 유지도 완료로 인정한다.
- 실제 서비스에는 라이브러리·스타일 설정·가입 완료 화면을 포함해 온보딩 다시 보기·이어보기 진입점을 제공하지 않는다. 이후 작업 기준은 기존 `설정 > 스타일 설정`에서 변경한다.
- 새 온보딩의 노출·완료·중도 종료는 기존 보고서 온보딩 이력을 변경하지 않는다. 기획 시안의 반복 열기는 검토 도구로만 유지한다.
- 서비스 온보딩과 보고서 가이드가 동시에 자동 시작 대상이고 아직 어느 쪽도 열리지 않았다면 서비스 온보딩을 먼저 표시한다. X·Escape로 닫으면 유효한 보고서 가이드를 즉시 표시한다. 완료 버튼으로 업로드를 선택하면 업로드를 우선하고 가이드는 다음 적격 보고서 방문으로 보류한다. 업로드 창을 닫은 직후에는 가이드를 표시하지 않는다. [기능명세 §3.1](editorial-service-onboarding-functional-spec-v1.md)과 [서비스 온보딩 정책 §4~5](editorial-service-onboarding-policy-v1.md)의 확정 기준을 따른다. 이 제품 연동은 현재 시안에 구현된 상태를 뜻하지 않는다.

## 7. 결과 이미지·영상 제작 지시

| 이미지 ID | 반드시 읽혀야 하는 정보 | 편집 방향 |
| --- | --- | --- |
| IMG-SO-01 | 한국어 본 고장 / 라스베가스. 영어·독일어는 영문 사례 | 원문과 제안 카드 연결. 왼쪽 강조선 없이 일반 테두리 사용, 사례 2개 세로 배치 |
| IMG-SO-02 | 발매 수량 / 조슈아 트리, 수정 제안·사유 | 각 언어 원문과 제안 카드를 연결. 일반 테두리, 사례 2개 세로 배치 |
| VID-SO-03 | 원문과 함께 보기의 실제 화면·문맥·수정 이유 | §5 SO-03의 한국어·영어 15초 영상과 자막·클릭음 사용 |

공통 제작 기준:

1. 교정·교열은 약 620px 폭 안에 사례 2개를 배치한다. 사례마다 왼쪽 원문과 오른쪽 제안 카드를 연결한다. 한국어 원문은 432dpi, 1140×612px PNG로 추출해 선명도를 확보한다. SO-03의 영상은 §5의 승인 구성과 경량 제공 파일을 사용한다.
2. 주변 문장은 흐리게, 강조 구절이 있는 줄은 선명하게 표시한다. 원문의 강조 부분 끝에 주황색 점과 얇은 연결선을 배치한다. 사례마다 흰색에 가까운 배경(`#fcfcfb`)과 테두리를 두고 간격을 확보한다. 작은 화면에서는 원문과 제안을 하나의 카드로 감싸고 카드 사이를 20px 띄우며 `예시 1 / 예시 2`를 표시한다. 제안은 원문 아래로 옮기고 본문만 스크롤한다.
3. 이미지 안에서만 핵심 가치를 전달하지 않는다. 이미지 외부의 제목·설명으로도 내용을 이해할 수 있어야 한다.
4. 한국어 교정·교열 원문은 실제 PDF 캡처이며 제안 카드는 PDF 주석을 재배치한 HTML이다. 영어·독일어의 SO-01·02는 영문 원고 발췌·제안을 HTML로 표현하며 PDF 캡처로 설명하지 않는다. SO-03은 한국어·영어 실제 Mmmh! 보고서의 연속 녹화다.
5. 타인의 원고나 개인 정보가 드러나지 않는 예시를 사용한다. 예시 결과가 현재 기능과 맞는지 확인한다.
6. 이미지 로딩이 실패해도 제목·설명·다음 버튼은 유지한다. 영역 크기를 유지하고 간단한 대체 설명을 표시한다.

한국어 추출 이미지와 PDF 주석 대조 기록은 [샘플 이미지 원본 정보](../../../assets/service-onboarding/README.md)에 정리했다. PDF 원본은 수정하지 않는다.

## 8. 접근성과 반응형 동작

- 모달 열림 시 현재 화면 제목으로 포커스를 이동한다.
- 모달이 열려 있는 동안 배경은 클릭·키보드 조작 대상이 아니다.
- Tab/Shift+Tab 이동은 현재 모달 안에서 순환한다. 영상의 전체 화면 종료는 브라우저 기본 동작을 우선한다.
- 닫은 뒤에는 모달이 열리기 전의 유효한 포커스 위치로 돌아간다. 이전 위치가 유효하지 않으면 현재 화면의 적절한 기본 위치로 돌린다. 기획 시안에서 수동으로 연 경우 호출한 버튼으로 돌아간다.
- 라디오 그룹에는 그룹 이름과 선택 영역 위 설명을 연결한다. 방향키·Space로 선택할 수 있다.
- 선택 상태는 색상 외에도 라디오 체크·테두리로 표시한다. 변경된 예시는 스크린 리더에도 전달한다.
- 본문에 많은 정보를 한꺼번에 음성으로 읽히게 하지 않고 제목, 설명, 선택 그룹을 순서대로 탐색할 수 있게 한다.
- 제목·설명·자막으로 영상 없이도 가치를 이해할 수 있게 한다. 자동 슬라이드는 사용하지 않는다. 영상은 기본 음소거 자동 재생이며 reduced motion에서는 수동으로 시작한다.

## 9. 측정 계획

### 9.1 제품 결과

| 구분 | 확인할 내용 |
| --- | --- |
| 신규 사용자 핵심 | 가입 완료 후 7일 이내 첫 실제 분석 시작률 |
| 신규 사용자 보조 | 가입 완료 후 24시간 이내 첫 실제 분석 시작률 |
| 한국어 기존 사용자 | 설정 화면별 도달률, 두 설정 화면을 거친 완료율, 시작 시점 대비 설정 유지·변경 비율 |
| 영어·독일어 | 언어별 노출·완료·첫 분석 전환. 설정 비교는 해당 없음 |
| 후속 가치 | 첫 실제 보고서 열람·첫 제안 판단·첫 보고서 다운로드 |
| 온보딩 과정 | 화면별 도달·이탈, 소개 건너뛰기, 현재 설정 유지·변경 완료, 중도 종료 |
| 부작용 | 첫 작업 시작 시간 증가, 온보딩 이후 이탈 증가 |

측정 기준은 [PRD §7](editorial-service-onboarding-prd-v1.md)을 따른다. 핵심 지표의 분모는 신규 가입자 전체이며, 7일을 핵심·24시간을 보조 기간으로 사용한다. 설정 도달·완료율 분모는 한국어 온보딩이 실제 표시된 한국어 기존 사용자다. 영어·독일어는 이 설정 지표에서 제외한다. 설정 유지·변경은 두 설정 화면을 거쳐 완료한 사용자의 시작값과 최종값을 비교하며, 기존 비기본값을 그대로 둔 경우도 유지다. 화면 도달만으로 이해했다고 단정하지 않는다. 샘플·기획용 검토 조작은 제품 지표에서 제외한다.

### 9.2 최소 이벤트 초안

| 이벤트 | 발생 시점 | 최소 정보 |
| --- | --- | --- |
| service_onboarding_started | 공통 모달 최초 실제 표시 | 버전, 화면 언어·단계 수, 신규/기존 사용자 구분. 버전은 관측 정보이며 재노출 자격을 자동 부여하지 않음 |
| service_onboarding_step_viewed | 현재 화면 표시 | 버전, 화면 ID |
| service_onboarding_intro_skipped | 소개 건너뛰기 | 버전, 출발 화면 ID |
| service_onboarding_dismissed | 온보딩의 닫기·Escape. 영상 전체 화면 종료는 제외 | 버전, 화면 ID |
| service_onboarding_completed | 완료 행동. 신규·기존 사용자 모두 기존 업로드 흐름으로 연결 | 버전, 화면 언어, 마지막 화면 ID, 완료 경로, 한국어 설정 유지/변경/확인 불가 또는 영어·독일어 해당 없음 |

페이지 종료는 별도 종료 이벤트 전송에 의존하지 않고, 시작·화면 도달에 완료가 없는 상태로 분석한다. 본문·파일명·제외 표현 원문은 수집하지 않는다. 기존 보고서 가이드 이벤트를 확장하지 않고 새 흐름을 별도로 측정한다. 와이어프레임은 제품 분석 이벤트를 전송하지 않는다.

## 10. 참고: 기획 시안 사용법과 저장 범위

STATE·이어보기·다시 보기·세션 저장은 반복 검토용이다. 실제 서비스의 계정 이력·수동 재진입 기능과 구분한다.

### 가입 완료 기획 화면 연결

아래 재진입·이어보기는 기획용 페이지의 반복 검토 기능이다. 실제 서비스에는 온보딩을 직접 다시 여는 진입점을 제공하지 않는다.

| 진입 화면 | 현재 연결 |
| --- | --- |
| [이메일 인증 완료](../../../editorial-verify-email.html#state-2) | `data-state="2"` 도달 시 첫 노출. 일반 가입과 초대 가입 모드에 같은 모달 적용 |
| [SSO 가입 완료](../../../editorial-sso-signup.html#state-3) | `data-state="3"` 도달 시 첫 노출. 완료 전 입력·번호 오류 상태에서는 열지 않음 |
| STATE의 `온보딩` | [이메일 4 · 온보딩](../../../editorial-verify-email.html#state-4), [SSO 6 · 온보딩](../../../editorial-sso-signup.html#state-6). 가입 완료 화면 위에 SO-01부터 표시. 노출·완료 이력과 관계없이 선택·주소 직접 진입·새로고침마다 열림 |
| 완료 화면의 `editorial 시작하기` | 미완료면 마지막 단계, 완료했다면 SO-01부터 수동 다시 보기 |
| 완료 화면의 보조 안내 | `서비스를 둘러보고 첫 작업의 기준을 설정해보세요.` + `라이브러리로 이동` 링크 |
| 온보딩 닫기·Escape | 가입 완료 화면에 머무름. 시작하기 링크 또는 진입에 사용한 STATE 버튼으로 포커스 복귀. STATE의 온보딩 버튼을 다시 누르면 SO-01부터 재진입 |
| 온보딩 완료 | SO-04의 시작 또는 SO-05의 `원고 업로드`로 기존 `editorial-modals.html#upload-1` 진입 |
| [스타일 설정](../../../editorial-settings.html#style) | 온보딩에서 선택한 보조 용언·사전을 표시. 설정 화면에서 변경하면 다음 온보딩 열기에도 반영 |

가입 완료 화면과 독립 와이어프레임은 같은 [공통 모달 코드](../../../js/editorial-service-onboarding.js)와 [공통 스타일](../../../css/editorial-service-onboarding.css)을 사용한다. 인증 화면의 배경·입력 UI에 모달 스타일이 적용되지 않도록 선택자 범위를 모달로 제한한다. [가입 화면 연결 코드](../../../js/editorial-signup-onboarding.js)는 완료 상태와 검토용 온보딩 상태를 구분한다. STATE의 온보딩은 반복 검토를 위한 진입점이며, 제품의 최초 자동 노출 기준을 바꾸지 않는다. 기존 가입 검증·약관·인증 동작과 보고서 온보딩은 유지한다.

현재 기획 시안의 저장 범위:

- 가입 화면의 최초 노출·단계·완료 상태: 같은 탭의 `editorial.service-onboarding.prototype.v1` 세션 상태. 일반 완료 상태는 첫 노출 이후 새로고침으로 강제 재노출하지 않는다. 명시적인 STATE 온보딩 상태는 이력과 관계없이 항상 SO-01을 연다. 선택한 작업 기준은 유지한다.
- 보조 용언·사전: [공통 설정 저장 코드](../../../js/editorial-style-preferences.js)의 `editorial.demo.style-preferences.v1` 세션 상태로 가입 완료 화면과 스타일 설정 화면 사이에서 공유한다. 제외 표현은 기존 설정 화면의 동작을 유지한다.
- 독립 와이어프레임: 별도의 `editorial.service-onboarding.wireframe.v1`을 사용한다. 검토용 선택·초기화가 가입 시안의 설정을 덮어쓰지 않는다.
- 세션 상태는 기획 화면의 동작을 확인하기 위한 구현이다. 실제 계정 단위 저장·노출 이력과 분석 API 연결은 아래 제품 기준과 구분한다.



- [처음부터 체험](../../../editorial-service-onboarding-wireframe.html?step=1)
- [전체 화면 선택·검토](../../../editorial-service-onboarding-wireframe.html)
- [모바일 크기로 체험](../../../editorial-service-onboarding-wireframe.html?step=1&device=mobile)
- 실제 기획 화면에서 확인: [이메일 인증 완료](../../../editorial-verify-email.html#state-2) · [SSO 가입 완료](../../../editorial-sso-signup.html#state-3). 이미 본 경우 `editorial 시작하기`로 다시 연다.
- 화면별 바로 보기: [교정](../../../editorial-service-onboarding-wireframe.html?step=1) · [팩트체크](../../../editorial-service-onboarding-wireframe.html?step=2) · [원문과 함께 보기](../../../editorial-service-onboarding-wireframe.html?step=3) · [보조 용언](../../../editorial-service-onboarding-wireframe.html?step=4) · [사전](../../../editorial-service-onboarding-wireframe.html?step=5)

독립 와이어프레임은 명시적인 화면 링크·버튼으로 반복 검토할 수 있다. 선택값과 마지막 위치는 해당 브라우저 탭의 검토 전용 상태에 유지한다. `선택 초기화하고 처음부터 보기`는 검토용 초기화 버튼이다. 가입 완료 시안의 작업 기준이나 기존 보고서 온보딩 상태에는 영향을 주지 않는다.

제품의 계정별 노출/완료 기록은 §6의 제품 기준이다. 가입 완료 기획 화면에는 자동 노출·검토용 수동 이어보기·작업 기준 공유를 연결했다. 수동 재진입은 기획 시안 전용이며, 계정 단위 노출 이력 저장과 분석 이벤트 전송은 시안에 연결하지 않았다. 사전 로딩한 영상은 같은 페이지의 온보딩에서 재사용한다.

마지막 `원고 업로드`는 기존 [업로드 모달 시안](../../../editorial-modals.html#upload-1)으로 연결한다. 업로드 모달을 새로 만들거나 실제 분석을 실행하지 않는다. 실제 교정·교열 샘플을 포함해 구도와 동작을 검토하는 산출물이다.

## 11. 화면·콘텐츠 검토 기준

아래는 시안·자산을 검토하는 필수 기준이다. 서비스 연결의 기본 흐름·분기·실패 복구는 [기능명세 §9](editorial-service-onboarding-functional-spec-v1.md)의 개별 테스트로 확인한다.

| ID | 확인 대상 | 통과 기준 |
| --- | --- | --- |
| VIEW-01 | 언어별 단계·문구 | 한국어 5, 영어·독일어 3. 제목·본문·버튼이 본 문서 및 번역 시트와 일치 |
| VIEW-02 | 한국어 교정·교열 | 각 2개 PDF 원문 캡처, 강조·제안·사유가 원본 주석과 대응 |
| VIEW-03 | 영어·독일어 교정·교열 | 각 2개 영문 발췌·제안·사유. 영어 원고 예시, 언어별 UI 문구 |
| VIEW-04 | 한국어 설정 화면 | 설명이 선택 영역 위에 상시 표시. 각 그룹 단일 선택, 보조 용언 선택에 따른 예시 갱신 |
| VIEW-05 | 설정 기본·현재 값 | 미설정만 원문 유지·두 사전 기본값. 기존 값 유지, 기본값 배지는 이동하지 않음 |
| VIEW-06 | SO-03 영상 | 실제 Mmmh! 화면 15초·8:5, 승인 언어 영상·포스터. 하단 외부 캡션 없음 |
| VIEW-07 | 자막 | 승인 문구 3개·타이밍·반투명 검정 박스. 독일어는 영어 자막 공용 |
| VIEW-08 | 오디오 | 버튼·제안 클릭음 두 번만 포함 |
| VIEW-09 | 제공 자산 | 언어별 약 1.7MB 경량 MP4와 80KB 이하 포스터, 원본 보존 |
| VIEW-10 | 반응형 | 1440px·390px·320px·작은 높이·글자 확대에서 가로 넘침 없음. 같은 뷰포트 내 고정 높이·본문 스크롤 |
| VIEW-11 | 접근성 | 제목 포커스, 라디오 설명 연결, 색상 이외 선택 표시, 키보드·영상 기본 컨트롤·reduced motion |
| VIEW-12 | 시안과 서비스 구분 | 검토용 STATE·세션 저장을 계정 연동 완료로 표시하지 않음 |

## 12. 도입 예정 전체 화면

한국어는 서비스 가치 안내와 작업 기준 설정의 5단계, 영어·독일어는 서비스 가치 안내의 3단계를 제공한다. 아래 이미지는 서비스 도입을 검토하기 위한 시안이다. 교정·교열·설정 단계의 기존 이미지를 보존하며 원문과 함께 보기에는 승인된 영상을 사용한다.

| 언어·단계 | 데스크톱 | 모바일 |
| --- | --- | --- |
| 한국어 SO-01 교정 | [화면](../../../assets/change-log/CL-2026-09-16-001/20261002/ko-sso-desktop.jpg) | [화면](../../../assets/change-log/CL-2026-09-16-001/20261002/ko-proof-mobile.jpg) |
| 한국어 SO-02 교열·팩트체크 | [화면](../../../assets/change-log/CL-2026-09-16-001/20261002/ko-fact-desktop.jpg) | [화면](../../../assets/change-log/CL-2026-09-16-001/20261002/ko-fact-mobile.jpg) |
| 한국어 SO-03 원문과 함께 보기 | [화면](../../../assets/change-log/CL-2026-09-16-001/20261013/ko-reader-1440.jpg) | [화면](../../../assets/change-log/CL-2026-09-16-001/20261013/ko-reader-390.jpg) |
| 한국어 SO-04 보조 용언 설정 | [화면](../../../assets/change-log/CL-2026-09-16-001/desktop-04.png) | [화면](../../../assets/change-log/CL-2026-09-16-001/mobile-04.png) |
| 한국어 SO-05 교정 기준 사전 | [화면](../../../assets/change-log/CL-2026-09-16-001/desktop-05.png) | [화면](../../../assets/change-log/CL-2026-09-16-001/mobile-05.png) |
| 영어 SO-01 Proofreading | [화면](../../../assets/change-log/CL-2026-09-16-001/20261002/en-proof-desktop.jpg) | [화면](../../../assets/change-log/CL-2026-09-16-001/20261002/en-proof-mobile.jpg) |
| 영어 SO-02 Copyediting | [화면](../../../assets/change-log/CL-2026-09-16-001/20261002/en-fact-desktop.jpg) | [화면](../../../assets/change-log/CL-2026-09-16-001/20261002/en-fact-mobile.jpg) |
| 영어 SO-03 Read with manuscript | [화면](../../../assets/change-log/CL-2026-09-16-001/20261013/en-reader-1440.jpg) | [화면](../../../assets/change-log/CL-2026-09-16-001/20261013/en-reader-390.jpg) |
| 독일어 SO-01 Korrektur | [화면](../../../assets/change-log/CL-2026-09-16-001/20261013/de-step-1-1440.jpg) | [화면](../../../assets/change-log/CL-2026-09-16-001/20261013/de-step-1-390.jpg) |
| 독일어 SO-02 Faktenprüfung | [화면](../../../assets/change-log/CL-2026-09-16-001/20261013/de-step-2-1440.jpg) | [화면](../../../assets/change-log/CL-2026-09-16-001/20261013/de-step-2-390.jpg) |
| 독일어 SO-03 Mit Manuskript lesen | [화면](../../../assets/change-log/CL-2026-09-16-001/20261013/de-reader-1440.jpg) | [화면](../../../assets/change-log/CL-2026-09-16-001/20261013/de-reader-390.jpg) |

## 13. 도입 준비와 기획 시안 확인

온보딩은 아직 서비스에 적용되지 않았다. 기획 시안에서는 가입 완료 진입, 가치 안내, 영상, 작업 기준 선택과 업로드 연결을 확인한다. 검토용 다시 보기·STATE와 브라우저 세션 저장은 실제 서비스의 계정별 1회 노출·설정 저장을 대신하지 않는다.

| 구분 | 확인 범위 |
| --- | --- |
| 전체 시안 | 한국어 5단계·영어/독일어 3단계, 이전·다음·건너뛰기·닫기·업로드 연결, 모바일 배치·키보드 접근 |
| 영상 | 실제 Mmmh! 화면 15초, 언어별 약 1.7MB, 가치 설명 자막·반투명 검정 박스·클릭음, 첫 단계 사전 로딩과 같은 요소 재사용 |
| 서비스 도입 전 | 계정별 노출 이력, 설정 조회·저장, 중복 시작·실패 복구, 기존 보고서 가이드와의 순서, 실제 분석·성과 이벤트 연결 |

- [기획 시안 연결·반응형 확인](../../../outputs/source-reader-onboarding-motion-20261013/integration-qa.json) · [영상 사전 로딩 확인](../../../outputs/source-reader-onboarding-motion-20261013/preload-qa.json)
- [영상 자산·규격](../../../assets/service-onboarding/README.md) · [현재 번역 시트](../../translation/editorial-service-onboarding-translation-sheet-v1.md)
- [적용 전 검토 이력과 이전 시안 보관](../../archive/service-onboarding/README.md)