좋은 제품 페이지는 장점을 강조하는 데서 끝나지 않고, 누가 어떤 환경에서 사용할 수 있으며 시작과 실패 대응을 어떻게 하는지 검증 가능한 문서로 연결합니다.
제품 소개 페이지에 ‘빠른’, ‘간편한’, ‘강력한’이라는 문장과 기능 카드만 있으면 처음 보는 사람은 자기 환경에서 실제로 쓸 수 있는지 판단하기 어렵습니다. 가입한 뒤에야 지원하지 않는 파일 형식이나 운영체제, 별도 비용, 사용량 제한을 발견하면 문의와 환불이 늘어납니다. 소개 페이지는 관심을 만드는 화면인 동시에 도입 조건을 확인하는 문서여야 합니다.
이 글은 1인 개발자가 제품을 공개할 때 판단 정보 → 요구사항 → 시작 절차 → 기능 참조 → 제한 → 문제 해결 → 변경 이력을 어떤 구조로 문서화할지 설명합니다. 랜딩 페이지의 전환 문구보다, 사용자가 가입 전후에 같은 사실을 찾을 수 있고 제품이 바뀌면 함께 갱신되는 정보 체계를 만드는 데 집중합니다.
제품 문서의 목표는 모든 기능을 설명하는 것이 아니라, 사용자가 자기 상황에서 도입하고 완료하며 실패를 복구할 수 있게 하는 것이다.
문서 기준

1. 사용자가 내려야 할 결정을 먼저 적는다
기능 목록을 쓰기 전에 방문자가 어떤 결정을 내려야 하는지 적습니다. 내 문제에 맞는지, 현재 환경에서 작동하는지, 필요한 비용과 준비가 무엇인지, 혼자 시작할 수 있는지, 문제가 생기면 해결할 수 있는지가 기본 질문입니다. 각 질문에 답하는 페이지와 확인 담당자를 연결합니다.
| 사용자 질문 | 필요한 문서 | 완료 기준 |
| 나에게 맞는가 | 대상·사용 사례·비적합 조건 | 적합 여부를 스스로 구분 |
| 내 환경에서 되는가 | 요구사항·호환성 | 지원 범위와 버전을 확인 |
| 어떻게 시작하나 | 시작 가이드 | 첫 결과를 재현 |
| 정확히 무엇을 지원하나 | 기능 참조 | 입력·출력·제한을 확인 |
| 비용은 얼마인가 | 요금·사용량 문서 | 과금 단위와 초과 처리 이해 |
| 막히면 어떻게 하나 | 문제 해결·지원 | 오류별 다음 행동을 찾음 |
모든 방문자에게 모든 문서를 첫 화면에서 읽히려 하지 않습니다. 소개 페이지에서는 핵심 판단 정보를 요약하고, 자세한 설치·기능·오류 내용은 안정적인 주소의 문서로 연결합니다. 요약과 상세 문서의 값이 다르지 않도록 하나의 원본에서 관리할 항목을 정합니다.
2. 제품 사실의 원본을 하나로 만든다
홈페이지, 앱 스토어, README, 도움말, 영업 자료에 제품명이 조금씩 다르고 제한 값이 다르면 수정할 때 빠뜨리게 됩니다. 제품 설명, 지원 환경, 가격, 사용량 제한, 문의 주소, 정책 URL을 하나의 제품 원본표로 관리하고 각 출력 위치를 기록합니다.
| 원본 항목 | 예시 | 복제되는 위치 |
| 제품 이름·한 줄 설명 | 공식 표기와 핵심 역할 | 홈·스토어·검색 설명 |
| 지원 환경 | 운영체제·브라우저·파일 형식 | 요구사항·FAQ |
| 사용량·크기 제한 | 파일·요청·보관 한도 | 기능 문서·요금표 |
| 가격·과금 단위 | 월·사용량·사용자 기준 | 소개·결제·FAQ |
| 지원 경로 | 문의 채널과 응답 범위 | 푸터·도움말·오류 화면 |
| 정책·변경일 | 약관·개인정보·적용일 | 가입·결제·공지 |
값이 바뀌면 원본만 수정해 자동 배포하거나, 최소한 수정해야 할 위치를 체크리스트로 생성합니다. 문서마다 마지막 검토일과 제품 버전을 표시하면 오래된 설명을 찾기 쉽습니다. ‘최신’이라는 단어보다 실제 적용 버전과 날짜가 유용합니다.
3. 한 페이지에 서로 다른 문서 목적을 섞지 않는다
처음 배우는 사람의 따라 하기와 숙련자가 특정 옵션을 찾는 참조 문서는 읽는 방식이 다릅니다. Diátaxis는 문서를 튜토리얼, 사용법, 참조, 설명의 네 유형으로 구분합니다. Diátaxis 문서 체계를 그대로 채택하지 않더라도 사용자 의도별로 페이지를 분리하는 기준으로 활용할 수 있습니다.
| 문서 유형 | 사용자의 상태 | 제품 문서 예 |
| 소개 | 도입을 판단 중 | 대상·결과·가격·요구사항 요약 |
| 튜토리얼 | 처음 배우는 중 | 샘플로 첫 결과 만들기 |
| 사용법 | 특정 일을 완료하려 함 | 파일 내보내기·팀 초대 |
| 참조 | 정확한 값을 찾음 | 옵션·필드·제한·오류 코드 |
| 설명 | 원리와 선택 이유를 이해 | 데이터 처리·동기화 방식 |
| 문제 해결 | 실패를 복구하려 함 | 증상·원인·확인·대응 |
소개 페이지에 API 필드 전체를 넣거나, 참조 문서 안에 긴 홍보 문구를 반복하지 않습니다. 각 페이지는 하나의 읽기 목적을 갖되 관련된 다음 문서로 이동할 수 있어야 합니다. 제품 안의 도움말 링크도 현재 화면과 맞는 문서 위치로 연결합니다.
4. 소개 페이지는 판단 정보의 목차가 된다
첫 화면에서 제품 이름, 해결하는 문제, 대상 사용자, 핵심 결과를 설명합니다. 이어서 실제 사용 흐름, 대표 화면, 요구사항, 가격 또는 가격 확인 방법, 제한, 시작과 문의 경로를 배치합니다. 기능 카드마다 자세한 참조나 사용법 문서로 연결합니다.
- 제품의 대상과 해결하는 문제를 한 문장으로 설명한다
- 실제 제품 화면이나 결과물을 확인할 수 있다
- 지원 환경과 주요 제한으로 이동할 수 있다
- 가격과 과금 단위를 가입 전에 확인할 수 있다
- 시작 가이드와 문제 해결 문서가 연결되어 있다
- 지원하지 않는 대상이나 사용 상황도 명시한다
‘모든 업무에 사용 가능’처럼 범위를 넓히기보다 대표 사용 사례를 입력, 제품이 하는 일, 결과, 사용자가 확인할 항목으로 설명합니다. 제품이 하지 않는 일과 사람 판단이 필요한 지점을 함께 쓰면 부적합한 가입과 문의를 줄일 수 있습니다.
5. 요구사항과 호환성은 표로 검증 가능하게 쓴다
‘최신 브라우저 지원’처럼 해석이 달라지는 표현 대신 테스트한 운영체제·브라우저·기기·파일 형식과 최소 또는 지원 버전을 적습니다. 클라우드 계정, 관리자 권한, 외부 API 키, 네트워크 접근처럼 시작 전에 필요한 준비도 같은 페이지에서 확인할 수 있게 합니다.
| 영역 | 기록할 내용 | 검증 방법 |
| 운영 환경 | OS·브라우저·기기 버전 | 지원 조합 테스트 |
| 입력 | 파일 형식·인코딩·최대 크기 | 경계값 파일 업로드 |
| 출력 | 형식·정밀도·보존 범위 | 샘플 결과 비교 |
| 권한 | 계정 역할·외부 서비스 권한 | 최소 권한 계정 테스트 |
| 네트워크 | 허용 도메인·포트·오프라인 가능 여부 | 제한 환경 테스트 |
| 지역·언어 | 지원 언어·시간대·통화 | 설정별 표시 검증 |
지원과 미지원, 시험 중인 환경을 구분합니다. 테스트하지 않았다는 사실을 ‘지원하지 않음’과 같은 뜻으로 쓰지 않고, 사용자가 어떤 위험을 감수해야 하는지 설명합니다. 지원 범위가 바뀌면 변경 이력과 이전 버전 문서도 함께 정리합니다.
6. 시작 가이드는 첫 성공 결과까지 직접 검증한다
시작 가이드는 가입 버튼에서 끝나지 않습니다. 준비물 확인, 설치 또는 로그인, 첫 입력, 실행, 결과 확인, 정리까지 하나의 경로를 제공합니다. 작성자는 새 계정과 깨끗한 환경에서 그대로 따라 해 보고, 문서에 없는 내부 지식이 필요하지 않은지 확인합니다.
- 완료 후 얻게 될 결과와 예상 소요 범위를 설명한다.
- 필요 계정·권한·샘플 파일을 먼저 준비한다.
- 한 단계에는 한 행동과 확인 결과를 둔다.
- 복사할 값과 사용자가 바꿀 값을 명확히 구분한다.
- 각 단계의 정상 화면이나 출력 상태를 보여준다.
- 실패하기 쉬운 지점에서 해당 문제 해결 문서를 연결한다.
- 튜토리얼에서 만든 시험 데이터의 삭제 방법을 안내한다.
‘설정을 완료합니다’처럼 여러 행동을 한 단계에 숨기지 않습니다. 버튼 이름과 메뉴 경로는 현재 제품 화면과 같은 표현을 사용합니다. 기능 위치가 자주 바뀐다면 화면 좌표보다 검색 가능한 메뉴 이름과 목적을 함께 씁니다.
7. 기능 문서는 입력·처리·출력·제한을 한 묶음으로 쓴다
기능 문서에는 기능 이름과 장점만 적지 않습니다. 사용 조건, 입력, 실행 방법, 정상 출력, 변경되는 데이터, 권한, 제한, 실패 상태를 같은 구조로 설명합니다. 자동 저장이나 외부 발송처럼 되돌리기 어려운 동작은 실행 시점과 취소 가능 범위를 명시합니다.
| 문서 항목 | 답할 질문 | 예 |
| 목적 | 언제 쓰는 기능인가 | 여러 파일을 하나로 내보내기 |
| 조건 | 무엇이 준비되어야 하나 | 소유자 권한·지원 형식 |
| 입력 | 어떤 값을 받나 | 파일·옵션·최대 크기 |
| 처리 | 무엇이 변경되나 | 원본 유지·새 파일 생성 |
| 출력 | 성공을 어떻게 확인하나 | 다운로드·작업 ID·상태 |
| 제한 | 언제 동작하지 않나 | 지원하지 않는 형식·동시 작업 수 |
| 복구 | 실패하면 무엇을 하나 | 재시도 조건·문의에 필요한 정보 |
코드 예제는 복사해서 실행할 수 있는 최소 단위로 제공하고 비밀 값은 자리표시자로 둡니다. 성공 예제뿐 아니라 대표 오류 응답과 수정 방법을 함께 제공합니다. 라이브러리 버전과 실행 환경을 표시하고 오래된 예제를 자동 테스트할 수 있으면 배포 과정에 포함합니다.
8. 제한과 실패 상태를 숨기지 않는다
사용량 제한, 파일 크기, 처리 시간, 보관 기간, 동시 작업, 지원하지 않는 입력, 결과의 정확도 조건을 가입 전에 찾을 수 있게 합니다. 제한을 FAQ 마지막에만 넣지 말고 관련 기능과 요금 문서에서도 연결합니다. 사용자가 설정으로 해결할 수 있는 제한과 제품 자체의 제한을 구분합니다.
오류 문서는 코드만 나열하지 않고 증상, 가능한 원인, 확인 순서, 해결 방법, 데이터 영향, 재시도 가능 여부, 문의할 때 필요한 작업 ID를 제공합니다. 같은 오류라도 사용자의 권한이나 작업 상태에 따라 대응이 다르면 분기해서 설명합니다.
9. 가격 문서는 비용을 계산할 수 있게 만든다
요금제 이름과 월 금액만 보여주지 말고 사용자 수, 작업 수, 저장 용량, 호출량처럼 과금 단위를 설명합니다. 무료 한도, 초과 처리, 세금 포함 여부, 결제 주기, 해지와 환불의 적용 조건을 실제 정책과 맞춥니다. 영업 문의가 필요한 요금은 어떤 정보가 있어야 견적이 가능한지 안내합니다.
온라인에서 직접 판매하는 제품에 구조화 데이터를 적용한다면 화면에 보이는 제품·가격·재고 정보와 마크업이 일치해야 합니다. Google의 제품 구조화 데이터 안내에서 지원 속성과 자격 조건을 확인하고, 검색 노출을 보장하는 기능으로 설명하지 않습니다.
10. 화면 이미지는 확인해야 할 상태를 보여준다
화면 전체를 작게 붙이는 대신 사용자가 찾아야 할 메뉴와 완료 상태가 보이게 자릅니다. 실제 데이터나 비밀 값은 제거하고, 샘플 데이터임을 구분합니다. 이미지가 없어도 핵심 절차를 이해할 수 있게 본문에 메뉴 이름과 결과를 적습니다.
대체 텍스트는 ‘스크린샷’이 아니라 이미지가 전달하는 정보와 목적을 설명합니다. 장식 이미지는 불필요한 설명을 만들지 않습니다. W3C의 이미지 대체 텍스트 판단 흐름처럼 이미지의 목적, 주변 텍스트의 중복 여부, 기능 여부에 따라 처리합니다.
11. FAQ는 실제 질문을 해결 문서로 승격한다
FAQ를 검색용 질문으로 억지로 늘리지 않습니다. 고객 문의, 가입 이탈, 오류 로그, 환불 사유에서 반복되는 질문을 모으고 짧은 답으로 끝낼지 별도 사용법·참조·문제 해결 문서가 필요한지 판단합니다. 같은 질문이 반복되면 FAQ만 추가하지 말고 제품 화면과 앞선 문서의 설명도 고칩니다.
- 질문이 실제 문의나 사용자 행동에서 나온 것이다
- 첫 문장만 읽어도 직접적인 답을 얻을 수 있다
- 조건에 따라 답이 달라지면 분기와 적용 범위를 적었다
- 자세한 절차·제한·정책 문서로 연결한다
- 제품 변경 뒤 답이 유효한지 담당자가 다시 확인한다
12. 버전과 변경 이력으로 문서의 시점을 관리한다
사용자가 보는 제품 버전과 문서 버전을 연결합니다. 기능 추가, 기본값 변경, 지원 종료, 데이터 마이그레이션처럼 사용 행동에 영향을 주는 변경은 릴리스 노트에 대상, 적용일, 해야 할 일, 되돌릴 수 있는지, 관련 문서를 적습니다. 내부 커밋 목록을 그대로 노출하지 않습니다.
소프트웨어가 공개 API나 패키지를 제공하고 의미 체계가 맞는 경우 Semantic Versioning을 검토할 수 있습니다. 다만 버전 번호만 올린다고 호환성이 설명되지는 않습니다. 제거 예정 기능에는 공지 시점, 대체 방법, 종료일을 제공하고 이전 문서 주소가 갑자기 사라지지 않게 합니다.
13. 제목과 탐색은 사용자의 작업 언어로 쓴다
‘고급 기능’, ‘기타 설정’처럼 범위가 모호한 메뉴보다 ‘CSV 내보내기’, ‘팀원 초대’, ‘결제 수단 변경’처럼 작업을 제목에 씁니다. 문서 안에서는 H1 하나 아래에 H2, H3 순서를 유지해 목차와 화면 읽기 도구가 구조를 이해할 수 있게 합니다.
W3C의 제목 구조 안내는 제목을 논리적으로 중첩하고 표현 크기를 고르기 위한 용도로 쓰지 말라고 설명합니다. 검색창이 있다면 제품 내부 용어뿐 아니라 사용자가 문의에서 쓰는 말과 이전 기능 이름도 찾을 수 있게 동의어를 관리합니다.
14. 제품 배포와 문서 검수를 같은 작업으로 묶는다
기능 개발이 끝난 뒤 문서 담당자에게 전달하는 방식은 누락을 만들기 쉽습니다. 기능 명세에 대상 사용자, 요구사항, UI 문구, 입력·출력, 제한, 오류, 데이터 변경, 배포일, 관련 문서를 포함하고 문서 수정이 검수되기 전에는 출시 완료로 처리하지 않습니다.
| 변경 | 함께 확인할 문서 | 검증 |
| 새 기능 | 소개·사용법·참조·요금 | 새 계정으로 완료 |
| UI 문구·위치 | 튜토리얼·이미지·도움말 링크 | PC·모바일 대조 |
| 제한 변경 | 요구사항·기능·가격·FAQ | 경계값 테스트 |
| 오류 처리 | 문제 해결·지원 양식 | 실패 시나리오 재현 |
| 지원 종료 | 변경 이력·대체 절차·이전 문서 | 종료 전후 링크 확인 |
깨진 링크, 오래된 화면, 실행되지 않는 코드 예제, 검색되지 않는 새 기능을 정기적으로 검사합니다. 문서별 소유자와 검토 주기를 정하고 사용자 피드백에는 문서 URL과 제품 버전을 함께 받습니다. 답변이 없는 피드백 버튼만 두지 말고 수정 작업으로 연결되는 경로를 만듭니다.
제품 문서 공개 전 체크
- 사용자가 내려야 할 도입 결정을 문서별로 연결했다
- 제품 사실·가격·제한의 원본과 수정 위치가 정해졌다
- 소개·튜토리얼·사용법·참조·설명·문제 해결을 구분했다
- 요구사항과 호환성을 버전·경계값으로 확인할 수 있다
- 새 계정으로 시작 가이드를 끝까지 재현했다
- 기능마다 입력·출력·제한·실패 복구가 문서화됐다
- 가격과 과금 단위, 초과 처리 조건이 실제 결제와 일치한다
- 화면 이미지, 대체 텍스트와 제목 구조를 검토했다
- 변경 이력과 지원 종료 절차가 있다
- 제품 배포 과정에 문서 검수와 링크 테스트가 포함됐다
제품 소개를 문서처럼 쓴다는 것은 화면을 딱딱하게 만든다는 뜻이 아닙니다. 도입 전에는 맞는 제품인지 판단하고, 도입 후에는 첫 결과를 만들며, 문제가 생기면 스스로 복구할 수 있도록 같은 사실을 연결하는 것입니다. 이 구조가 갖춰지면 제품이 커져도 소개와 지원이 서로 다른 약속을 하지 않게 됩니다.
댓글
0개아직 표시된 댓글이 없습니다.