처음 만드는 사람을 위한 이러닝 스토리보드 작성법

스토리보드를 처음 만들 때 가장 어려운 점은 어디까지 적어야 하는지 알기 어렵다는 것입니다. 원고를 모두 넣으면 화면이 복잡해지고, 너무 많이 줄이면 설명이 부족해 보입니다.

이 글은 긴 원고를 받아 빈 스토리보드 앞에 앉은 사람이 순서대로 따라 할 수 있도록 구성했습니다. 디자인 경험이 없어도 괜찮습니다. 먼저 학습 흐름을 정리한 뒤 화면에 필요한 내용을 하나씩 채우면 됩니다.

30초 요약

학습목표를 한 문장으로 적고 → 원고의 핵심을 표시하고 → 한 화면에 한 가지 역할만 배정하고 → 화면 문구와 나레이션을 나눈 뒤 → 처음 보는 사람의 입장에서 다시 읽어보세요.

이 글이 필요한 분

• 이러닝 스토리보드를 처음 작성하는 분
• 강의 원고를 화면 단위로 나누기 어려운 분
• 화면 문구와 나레이션을 어떻게 구분할지 고민하는 분

전체 흐름 한눈에 보기

구간	할 일	완성되는 것
1. 방향 잡기	학습목표와 준비자료 확인	무엇을 가르칠지 결정
2. 내용 나누기	원고 표시와 화면 역할 구분	화면의 전체 순서
3. 화면 설계하기	문구·나레이션·자료·동작 작성	화면별 스토리보드
4. 검수하기	학습자 관점으로 다시 읽기	제작 가능한 최종안

이제 각 구간을 일곱 단계로 나누어 살펴보겠습니다.

1. 방향을 잡습니다

1단계. 학습 후 할 수 있어야 하는 일을 적습니다

원고를 바로 화면에 옮기지 마세요. 먼저 학습이 끝난 뒤 학습자가 무엇을 할 수 있어야 하는지 한 문장으로 적습니다.

예를 들면 다음과 같습니다.

학습자는 좋은 스토리보드의 필수 항목을 구분하고, 주어진 원고를 화면 단위로 나눌 수 있다.

이 한 문장이 내용을 넣고 빼는 기준이 됩니다. 목표를 달성하는 데 꼭 필요한 내용은 남기고, 관련이 적은 내용은 보충자료로 옮깁니다.

2단계. 필요한 자료를 한곳에 모읍니다

다음 자료를 먼저 확인하세요.

• 전체 원고와 참고자료
• 교육 대상과 학습 시간
• 학습목표와 평가 방법
• 사용할 수 있는 이미지·영상
• 정해진 화면 크기나 제작 양식

모든 자료가 준비되지 않았더라도 시작할 수 있습니다. 다만 모르는 내용을 추측해서 채우지 말고 확인 필요라고 표시해 두세요.

2. 원고를 화면으로 나눕니다

3단계. 원고의 핵심을 표시합니다

처음부터 화면 수를 정하면 원고의 문단 수에 끌려가기 쉽습니다. 원고를 한 번 읽으며 다음 다섯 가지를 먼저 표시하세요.

1. 꼭 기억해야 할 개념
2. 이해를 돕는 예시
3. 순서대로 따라야 하는 절차
4. 서로 비교해야 하는 내용
5. 실수하기 쉬운 주의사항

표시가 끝나면 비슷한 내용끼리 묶습니다. 긴 문단 하나가 여러 화면으로 나뉠 수도 있고, 떨어져 있던 두 문단이 한 화면으로 합쳐질 수도 있습니다.

4단계. 한 화면에 한 가지 역할을 줍니다

한 화면에서 설명과 비교, 연습을 모두 시키면 무엇에 집중해야 할지 알기 어렵습니다. 화면마다 역할을 하나씩 정하세요.

화면의 역할	알맞은 구성
관심 끌기	질문, 짧은 상황, 경험 떠올리기
개념 설명하기	핵심 문장, 그림, 쉬운 예시
순서 안내하기	단계도, 시연, 체크리스트
차이 비교하기	비교표, 좋은 예와 나쁜 예
직접 확인하기	퀴즈, 선택 활동, 피드백
내용 정리하기	핵심 요약, 적용 질문

화면 제목에는 주제만 쓰지 말고 그 화면의 결론을 담는 것이 좋습니다.

• 주제만 있는 제목: 스토리보드의 개념
• 결론이 보이는 제목: 스토리보드는 화면 제작을 위한 설계도입니다

3. 화면 내용을 설계합니다

5단계. 화면 문구와 나레이션을 나눕니다

화면의 긴 문장을 나레이션으로 그대로 읽으면 같은 내용을 눈과 귀로 동시에 처리해야 합니다.

• 화면 문구: 핵심어, 결론, 순서를 짧게 보여줍니다.
• 나레이션: 화면 문구의 의미와 맥락을 자연스럽게 설명합니다.

나레이션이 끝난 뒤에도 기억해야 하는 내용은 화면에 남기세요. 반대로 화면을 보기만 해도 알 수 있는 내용은 나레이션에서 반복하지 않아도 됩니다.

6단계. 그림과 동작에는 이유를 적습니다

관련 이미지 삽입이라고만 쓰면 사람마다 다른 이미지를 떠올립니다. 무엇을 왜 보여주는지 적어야 합니다.

• 모호한 지시: 관련 이미지 삽입
• 분명한 지시: 왼쪽에는 긴 원고, 오른쪽에는 정리된 화면을 배치해 원고가 화면으로 바뀌는 과정을 보여준다.

클릭이나 애니메이션도 많을수록 좋은 것은 아닙니다. 학습자가 순서를 살펴보거나, 차이를 비교하거나, 직접 판단할 때만 사용하세요.

4. 처음 보는 사람처럼 검수합니다

7단계. 제목부터 끝까지 다시 읽습니다

마지막에는 작성자의 입장이 아니라 이 내용을 처음 접하는 사람의 입장에서 확인하세요.

• 제목만 읽어도 전체 흐름이 이어지나요?
• 한 화면의 핵심을 한 문장으로 말할 수 있나요?
• 처음 나오는 용어를 설명했나요?
• 화면 문구와 나레이션이 같은 문장을 반복하지 않나요?
• 표와 그림이 이해를 돕고 있나요?
• 클릭해야 하는 위치와 방법이 분명한가요?
• 모바일에서도 글과 버튼을 편하게 볼 수 있나요?

가능하면 나레이션은 소리 내어 읽어보세요. 문장이 너무 길거나 앞뒤 연결이 어색한 부분을 쉽게 찾을 수 있습니다.

예시: 원고 한 문장을 화면으로 바꾸는 방법

다음 원고를 한 화면으로 만든다고 가정해 보겠습니다.

스토리보드는 원고의 내용을 화면 문구와 나레이션, 시각자료, 동작 지시로 구분하여 제작자가 같은 결과를 만들 수 있도록 돕는 문서입니다.

항목	작성 예시
화면 제목	스토리보드는 화면 제작을 위한 설계도입니다
화면 문구	화면 문구 · 나레이션 · 시각자료 · 동작 지시
나레이션	한 화면에서 보이고 들리고 작동할 내용을 나누어 기록합니다.
시각자료	원고가 네 가지 화면 요소로 나뉘는 과정을 도식으로 표현
동작	네 가지 요소를 순서대로 강조

원고를 그대로 줄이는 대신, 화면에서 보여줄 내용과 귀로 설명할 내용을 나누는 것이 핵심입니다.

바로 복사해 쓰는 화면 작성 틀

아래 항목을 화면마다 한 번씩 채우면 기본 스토리보드를 만들 수 있습니다.

화면 번호:
화면 제목:
이 화면에서 이해할 것:
화면에 보이는 글:
나레이션:
그림 또는 표:
클릭·재생 등 동작:
참고자료와 출처:
확인이 필요한 내용:

마지막으로 네 가지만 확인하세요

시간이 부족하다면 각 화면에서 다음 질문에만 답해보세요.

1. 이 화면에서 무엇을 이해해야 하나요?
2. 화면에 무엇이 보여야 하나요?
3. 나레이션은 무엇을 설명해야 하나요?
4. 학습자는 무엇을 해야 하나요?

이 네 가지가 분명하면 디자인과 세부 동작은 그다음에 정해도 됩니다. 좋은 스토리보드는 내용이 많은 문서가 아니라, 처음 보는 사람도 학습 흐름을 쉽게 따라갈 수 있는 문서입니다.