블로그

스크린샷과 짧은 영상으로 고객 지원 세션 기록하기

게시 · 고객 지원, 스크린샷, 개인정보 보호, 워크플로

스크린샷과 짧은 영상으로 고객 지원 세션 기록하기

지원 팀이 문제 상황을 일관되게 기록하는 방법: 상태에 주석 달기, 고객 데이터 가리기, 짧은 재현 영상 녹화, 하나의 링크로 공유하기.

좋은 지원 답변은 문제를 설명하는 대신 보여 줍니다. 티켓을 해결하는 답변과 다섯 통짜리 대화를 시작하는 답변의 차이는 대개 주석이 달린 스크린샷 하나, 그리고 움직임이 관련된 문제라면 짧은 녹화 하나입니다. 이를 빠르게 처리하는 반복 가능한 절차를 소개합니다.

1단계: 무엇이 문제를 증명하는지 정하기

무엇이든 캡처하기 전에 고객이 봐야 할 한 가지를 정하세요. 오류 배너, 비활성화된 버튼, 잘못된 합계 같은 것입니다. 이것을 정하지 못하면 스크린샷은 UI의 벽이 되고 고객도 어디를 봐야 할지 모릅니다.

두 가지 질문이 형식을 결정합니다.

  • 상태에 관한 문제인가, 변화에 관한 문제인가? 이미 체크된 체크박스나 잘못된 값이 들어간 필드 같은 상태는 정지 이미지로 보여 주는 것이 가장 좋습니다.
  • 타이밍에 달려 있나요? 끝나지 않는 스피너, 너무 빨리 닫히는 메뉴, 깜빡이는 애니메이션은 몇 초의 영상이 필요합니다.

2단계: 한 번에 캡처하고 주석 달기

INSNAP에서 단계에 주석을 다는 화면 · 1280 × 800

InSnap에서는 먼저 저장하고 나중에 주석을 다는 방식이 아닙니다. 캡처 화면이 열릴 때 주석 도구가 이미 화면에 있습니다.

  1. Mac에서는 Command-1, Windows에서는 Ctrl+1을 누르고 관련 영역 주위로 상자를 드래그하세요.
  2. 도구 모음에서 번호를 선택하고 고객이 봐야 할 순서대로 지점을 클릭하세요. 번호는 텍스트가 붙은 화살표보다 번역과 언어에 더 잘 견딥니다.
  3. 번호만으로 부족한 곳에는 텍스트를 추가하고, 필드나 버튼을 표시하려면 도형을 사용하세요.
  4. 결과를 복사하거나 저장하세요. 주석은 내보내는 픽셀에 그대로 렌더링되므로 보내는 내용이 곧 고객이 보는 내용입니다.

유용한 원칙이 있습니다. 스크린샷 한 장에 번호는 세 개를 넘기지 마세요. 여섯 개가 필요하다면 스크린샷 두 장이나 녹화가 필요한 경우일 것입니다.

3단계: 화면 밖으로 나가기 전에 고객 데이터 가리기

지원용 스크린샷에는 이름, 이메일 주소, 계정 번호, 내부 ID가 흔히 들어갑니다. 고객에게 무시해 달라고 하지 말고 이미지 자체에서 가리세요.

  • 모자이크는 이름과 숫자에 강한 설정으로 적용하세요. 한눈에 가려졌다는 것이 보입니다.
  • 흐림 효과는 더 부드럽고 약하므로 위험이 낮은 세부 정보에만 사용하세요.
  • 단색 덮어쓰기는 불투명한 색으로 채운 도형으로, 비밀번호, 토큰, 카드 번호처럼 전달되고 싶지 않은 모든 것에 사용하세요. 더 좋은 방법은 캡처에서 아예 잘라 내는 것입니다.
  • 모서리까지 확인하세요. 창 제목, 브라우저 탭, 북마크, 알림 팝업은 집중했던 영역보다 더 많은 정보를 흘립니다.

한 번의 답변이 아니라 여러 단계로 된 가이드를 만든다면, InSnap의 가이드 편집기에서 같은 영역을 모든 단계에 한 번에 모자이크 처리할 수 있습니다(Pro). 단계마다 손보는 것보다 빠르고 실수도 적습니다.

스크린샷과 짧은 영상으로 고객 지원 세션 기록하기

4단계: 도움이 될 때만 짧은 재현 영상 녹화하기

정지 이미지로 문제를 보여 줄 수 없을 때는 15~30초를 녹화하세요. 더 긴 클립은 잘 보지 않습니다. InSnap에서는 캡처 도구 모음에서 녹화를 선택한 뒤 빠른 녹화를 고르면 편집 단계 없이 바로 파일로 저장됩니다.

소리가 버그의 일부라면 시스템 오디오를 켜고, 내레이션이 있을 때만 마이크를 켜세요. 둘 다 선택 사항이며, 지원 스레드에는 오히려 무음 클립이 나을 때가 많습니다. 브라우저에서 안전하게 자동 재생되기 때문입니다.

GitHub 이슈나 내부 티켓에는 동영상보다 GIF가 삽입하기 쉬울 때가 있습니다(Pro). 고객에게 보낼 때는 일반 MP4가 이메일 클라이언트와 휴대폰에서 더 호환성이 좋습니다.

5단계: 증거를 중심으로 답변 작성하기

답변을 먼저 쓰고 증거를 붙이세요.

  • 무슨 일이 일어나고 있는지 한 문장으로 설명합니다.
  • 번호가 매겨진 스크린샷이나 클립을 첨부합니다.
  • 고객에게 필요한 것이 있다면 짧게 목록으로 적습니다.

고객이 무언가를 보내야 한다면 구체적으로 요청하세요. '자세한 내용'보다 '저장을 클릭한 뒤 화면의 스크린샷'이 낫습니다. 보내기 전에 개인 정보는 가려 달라고 부탁하세요.

6단계: 스레드를 다시 찾을 수 있게 남기기

푸는 데 20분이 걸린 티켓 때문에 다음 주에 같은 작업을 다시 하면 안 됩니다.

  • InSnap 기록에서 캡처에 티켓 ID 태그를 붙여 다음 담당자가 검색으로 찾을 수 있게 하세요.
  • 알려진 문제를 기록한 스크린샷은 즐겨찾기하세요.
  • 오류 메시지가 어렴풋이 기억날 때는 기록의 텍스트 검색을 사용하세요.
  • 티켓 외부의 사람과 공유해야 한다면 InSnap Cloud로 캡처를 만료 날짜와 선택적 비밀번호가 있는 링크로 바꿀 수 있습니다. 링크는 브라우저에서 열리며 받는 사람은 InSnap 계정이 필요 없습니다.

Cloud는 선택 구독이며 위의 어떤 작업에도 필요하지 않습니다. 로컬 워크플로는 Cloud 없이도 작동합니다.

자주 묻는 질문

고객 지원 답변에는 스크린샷과 화면 녹화 중 무엇을 써야 하나요?

둘 다 쓰되 용도가 다릅니다. 고객이 비교해야 하는 상태에는 정지 이미지를 쓰고, 타이밍이 문제일 때만 15~30초 클립을 쓰세요. 긴 녹화는 피하세요. 거의 보지 않습니다.

지원 스크린샷에서 고객 데이터를 어떻게 가리나요?

이름과 숫자에는 강한 설정의 모자이크를, 비밀번호와 토큰에는 불투명한 단색 덮어쓰기를 사용하거나 해당 영역을 완전히 잘라 내세요. 주요 영역뿐 아니라 창 제목, 탭, 알림도 확인하세요.

고객이 공유 링크를 보려면 InSnap 계정이 필요한가요?

아니요. Cloud 공유 링크는 일반 브라우저에서 열립니다. 링크에는 만료 날짜와 선택적 비밀번호를 설정할 수 있으며, Cloud 구독은 InSnap Pro와 별개입니다.

다음 스크린샷은 단축키 하나면 됩니다.

macOS 14.4+(Apple 실리콘 및 Intel) · Windows 10+(64비트)