튜토리얼
Shotomatic Team
약 10분

Mac에서 자동 스크린샷으로 제품 둘러보기를 문서화하는 방법

Mac에서 제품 둘러보기를 일정 간격으로 캡처하고, 필요한 화면을 편집 가능한 가이드로 만든 뒤 페이지 설명을 추가해 내보내세요.

노트북과 메모가 놓인 책상에서 일하는 사람

이 가이드에서는 Mac에서 일정 간격으로 스크린샷을 찍어 제품 흐름 하나를 문서화하는 방법을 설명합니다. 흐름을 계획하고 안전한 테스트 데이터를 준비한 뒤, 각 화면 상태를 캡처하세요. 불필요한 화면을 지우고 순서를 편집 가능한 Documents로 만든 다음 완성된 둘러보기를 내보내면 됩니다.

안내: 이 튜토리얼에서 사용하는 앱 Shotomatic을 저희가 만들었습니다. 창을 일정 간격으로 캡처할 수 있다면 다른 도구에도 같은 계획과 검토 방법을 적용할 수 있습니다.

1. 제품 흐름 하나를 고릅니다

유용한 둘러보기는 한 작업을 처음부터 끝까지 설명합니다. 시작 상태, 예상 결과, 그 사이에서 독자가 봐야 하는 화면을 적으세요.

예를 들어 팀원을 초대하는 둘러보기는 다음 순서를 다룰 수 있습니다.

  1. 팀 설정을 엽니다.
  2. Invite member를 선택합니다.
  3. 이메일 주소와 역할을 입력합니다.
  4. 초대를 보냅니다.
  5. 새 구성원이 대기 상태로 표시되는지 확인합니다.

같은 둘러보기에 관련 없는 설정이나 두 번째 작업을 넣지 마세요. 가이드를 나누면 따라가기 쉽고, 인터페이스 일부가 바뀌었을 때 해당 부분만 교체할 수 있습니다.

2. 깔끔한 테스트 환경을 준비합니다

캡처 화면에는 둘러보기에 필요한 정보만 보여야 합니다. 세션 전에 다음을 준비하세요.

  • 테스트 계정과 예시 데이터를 사용합니다.
  • 알림과 관련 없는 앱을 닫습니다.
  • 제품 창 크기를 일정하게 맞춥니다.
  • 로그인이 작업의 일부가 아니라면 미리 로그인합니다.
  • 흐름과 관련 없는 배너와 대화상자를 닫습니다.

나중에 가림 처리에 의존하는 것보다 깨끗한 화면을 다시 캡처하는 편이 안전합니다. 실제 정보가 캡처 중에 보여야 한다면 내보내기 전에 어느 페이지에 Blur가 필요한지 기록해 두세요.

3. 일정 간격 캡처를 설정합니다

Auto Capture를 열고 제품 흐름이 보이는 화면, 창 또는 사용자 지정 영역을 선택하세요. 먼저 3~5초 간격을 사용합니다.

빠르고 안정적인 인터페이스라면 3초가 알맞습니다. 5초는 느린 페이지가 완전히 열릴 시간을 줍니다. 결과가 늦게 나오거나 화면 전환이 끝난 뒤 찍어야 한다면 간격을 더 늘리세요.

정확한 설정 컨트롤은 Mac 스크린샷 자동화를 참고하세요. 스크린샷 타이머 용어 설명에서는 간격이 캡처 순서에 어떤 영향을 주는지 알 수 있습니다.

4. 일정한 속도로 흐름을 따라갑니다

계획한 순서대로 작업하세요. 각 동작 뒤에는 다음 의미 있는 상태가 화면에 완전히 표시되고 타이머가 캡처할 때까지 기다립니다.

메뉴나 대화상자는 연 뒤 다음 항목을 선택하기 전에 잠시 멈추세요. 양식을 작성할 때는 완성된 상태를 유지하고, 입력 중인 화면은 나중에 삭제합니다. 중요한 화면이 캡처 간격보다 빨리 바뀐다면 멈춘 뒤 해당 구간만 더 짧은 간격으로 다시 진행하세요.

일정 간격 캡처는 최종 둘러보기에 필요한 것보다 많은 화면을 일부러 모읍니다. 어떤 상태를 가이드에 남길지는 검토 단계에서 정합니다.

5. 필요한 화면을 Documents로 만듭니다

세션이 끝나면 Capture History에서 Documents를 만드세요. 중복된 화면, 로딩 화면, 덜 작성된 양식, 전환 중인 화면을 삭제합니다. 독자가 알아야 하는 상태마다 깔끔한 페이지 한 장만 남기세요.

Capture History와 새 캡처 옵션이 보이는 Shotomatic New Document 메뉴

남은 페이지를 순서대로 읽으며 모두 같은 제품 흐름을 이어 가는지 확인합니다. 잘못 놓인 페이지는 순서를 바꾸고, 같은 화면에 서로 다른 설명 두 개가 필요할 때만 페이지를 복제하세요.

순서대로 놓인 스크린샷 페이지 세 장과 페이지 텍스트 필드가 보이는 Shotomatic Documents 편집기

이 검토 과정을 거치면 캡처 원본이 비슷한 스크린샷 폴더가 아니라 의도한 순서의 시각 문서가 됩니다.

6. 페이지 설명을 씁니다

각 페이지 제목에는 독자가 할 일을 적으세요. 가능하면 Open Team settings, Select Invite member, Choose a role처럼 화면에 표시된 컨트롤 라벨을 그대로 사용합니다.

스크린샷만으로 준비 사항, 예상 결과, 경고를 알 수 없을 때만 설명을 추가하세요. 페이지 하나에 여러 문단이 필요하다면 둘러보기의 범위가 너무 넓을 수 있습니다.

대상을 찾기 어려울 때는 화살표, 도형, 선 또는 짧은 텍스트 라벨을 사용합니다. Framing이나 Action Focus로 주변 정보를 줄일 수도 있습니다. Free에는 이 도구들이 포함되며, Pro에는 Blur, Click Marker, Step Numbers가 추가됩니다.

화살표 주석과 Object 검사기가 보이는 Shotomatic Documents 편집기

7. 둘러보기를 내보내고 확인합니다

순서가 있는 문서 하나가 필요하면 PDF로 내보내세요. 개별 페이지를 고객 지원 문서나 위키에 넣을 때는 PNG, JPG 또는 WebP를 선택합니다. ZIP은 이미지 파일을 한데 묶어 줍니다.

PDF, PNG, JPG, WebP, ZIP 형식이 표시된 Shotomatic Documents 내보내기 메뉴

Free와 Pro 모두 PDF, PNG, JPG, WebP, ZIP 내보내기를 지원합니다. 완성된 결과를 열고 페이지 순서, 제목, 설명, 주석, 프레이밍, 개인정보를 확인한 뒤 공유하세요. PDF가 주된 결과물이라면 Mac 스크린샷을 PDF로 만드는 과정에 따라 내보내기와 최종 확인을 진행할 수 있습니다.

둘러보기를 최신 상태로 유지합니다

제품 둘러보기에는 담당자와 검토 조건이 필요합니다. 제품 버전이나 검토일을 기록하고, 문서화한 흐름이 바뀌면 가이드를 확인하세요.

Documents 하나에는 사용자 흐름 하나만 담으세요. 작은 UI 변경 때문에 전체를 다시 작성하는 일을 줄일 수 있습니다. 페이지가 바뀌면 해당 상태만 다시 캡처해 이전 페이지를 교체하고, 다음 단계로 자연스럽게 이어지는지 확인합니다.

캡처 순서를 페이지별로 편집해 여러 형식으로 다시 내보내야 한다면 Documents를 사용하세요. 타이머보다 클릭이 설명 단계를 더 정확히 구분한다면 Action Capture를 사용하고 Mac에서 클릭을 캡처해 단계별 가이드를 만드는 방법을 따라가세요.

Frequently Asked Questions

관련 글

글 더 보기

반복 캡처를 완성된 결과물로

Shotomatic은 Mac에서 스크린샷 세션을 캡처하고 정리해 내보냅니다.

Mac에서 자동 스크린샷으로 제품 둘러보기를 문서화하는 방법 | 블로그 | Shotomatic