스크린샷 튜토리얼 체크리스트: 캡처, 편집, 검토, 내보내기

스크린샷 튜토리얼은 작은 부분에서 실패합니다. 단계가 빠지거나, 라벨이 바뀌거나, 사이드바에 이름이 남거나, PDF에서 글자가 너무 작아집니다. 체크리스트로 독자가 발견하기 전에 이런 문제를 잡습니다.

아래 목록을 자신의 템플릿에 복사해 사용합니다. 각 항목은 예 또는 아니요로 확인합니다. Temposhot 기능이 항목을 다루는 경우 그 기능의 정확한 이름을 굵게 표시합니다. 검사는 작업 순서를 따릅니다. 계획, 화면 준비, 캡처, 작성, 주석, 개인정보 제거, 새 독자 테스트, 내보내기 순서입니다. 아래 흐름도가 이 순서를 보여 줍니다.

범위와 계획

• 튜토리얼은 작업 하나와 완료 결과 하나를 다룸.
• 결과를 한 문장으로 쓰고 제목으로 사용함.
• 독자를 명시함: 고객, 신규 입사자, 클라이언트, 동료.
• 전제 조건을 나열함: 계정 유형, 권한, 미리 준비할 것.
• 튜토리얼이 대상으로 하는 제품 버전을 기록함.
• 향후 업데이트를 맡을 담당자를 지정함.

작업이 약 15단계를 넘으면 튜토리얼 두 개로 나누고 서로 링크합니다.

작업 하나, 결과 하나

결과가 하나이면 단계가 순서대로 유지됩니다. "작업 공간에 팀원 초대하기"의 결과는 하나입니다. 팀원이 초대 이메일을 받습니다. "팀 설정"은 제목 하나에 작업 세 개를 담은 것입니다. 독자는 튜토리얼이 언제 끝나는지 알 수 없으므로 이 항목은 실패합니다.

초안에 결과가 두 개 있으면 첫 번째 결과가 나타나는 지점에서 나눕니다. 첫 튜토리얼은 그 결과로 끝나고, 두 번째 튜토리얼은 그 결과에서 시작합니다. 각 부분은 고유한 제목, 고유한 화면 준비, 고유한 테스트 실행을 가집니다.

독자와 시작 지점 정하기

독자에 따라 상세 수준이 정해집니다. 신규 입사자는 모든 메뉴의 위치가 필요합니다. 제품을 매일 쓰는 동료는 컨트롤의 이름과 입력할 값이 필요합니다. 시작 지점도 적습니다. "작업 공간 관리자로 로그인되어 있고 팀 페이지가 열려 있음"이라고 쓰면 무엇부터 해야 하는지에 대한 질문 대부분이 사라집니다.

부분별 시간 계획

녹화 전에 시간을 계획합니다. 아래 예산은 한 사람이 녹화하고 검토하는 12단계 튜토리얼 기준입니다. 시간이 어디에 쓰이는지, 그리고 쉽게 빠지는 부분이 무엇인지 보여 줍니다.

이 예산에서 검토 단계는 캡처보다 시간이 더 걸립니다. 대부분의 튜토리얼은 녹화 단계가 아니라 검토 단계에서 시간을 초과하므로, 검토 시간을 먼저 계획합니다.

화면 준비

• 샘플 데이터가 있는 테스트 계정으로 로그인함.
• 이메일, 채팅, 캘린더, 비밀번호 관리자 창을 닫음.
• macOS 집중 모드를 켜서 알림 배너가 나타나지 않게 함.
• 앱 창 크기를 고정하고, 같은 세트의 이전 튜토리얼과 동일하게 맞춤.
• 테마와 인터페이스 언어를 세트의 나머지와 맞춤.
• 시작 화면은 독자가 시작하는 화면과 같음.
• 녹화 없이 작업을 한 번 리허설함.

샘플 계정과 깨끗한 데이터 사용

이름, 이메일, 데이터가 모두 가상인 테스트 계정을 사용합니다. 표에 적힌 실제 고객 이름은 튜토리얼에서 가장 흔한 개인정보 오류이며, 녹화 후에는 제거하기 어렵습니다. 샘플 계정에 행 3개에서 5개 분량의 데이터를 넣어 화면이 실제로 쓰인 것처럼 보이게 하되, 실제 기록은 포함하지 않습니다.

녹화 없이 한 번 리허설

리허설에서 클릭 후 바뀌는 단계를 찾습니다. 확인 대화상자, 로딩 상태, 마우스를 올리면 열리는 메뉴가 여기에 해당합니다. 각 항목을 적습니다. 아래 리허설 순서가 이 메모를 녹화 순서로 바꿉니다.

창 크기 고정

창 크기를 고정하면 각 페이지의 잘라낸 영역이 같게 유지됩니다. 크기를 한 번 정하고 튜토리얼 템플릿에 적어 둔 뒤, 매 실행 전에 확인합니다. 한 튜토리얼의 창이 다음 튜토리얼보다 200픽셀 넓으면 페이지마다 컨트롤 위치가 바뀌고, 독자는 컨트롤을 다시 찾아야 합니다. 화면 내용이 달라도 같은 세트의 모든 튜토리얼에 같은 크기를 사용합니다.

캡처

• Action Capture가 열려 있음(Command+3).
• Parse clicked elements가 켜져 있어 제목이 Click "[[element-name]]"으로 시작함.
• Visual Annotations에서 Show cursor on click captures와 Mark clicked area가 설정되어 있음.
• Choose Capture Target의 대상이 작업에 맞음. 앱 하나는 Specific Window, 여러 앱은 Active Window, 고정 영역은 Capture Area, 꼭 필요할 때만 Full Screen을 선택함.
• 클릭 없이 나타나는 화면은 Shift+Command+2 또는 Capture now로 저장함.
• 개인정보가 있는 화면 전에 Pause capture를 사용함.
• 실행은 Finish capture로 끝나고, Document가 편집기에서 열림.

Action Capture 가이드에서 각 설정을 설명합니다.

예시 실행에 사용한 설정

아래 설정은 위 체크리스트 항목과 맞습니다. Mac에 저장되어 이후 실행에서 재사용되므로, 튜토리얼 세트마다 한 번만 설정하면 됩니다.

Include toolbar in captures는 버그 보고서처럼 플로팅 도구 막대 자체가 보고서의 일부일 때만 켭니다. 튜토리얼에서 단계마다 도구 막대가 보이면 독자의 주의가 흐트러집니다.

작업에 따라 캡처 대상 고르기

캡처 대상이 저장되는 각 단계의 내용을 결정합니다. 아래 표는 작업 종류별로 일반적인 선택을 보여 줍니다.

Active Window는 단계마다 대상이 바뀌므로 앱을 옮겨 다니는 작업에 맞습니다. 나머지 세 대상은 실행 내내 같은 프레임을 유지합니다. 캡처 중에 창이 움직이면 컨트롤이 잘릴 수 있습니다. 작업이 앱 하나 안에서 끝나면 Specific Window를 선택해 이 잘림을 피합니다.

개인정보 화면 전에 일시 중지하고 Capture now 사용

Pause capture는 클릭을 받지 않고 실행을 유지합니다. 개인정보가 있는 화면 앞에서 사용하고, 화면이 닫히면 재개합니다. 일시 중지 중의 클릭은 단계로 저장되지 않으므로, 개인정보 화면에서 실수로 한 클릭이 Document에 들어가지 않습니다.

클릭이 없는 화면도 있습니다. 상태 메시지, 완료된 진행 막대, 결과 페이지는 독자에게 필요한 화면입니다. Capture now를 선택하거나 수동 단축키를 눌러 클릭 없이 화면을 단계로 저장합니다.

무료 플랜의 단계 제한 고려

무료 플랜은 Action Capture 실행마다 단계 수가 제한되며, Temposhot Pro에서는 이 제한이 없습니다. 제한은 5단계입니다. 실행이 제한에 도달하면 녹화가 멈추고, 저장된 단계는 Finish capture 후에도 Document에 남습니다. 12단계 튜토리얼은 Pro에서만 한 번의 실행에 들어갑니다. 무료 플랜에서는 4단계씩 3회 실행으로 나누어 녹화합니다. 각 실행 후 Add Pages 메뉴에서 **Capture new images…**를 선택해 다음 실행을 같은 Document에 추가합니다.

세지 말아야 할 클릭

Temposhot은 짧은 간격으로 이어진 클릭을 무시하므로, 하나의 상호작용이 중복 단계를 만들지 않습니다. 메뉴를 열고 항목을 고르는 클릭은 여전히 두 단계를 만듭니다. 하나는 메뉴, 하나는 항목입니다. 메뉴 단계가 아무 내용도 더하지 않으면 편집기에서 삭제합니다.

Mouse click capture 설정이 어떤 클릭을 세는지 결정합니다. Capture only while a key is held는 선택한 키를 누르고 있는 동안의 클릭만 기록합니다. 화면을 준비하는 중의 클릭은 단계가 되지 않습니다. Skip clicks while a key is held는 반대로 동작합니다.

순서와 작성

• 페이지 하나에 동작 하나를 담음. 실수로 한 클릭의 페이지는 삭제함.
• 빠진 화면은 Add Pages 메뉴의 **Capture new images…**로 추가함.
• 모든 Page title은 동사로 시작하고 정확한 컨트롤 이름을 씀.
• UI 라벨은 인터페이스의 철자와 대소문자를 따름.
• 각 페이지 설명은 값, 조건, 결과를 1문장에서 3문장으로 담음.
• 결정 사항은 별도 페이지에 두고 선택지를 이름으로 적음.
• 마지막 페이지는 독자가 보아야 할 결과를 보여 줌.
• 짧은 "이 방법으로 해결되지 않을 때" 메모로 도움을 받을 곳을 알려 줌.

이 항목들의 작성 규칙은 소프트웨어 단계별 안내를 작성하는 방법을 참고합니다.

정리 단계의 수치

예시 실행은 12단계를 캡처했습니다. 그중 두 개는 툴팁과 마우스 오버 메뉴에서 실수로 한 클릭이었으므로 편집기에서 삭제했습니다. 한 단계는 빠져 있었습니다. 클릭 없이 나타난 성공 메시지였으므로 Capture now로 추가했습니다. 마지막 페이지는 결과 화면이었으므로 최종 튜토리얼은 11페이지입니다.

컨트롤 이름이 드러나는 제목

Click "Invite"처럼 파싱된 제목은 정확하지만 약합니다. 독자에게는 동작과 위치가 필요합니다. 예시에서 제목은 "상단 막대에서 Invite 선택"으로 바뀌었고, 설명에는 입력할 값을 추가했습니다. 제목에는 동작만 남기고 세부 내용은 설명으로 옮깁니다.

결정 페이지

선택에 따라 달라지는 단계는 자체 페이지가 필요합니다. 그래야 독자가 선택과 그 결과를 볼 수 있습니다. 예를 들어 독자에게 요금제를 고르게 하는 튜토리얼에는 "Choose Team" 페이지와 "Choose Business" 페이지가 각각 있고, 각 페이지의 제목에 선택지를 적습니다. 한 페이지에 두 옵션을 모두 설명하면 독자가 해당하는 옵션을 찾아 훑어야 하고, 스크린샷에는 두 결과 중 하나만 나타납니다.

이미지와 주석

• 각 페이지는 Framing(F)으로 자름. Action Capture 페이지는 Focus on action, 그 밖의 페이지는 Custom을 사용함.
• 각 페이지에는 대상 위에 주요 표시 하나만 둠.
• 표시는 튜토리얼 전체에서 강조색 하나와 선 굵기 하나를 사용함.
• 텍스트 라벨은 대상 위가 아니라 옆에 둠.
• Step Numbers(N, Pro)는 한 페이지가 순서를 보여 줄 때만 사용함.
• 대상 주변의 문맥이 실제 화면에서 대상을 찾기에 충분함.

주석과 프레이밍 가이드에서 각 도구를 다룹니다.

Action Capture 페이지의 프레이밍

Action Capture는 클릭한 지점을 기록하므로, Focus on action은 각 페이지를 그 지점 주변으로 확대할 수 있습니다. 프레이밍은 1(Wide)부터 5(Tight)까지 다섯 단계입니다. 대부분의 튜토리얼 페이지에는 3단계 Balanced가 맞습니다. 클릭으로 열린 메뉴가 화면에 남기 때문입니다. 자동 자르기가 독자에게 필요한 컨트롤을 잘라 내면 **Adjust framing…**을 사용합니다.

표시 하나와 색 하나

화살표 세 개와 상자 두 개가 있는 페이지는 독자에게 올바른 대상을 고르라고 요구합니다. 제목이 컨트롤 이름을 밝히면 페이지마다 화살표나 윤곽선 하나로 충분합니다. 튜토리얼의 모든 표시에 강조색 하나를 사용하면, 독자는 그 색이 대상을 뜻한다는 것을 익힙니다.

개인정보와 안전

• 실제 이름, 이메일, 계정 번호, 사진이 남아 있지 않음.
• 흐림 처리하더라도 비밀번호, 토큰, 복구 코드가 보이지 않음.
• 주소 표시줄과 파일 경로에 사용자 이름이나 토큰이 없는지 확인함.
• Blur(B, Pro)는 남은 민감한 필드를 전체 가림.
• 공유 대상은 내보낸 파일뿐임. Document와 Capture History에는 가리지 않은 원본 이미지가 있음.

주소 표시줄과 파일 경로 확인

주소 표시줄과 파일 대화상자에는 페이지 본문에 보이지 않는 사용자 이름이나 토큰이 들어 있는 경우가 많습니다. 단계를 승인하기 전에 모든 브라우저 화면의 상단과 모든 저장 대화상자를 읽습니다. /Users/ 뒤에 실제 사용자 이름이 붙은 경로는 나머지 페이지가 깨끗해도 유출입니다.

전체를 가리고 내보내기 크기에서 확인

Blur strength는 2부터 80까지이며 기본값은 12입니다. 독자가 보는 크기에서 가려진 필드에 읽을 수 있는 글자가 남지 않을 때까지 값을 올립니다. 그다음 내보낸 페이지를 확인합니다. 일부만 가린 필드는 이름의 첫 글자와 끝 글자를 여전히 보여 줄 수 있습니다.

원본 이미지가 있는 위치

Document와 Capture History에는 가리지 않은 원본 이미지가 남아 있습니다. 편집기는 프레이밍과 흐림을 원본 위에 적용하므로, Document에서 표시를 지워도 원본 프레임의 데이터는 지워지지 않습니다. 개인정보가 아직 남아 있는 곳으로 Document와 Capture History가 있는 Mac을 취급합니다. 이 Mac의 사용자 계정에 대한 접근을 제한하고, 내보낸 파일만 공유합니다.

새 독자 테스트

• 튜토리얼을 쓰지 않은 사람이 테스트 계정으로 따라 함.
• 질문 없이 끝까지 완료함.
• 망설인 곳마다 기록하고 수정함.
• 테스터가 도달한 결과가 마지막 페이지와 일치함.

테스터가 질문을 한 번 하면 해당 페이지를 다시 씁니다. 여러 번 하면 튜토리얼이 작업 두 개를 다루고 있는지 확인합니다.

테스트 설정

테스터에게 내보낸 PDF와 테스트 계정만 줍니다. 시작 전에 작업이나 결과를 설명하지 않습니다. 말하지 않고 지켜보며, 망설임, 잘못된 클릭, 질문마다 페이지 번호를 적습니다.

수정할 항목 정하기

제목이 명확한 페이지에서 망설임이 생기면 보통 스크린샷에 해당 컨트롤이 빠져 있다는 뜻입니다. 잘못된 클릭은 보통 제목이 화면과 맞지 않는 컨트롤 이름을 가리킨다는 뜻입니다. 페이지를 수정하고 다시 내보냅니다. 첫 번째 테스트에서 문제가 세 개를 넘으면 같은 테스터에게 새 파일을 보내 두 번째 검사를 받습니다.

내보내기와 전달

• 형식은 대상에 맞춤:

대상	내보내기
이메일, 인쇄, 오프라인 읽기	Export PDF
도움말 센터 또는 위키	PNG 또는 WebP 페이지
슬라이드	PNG 페이지
아카이브 또는 스크립트 가져오기	document.json이 포함된 ZIP 패키지

• PDF 옵션을 설정함(Pro). 표지, 단계 번호, 페이지 번호, 스크린샷 앞 또는 뒤의 설명을 지정함.
• 실시간 미리보기에서 선택한 용지 크기로 페이지마다 확인함.

용지 크기에서 PDF 확인

내보내기 대화상자의 미리보기는 선택한 용지 크기로 페이지를 보여 줍니다. 내보내기 전에 각 페이지를 그곳에서 확인합니다. 두 줄로 넘어가 스크린샷을 아래로 밀어내는 제목과, 아래 가장자리에서 잘린 스크린샷을 찾습니다. 넓은 앱 창에는 가로 방향을, 높은 창에는 세로 방향을 선택하고, 튜토리얼 전체에 같은 방향을 적용합니다. 내보내기 대화상자의 설정은 파일의 모든 페이지에 적용되므로, 페이지 하나만 따로 고칠 수 없습니다.

• 파일 이름에 작업과 날짜를 포함함. 예: invite-teammate-2026-10.pdf
• 공유 드라이브와 문서에 있는 이전 사본을 교체함.
• 담당자와 검증된 버전을 기록함.

Temposhot은 Document를 Mac에 저장하며 호스팅된 공유 기능이 없으므로, 이 파일이 결과물입니다. 내보내기 가이드에서 모든 형식을 확인합니다.

대상마다 형식 고르기

튜토리얼은 여러 곳으로 전달되는 경우가 많습니다. 같은 Document에서 이 모든 파일을 만들 수 있습니다. 예를 들어 초대 튜토리얼은 세 곳으로 갑니다. 온보딩 이메일용 PDF, 도움말 센터용 PNG 페이지, 팀 콘텐츠 아카이브용 document.json이 들어 있는 ZIP 패키지입니다. 세 파일의 페이지와 제목이 같도록 모든 형식을 같은 Document에서 내보냅니다.

버전을 담은 파일 이름

파일 이름은 독자가 가진 튜토리얼이 어떤 것인지 알 수 있는 유일한 기록입니다. 작업, 날짜, 버전을 포함합니다. 예: invite-teammate-2026-10-v2.pdf. PNG 페이지는 페이지 제목에서 이름을 가져오므로, 폴더 목록에서 읽을 수 있을 만큼 제목을 짧게 유지합니다.

자주 묻는 질문

튜토리얼에는 스크린샷이 몇 장 있어야 합니까?

독자가 수행하는 동작마다 한 장, 그리고 결과 화면 한 장입니다. 대부분의 단일 작업 튜토리얼은 5장에서 15장입니다.

모든 클릭에 스크린샷을 넣어야 합니까?

독자가 보는 내용을 바꾸는 클릭을 넣습니다. 창에 초점만 맞추거나 툴팁을 닫는 클릭은 생략합니다.

이 체크리스트는 언제 다시 실행해야 합니까?

튜토리얼을 변경한 후에, 그리고 제품 릴리스로 튜토리얼이 보여 주는 화면이 바뀐 후에 다시 실행합니다. 스크린샷 문서를 최신 상태로 유지하는 방법을 참고합니다.

짧은 튜토리얼에는 체크리스트를 건너뛸 수 있습니까?

개인정보와 내보내기 항목은 짧은 튜토리얼에도 매번 실행합니다. 짧은 튜토리얼도 실제 이름이나 잘못된 파일 이름을 보여 줄 수 있습니다. 계획과 캡처 항목은 3단계 작업에서 줄일 수 있습니다.

Temposhot이 튜토리얼을 자동으로 검사합니까?

아닙니다. 모든 항목은 수동으로 확인합니다. Temposhot은 단계를 기록하고 파일을 만들며, 내용, 개인정보, 테스트 결과는 사람이 확인합니다.

튜토리얼의 담당자는 누구입니까?

튜토리얼을 쓴 사람이나, 튜토리얼이 설명하는 화면을 소유한 팀입니다. 담당자는 제품 릴리스 후마다 검토 알림을 받고, 버전이 바뀌면 튜토리얼과 파일 이름을 업데이트합니다.

클릭을 명확한 단계별 가이드로 바꾸기

Action Capture에서 이 체크리스트의 캡처 항목을 한 번에 다룹니다. Temposhot 다운로드를 받아 다음 튜토리얼에서 이 체크리스트를 실행합니다.