본문으로 건너뛰기

단계별 가이드와 화면 녹화 비교: 어느 쪽을 써야 할까?

튜토리얼, 지원, 문서 작업에서 움직임, 음성, 편집, 독자의 필요에 따라 스크린샷 가이드와 화면 녹화 중 무엇을 쓸지 고릅니다.

11분 분량생산성작성자: Temposhot Team

Action Capture recording clicks in another app as ordered steps

스크린샷 가이드와 화면 녹화는 같은 작업을 가르칠 수 있습니다. 하지만 독자가 체감하는 방식은 크게 다릅니다. 가이드는 독자가 원하는 속도로 훑어보고, 검색하고, 따라 할 수 있게 합니다. 녹화는 움직임을 보여주고 음성을 전달합니다. 어떤 형식이 맞는지는 독자가 자료를 어떻게 사용할지에 따라 달라집니다.

스크린샷 가이드와 화면 녹화 한눈에 보기

항목스크린샷 가이드화면 녹화
독자의 속도독자가 정함. 원하는 단계로 바로 이동 가능영상의 속도를 따름. 스크럽으로 단계를 찾음
검색 가능 여부가능. 단계 제목과 설명을 검색함트랜스크립트가 있을 때만 가능
움직임과 타이밍 표시표시하지 않음표시함
음성과 어조 전달전달하지 않음전달함
작업하면서 참고가능. 화면과 나란히 놓고 봄일시정지, 전환, 재개를 거쳐야 함
한 단계 수정스크린샷 한 장을 교체함구간을 다시 녹화하거나 이어 붙임
인쇄와 오프라인 사용PDF로 인쇄 가능재생 프로그램이 필요함
번역텍스트를 편집함새 음성 해설이나 자막이 필요함

작업 하나의 노력 측정

독자가 반복하는 작업 하나를 골라 두 형식에 걸리는 시간을 잽니다. 20단계 작업은 차이를 보여줄 만큼 길고, 여러 번 반복할 만큼 짧아서 시험하기 좋습니다.

20단계 작업의 경우 가이드는 단계마다 깨끗한 스크린샷 한 장과 단계당 약 2분의 편집이 필요합니다. 제목, 설명, 흐림 처리가 여기에 포함됩니다. 같은 작업의 녹화는 연습한 한 번의 촬영으로 끝납니다. 다시 찍는 시간이 더해지며, 20단계 작업은 멈춤 없이 한 번에 진행될 때까지 보통 두세 번 찍어야 합니다. 아래 비교표에서 시간이 어디에 드는지 확인할 수 있습니다.

20단계 작업 비교: 가이드는 단계마다 한 번 캡처하고 편집에 약 40분이 들며, 녹화는 두세 번 촬영하고 각 컷을 편집함.

이 수치는 작업 한 개에서 얻은 추정치입니다. 대화 상자가 많거나 대기 시간이 긴 작업이면 수치가 달라집니다. 자료 전체를 고르기 전에 한 번 시험해서 실제 시간을 측정합니다.

반복 작업에는 스크린샷 가이드 사용

가이드는 독자가 내용을 읽으면서 직접 작업할 때 가장 잘 맞습니다. 독자는 4단계를 보고 4단계를 실행한 뒤, 5단계를 보러 돌아옵니다. 독자가 작업하는 동안 가이드의 내용은 바뀌지 않습니다.

일반적으로 맞는 경우:

  • 온보딩: 사내 도구의 접근 권한 요청, 경비 제출 등 신규 사용자 절차임
  • 지원 답변: 티켓에 연결하는 "X는 어떻게 바꾸나요" 유형 질문의 답변임
  • 표준 운영 절차: 감사 담당자나 신규 직원이 그대로 따라야 하는 절차임
  • 릴리스 노트: 설정 위치가 바뀐 부분을 보여주는 문서임

가이드는 훑어보기도 쉽습니다. 1단계부터 6단계까지 아는 사람은 7단계로 바로 이동합니다.

가이드가 잘 맞지 않는 경우

작업이 길거나 분기가 많으면 가이드가 잘 작동하지 않습니다. 40단계 가이드는 훑어보기 어렵고, 독자는 15단계 이후에 위치를 잃기 쉽습니다. 다른 사람에게 넘기거나 시스템을 바꾸는 등 자연스러운 지점에서 작업을 나누고, 각 부분을 순서대로 연결합니다.

분기도 같은 문제를 일으킵니다. "필드가 비어 있으면 A를 하고, 그렇지 않으면 B를 한다"는 식의 가이드는 한 단계에 스크린샷 두 세트가 필요합니다. 분기는 두 개의 짧은 가이드로 작성하고, 공통 경로의 첫 단계에서 각 분기로 링크를 겁니다.

대기 시간도 가이드를 깨뜨립니다. "보고서 생성이 끝날 때까지 기다림" 같은 단계에는 완료된 상태의 스크린샷이 필요하고, 독자는 대기가 얼마나 걸리는지 알아야 합니다. 설명에 대기 시간을 적습니다. 예를 들어 "2,000행 내보내기 기준 약 30초"라고 적으면 독자가 화면이 멈춘 것인지 판단할 수 있습니다.

경비 가이드의 파일 트리: 작업명, 담당자, 날짜가 있는 표지 한 장, 번호가 붙은 9개 단계이며 각 단계는 스크린샷 한 장과 동작 한 개를 가지고, 마지막에 확인 페이지가 있음.

이 구조의 가이드는 단계마다 스크린샷 한 장과 동작 한 개를 가져서 수정 비용이 낮습니다. 표지에는 담당자와 마지막 검토 날짜처럼 자주 바뀌지 않는 정보를 넣습니다.

재촬영을 줄이는 습관

독자가 가이드를 사용하는 방식

대부분의 독자는 가이드를 처음부터 끝까지 읽지 않습니다. 실패한 단계를 열고, 스크린샷을 자신의 화면과 대조한 뒤 텍스트로 돌아옵니다. 이 패턴을 지원하는 가이드는 단계마다 동작이 하나이고, 제목에 조작할 컨트롤이 드러나며, 컨트롤이 평소 위치에 있는 이미지를 씁니다.

제목은 긴 문단보다 더 많은 일을 합니다. "오른쪽 위 모서리에서 Export를 선택합니다"는 클릭할 위치를 알려 줍니다. "Export the file"이라고만 쓰면 독자가 화면을 뒤져야 합니다. 조건과 주의 사항은 제목이 아니라 설명에 넣어서 제목을 훑어볼 수 있게 합니다.

움직임이 중요할 때는 화면 녹화 사용

정지 이미지로는 보여줄 수 없는 내용이 있습니다.

  • 드래그 앤 드롭, 제스처, 크기 조절 동작임
  • 애니메이션과 전환 효과, 그 안의 버그를 포함함
  • 키를 누르고 있는 시간, 동기화를 기다리는 시간 같은 타이밍임
  • 디자인 리뷰나 제품 데모처럼 음성으로 설명해야 하는 내용임

녹화는 첫인상을 전달하는 데도 맞습니다. 90초 개요 영상은 20단계 가이드가 주지 못하는 맥락을 줍니다. Mac에서는 Shift+Command+5 도구 막대와 QuickTime Player 모두 화면을 녹화할 수 있습니다.

90초 개요 계획하기

개요 영상은 독자가 작업을 시작하기 전에 제품이 무엇을 하는지 보여준다는 한 가지 목적을 가집니다. 90초 대본은 보통 세 개의 흐름으로 나뉩니다. 아래 타임라인은 시간을 나누는 한 방법을 보여줍니다.

90초 개요 녹화 타임라인: 0:00에 문제 제시, 0:15에 메인 화면, 0:40에 음성 해설과 함께 한 가지 동작, 1:05에 동작의 결과, 1:25에 마무리 문구와 가이드 위치.

각 구간에는 화면 하나와 동작 하나만 넣습니다. 설명하려면 두 번째 화면이 필요한 구간은 잘라냅니다. 그런 내용은 독자가 자기 속도로 화면을 전환할 수 있는 가이드에 넣습니다.

길이보다 타이밍이 더 중요합니다. 보통 속도로 읽는 해설은 분당 약 150단어이므로, 90초 개요에는 약 225단어의 음성 해설이 들어갑니다. 대본을 먼저 쓰고 소리 내어 시간을 잰 뒤, 말에 맞춰 화면을 녹화합니다. 화면을 먼저 녹화하고 나중에 해설을 붙이면 대개 영상이 길어지고, 그 과정에서 해설이 설명하는 동작이 잘려 나갑니다.

편집과 업데이트

소프트웨어 인터페이스는 계속 바뀝니다. 버튼의 위치가 바뀌면 가이드는 새 스크린샷 한 장과 수정할 문장 한두 줄이면 됩니다. 녹화는 해당 구간을 다시 촬영해야 하고, 음성 해설도 앞뒤 클립과 계속 맞아야 합니다.

편집 도구도 다릅니다. 스크린샷 편집기는 이미지 한 장마다 몇 초 안에 자르기, 흐림 처리, 단계 번호 매기기, 화살표 추가를 처리합니다. 영상 편집은 타임라인이 필요하고, 변경할 때마다 다시 내보내야 합니다. 자주 갱신하는 문서라면 스크린샷 문서를 최신 상태로 유지하는 방법을 참고합니다.

적용 예: 두 단계 변경

인터페이스에서 버튼 두 개의 위치가 바뀐 20단계 가이드를 예로 듭니다. 가이드는 스크린샷 두 장과 제목 두 개를 고치면 됩니다. 작업 시간은 약 10분입니다. 바뀐 두 상태를 캡처하고, 페이지 두 장을 교체하고, 이전 위치를 가리키는 인접 단계를 확인합니다.

번역에서도 같은 차이가 나타납니다. 두 번째 언어로 된 가이드는 번역된 제목과 설명이 필요하고, 라벨이 이미지 안에 없으면 스크린샷은 그대로 쓸 수 있습니다. 녹화는 새 음성 해설이나 자막이 필요하고, 인터페이스 언어가 해설 언어와 다르면 영상 안의 화면 텍스트도 다시 찍어야 합니다. 첫 촬영 전에 이를 계획합니다.

같은 변경을 3분짜리 녹화에 적용하면 두 단계가 들어 있는 구간 전체를 다시 찍어야 합니다. 그 구간이 40초이고 영상 가운데에 있다면, 재촬영, 자르기, 내보내기에 걸리는 시간은 처음 촬영하는 시간과 비슷합니다. 변경이 국소적인 경우에는 가이드가 모든 경우에서 수정 비용이 더 낮습니다.

개인정보 검토

공개하는 모든 프레임은 누군가가 일시정지해서 볼 수 있는 프레임입니다. 3분짜리 30fps 녹화에는 5,400개의 프레임이 있고, 1초 동안 뜬 알림은 그중 30개 프레임에 들어갑니다. 이를 찾아 흐림 처리하려면 타임라인을 훑어야 합니다.

15단계 가이드에는 점검할 이미지가 15장 있습니다. 흐림 도구로 이름이나 이메일을 가리는 데는 이미지 한 장당 몇 초면 되고, 모든 이미지를 한 번에 볼 수 있습니다. 흐림 처리와 데이터 삭제의 차이는 이미지 가리기에서 확인합니다.

점검 작업량 수치: 30fps의 3분짜리 녹화는 5,400개 프레임이고, 1초짜리 알림은 그중 30개 프레임에 나타나며, 15단계 가이드에는 점검할 이미지가 15장임.

두 형식에 모두 맞는 점검 순서는 텍스트, 이미지, 소리 순입니다. 가이드는 먼저 모든 제목과 설명을 읽습니다. 컨트롤 이름과 계정 이름이 자주 들어 있기 때문입니다. 그다음 각 이미지를 독자가 보는 크기로 엽니다. 녹화는 처음 10초와 마지막 10초를 보통 속도로 재생합니다. 시작 부분에는 개인 폴더가 보이는 바탕화면이 나오기 쉽고, 끝부분에는 알림이 나오기 쉽기 때문입니다.

가이드 점검은 정해진 목록으로 이미지를 하나씩 확인하므로 작업량이 고정됩니다. 녹화 점검은 시간에 따라 프레임을 확인하며, 놓친 프레임은 수백 밀리초 동안만 보일 수도 있습니다. 촬영 전에 점검 절차를 정하고, 실제 고객일 수 없는 샘플 이름처럼 테스트 데이터 규칙도 정합니다.

한 단계에 움직임이 필요하면 두 형식 함께 사용

많은 작업은 대부분 클릭이고, 열 드래그나 제스처처럼 까다로운 순간이 하나 있습니다. 가이드는 스크린샷으로 작성하고, 그 한 단계에 대해서만 10에서 20초 길이의 짧은 녹화를 추가합니다. 단계 설명에서 클립으로 링크를 겁니다.

독자는 훑어볼 수 있는 가이드를 유지하면서, 움직임이 도움이 되는 곳에서만 동작을 봅니다. 나중에 가이드를 수정해도 클립은 거의 건드리지 않습니다.

움직임 클립이 있는 가이드의 흐름: 단계를 스크린샷으로 작성하고, 움직이는 단계 하나를 녹화하고, 단계 설명에 클립을 연결한 뒤 클립을 붙여 가이드를 게시함.

클립을 녹화하려면 내장 Screenshot 앱에서 Shift+Command+5를 누르고 선택 영역에 대한 녹화 옵션을 고릅니다. 클립에는 해당 단계만 나와야 하므로, 게시 전에 시작 부분과 끝 부분을 잘라냅니다.

움직임 클립 녹화의 네 단계: 샘플 데이터를 초기화해 상태를 가이드와 맞추고, 선택 영역의 녹화를 시작하고, 움직이는 단계를 한 번의 촬영에서 두 번 수행하고, 촬영본을 10에서 20초로 자름.

시간에 따른 진행 상황을 Temposhot MP4로 만들기

Temposhot은 화면을 실시간으로 녹화하지 않습니다. 저장한 프레임으로 MP4를 만들며, 프레임 속도는 5, 10, 15, 24, 30, 60fps 중에서 고르고 기본값은 15fps입니다. 진행률 막대나 시간에 따라 채워지는 대시보드를 시간 간격을 두고 Auto Capture로 실행하면 상태가 어떻게 변하는지 보여줄 수 있습니다. 결과는 부드러운 움직임이 아니라 상태의 연속이므로, 단계적으로 바뀌는 상태에 맞습니다.

프레임 속도는 각 상태가 화면에 머물러야 하는 시간으로 고릅니다. 15fps에서는 저장된 프레임 한 장이 약 67밀리초 동안 보입니다. 한 상태를 1초 동안 유지하려면 실행에서 그 상태의 프레임을 약 15장 저장해야 합니다.

캡처 전에 형식 결정하기

시작하기 전에 다음 질문에 답합니다.

  1. 독자가 읽으면서 작업하는가? 그렇다면 가이드
  2. 어떤 단계가 움직임, 타이밍, 음성에 의존하는가? 그렇다면 그 단계를 녹화
  3. 몇 달 안에 인터페이스가 바뀌는가? 그렇다면 수정 비용이 낮은 가이드를 우선
  4. 결과를 검색, 인쇄, 번역해야 하는가? 그렇다면 가이드
  5. 목적이 설득이나 첫인상인가? 그렇다면 녹화

두 가지 예로 답이 어떻게 조합되는지 확인할 수 있습니다. 경비 제출은 9단계이며, 직원이 양식을 열어 둔 채 작업하고, 재무팀이 필드를 옮기면 바뀝니다. 답은 가이드를 가리키며, 수정 비용은 바뀐 필드당 스크린샷 한 장입니다. 새 제품의 온보딩 영상은 개요 하나와 드래그 앤 드롭 순간 하나가 있습니다. 답은 개요에는 녹화를, 드래그에는 클립을, 그 뒤의 설정 단계에는 가이드를 가리킵니다.

먼저 결정해야 하는 이유는 캡처 방식이 달라지기 때문입니다. 가이드는 단계마다 깨끗한 스크린샷 한 장이 필요하고, 녹화는 멈춤 없이 연습한 실행이 필요합니다.

스크린샷 가이드를 가리키는 답의 체크리스트: 독자가 읽으면서 작업함, 인터페이스가 자주 바뀜, 결과를 검색, 인쇄, 번역해야 함, 작업이 여러 단계임, 독자가 한 단계를 다시 찾아옴.

대부분의 답이 가이드를 가리키고 한 단계만 움직임이 필요하면, 그 단계에 클립을 붙인 가이드를 씁니다. 대부분의 답이 녹화를 가리키면, 개요는 녹화하고 단계는 가이드로 연결합니다.

Action Capture로 스크린샷 가이드 만들기

  1. 캡처 시작

    Command+3를 누르고, Start Action Capture를 선택한 뒤, Active Window, Full Screen, Specific Window, Capture Area 중 하나를 고릅니다.

  2. 작업을 한 번 수행

    보통 속도로 작업을 클릭하며 진행합니다. Temposhot은 허용된 클릭 직전의 대상 상태를 저장합니다. 클릭이 필요 없는 상태를 캡처하려면 Shift+Command+2를 누릅니다.

  3. 종료 후 검토

    떠 있는 도구 막대에서 Finish capture를 선택합니다. 단계는 Document로 열리며, 제목은 클릭한 요소에서 가져옵니다(예: Click "Save").

  4. 편집 및 내보내기

    불필요한 단계를 삭제하고, 설명을 추가하고, 개인 정보를 흐림 처리한 뒤 Export PDF를 사용합니다.

Action Capture recording clicks in another app as ordered steps

움직임이 필요 없는 가이드의 설정

가이드에는 각 클릭에 대한 명확한 표시와 컨트롤 이름이 드러나는 제목이 필요합니다. 아래 설정으로 이를 구성하며, 설정은 Mac에 저장되어 이후 실행에도 적용됩니다.

깔끔한 단계 가이드의 설정: 모든 마우스 클릭을 캡처, 클릭한 요소 제목 파싱 켜기, Circle 표시를 Medium으로, 클릭 캡처에서 커서 표시를 Mac Pointer Medium으로.

작업에 집계되면 안 되는 클릭이 많을 때는 Capture only while a key is held를 사용합니다. 예를 들어 독자에게 본문 패널만 필요한데 사이드바를 클릭하는 경우가 여기에 해당합니다. 이 설정은 단계가 저장되기 전에 클릭을 걸러냅니다. 클릭이 누락되면 가이드에 빈 곳이 생기므로 짧은 실행으로 시험합니다.

녹화 세션을 제어하는 키

이 단축키는 실행을 짧게 유지합니다. Temposhot 창으로 전환하지 않고도 동작하므로 작업에 집중할 수 있습니다.

가이드 녹화 중 사용하는 키보드 단축키: Command+3은 Action Capture를 열고, Shift+Command+2는 클릭이 없는 상태를 캡처하며, Command+period는 실행을 끝내고, Command+4는 나중에 Documents를 엽니다.

캡처 대상 선택

대상에 따라 실행에서 생성되는 페이지가 정해집니다. Active Window는 각 허용 클릭을 받은 창을 따라가므로, 브라우저에서 스프레드시트로 옮겨 가는 작업은 두 앱의 페이지를 모두 만듭니다. Specific Window는 실행 전체 동안 앱 하나를 유지합니다. Capture outside clicks를 켜면 그 창 바깥을 클릭해도 창이 단계로 저장됩니다. Capture Area는 화면의 사각형 영역을 고정하므로 큰 앱의 한 패널 안에서 하는 작업에 맞습니다. Full Screen은 선택한 디스플레이 하나를 메뉴 막대까지 포함해 캡처하므로, 바탕화면에서 시작하는 작업에 맞습니다.

모든 단계를 포함하는 가장 좁은 대상을 고릅니다. 좁은 대상은 이미지가 작아지고, 독자는 컨트롤 주변의 불필요한 화면 없이 컨트롤을 볼 수 있습니다.

재촬영을 줄이는 습관

첫 실행에는 흔히 멈춤, 불필요한 클릭, 너무 느리게 로드되는 페이지가 생깁니다. 몇 가지 습관으로 촬영 횟수를 줄일 수 있습니다. 이 습관은 가이드와 녹화 모두에 적용됩니다.

작업 녹화의 할 일과 하지 말 일 행: 캡처 없이 한 번 연습하기, 촬영 전 테스트 데이터 초기화하기, 채팅과 메일 닫기, 작업 중간에 멈추지 않기.

각 촬영은 같은 화면에서 시작해야 합니다. 매번 다른 대시보드에서 시작하는 가이드는 단계가 맞지 않고, 작업 중간에서 시작하는 녹화는 시작 부분에 화면이 끊기는 구간이 생깁니다.

자주 묻는 질문

스크린샷 가이드가 접근성에 더 좋은가요?

각 단계에 글로 된 설명이 있으면 텍스트 기반 가이드는 화면 낭독기와 함께 작동합니다. 녹화는 같은 독자에게 도달하려면 자막과 트랜스크립트가 필요합니다.

화면 녹화 튜토리얼은 얼마나 길어야 하나요?

영상 하나에는 작업 하나만 담습니다. 녹화를 쓸 수 있게 만들려면 챕터가 필요하다면, 보통 단계별 가이드가 더 나은 형식입니다.

녹화를 가이드로 바꿀 수 있나요?

영상에서 프레임을 내보내 캡션을 달 수 있지만, 프레임은 화면 전환 도중을 잡는 경우가 많습니다. 클릭마다 스크린샷 한 장씩 작업을 다시 캡처하면 더 깔끔한 단계를 얻습니다.

가이드에 마이크가 필요한가요?

필요하지 않습니다. 가이드는 설명을 제목과 설명에 담습니다. 단계가 어조나 실시간 시연에 의존할 때만 음성 설명을 추가합니다.

가이드 하나에 몇 단계를 넣어야 하나요?

가이드 하나는 작업 하나로 유지하고 약 25단계 미만으로 둡니다. 그보다 길면 가이드가 잘 맞지 않는 경우 절에서 설명한 대로 인계 지점이나 시스템 변경 지점에서 가이드를 나눕니다. 나눈 가이드를 부분당 8에서 12단계로 구성하면 변경이 한 부분에만 영향을 주어 수정하기 쉽습니다.

움직임 클립은 얼마나 길어야 하나요?

10에서 20초면 움직이는 단계 하나를 담기에 충분합니다. 더 긴 클립에는 대개 두 번째 단계가 들어 있으며, 그 단계는 스크린샷으로 가이드에 넣어야 합니다. 움직이는 부분이 처음 2초 안에 시작하도록 자릅니다. 빈 화면으로 시작하는 클립은 독자가 보기를 멈추기 때문입니다.

지원 티켓에서 녹화가 가이드를 대신할 수 있나요?

녹화는 질문 하나에 답할 수 있지만, 독자는 단계를 찾으려고 처음부터 끝까지 봐야 합니다. 가이드는 독자가 자기 화면과 맞는 단계로 바로 이동하게 합니다. 반복되는 답변에는 가이드를, 일회성 안내에는 녹화를 보내고, 답변에 한 단계를 위한 클립이 있으면 둘 다 링크합니다.

가이드에서 영상으로 링크해야 하나요?

움직임이 필요한 단계 하나에는 그렇게 합니다. 링크는 해당 단계의 설명에 넣고, 나머지 가이드에는 영상 링크를 넣지 않아 독자가 순서에서 벗어나지 않게 합니다.

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

Action Capture로 다음 가이드를 캡처한 뒤 Document 편집기에서 마무리합니다. 캡처 방식의 비교 자체는 수동 스크린샷과 클릭 캡처 비교를 참고합니다.

documentationtutorialsscreen-recordingaction-capture

여기서 사용한 용어: visual documentation

반복되는 스크린샷을 완성된 결과물로 만듭니다

Temposhot은 타이머 또는 클릭할 때마다 캡처하고, 결과를 PDF, 이미지, ZIP 또는 MP4로 내보냅니다.

관련 글