[iSpring Suite]온라인 과정(이러닝)을 계획하는 방법 💡

온라인 과정을 계획하는 방법💡

여러분이 미로에 갇혔다고 상상해 보세요. 만약 여러분이 탈출구를 찾는 데 도움이 되는 한 가지 항목을 선택할 수 있다면, 그것은 무엇일까요? 아마도, 여러분은 지도를 원하실 거예요.

이제 ‘미로’를 하나의 이러닝 과정이라고 상상해 보세요. 어디서부터 시작해야 할까요? 팀의 모든 구성원에게 자신이 무엇을 해야 하는지, 언제 과정을 개설해야 하는지 등을 어떻게 알려줘야 할까요?

이때 '지도'는 이러닝 스토리보드이며, 이러닝 기획, 개발 중에 종종 어렵거나 의도에 맞지 않게 구성을 하는 부분들에 대해서 지금부터 안내해드리도록 하겠습니다.




강의를 설계함에 있어서 스토리보드란? 📋

이름에서 바로 알 수 있듯이 스토리보드는 교육 과정에 대한 전반적인 이야기를 담고 있습니다. 교육 설계자나 교육 개발자가 자신이 만들려는 이러닝 과정의 프레임워크를 설명하는 문서, 슬라이드 데크 또는 프로토 타입입니다.

강의 설계 원리는 스토리보드 프로세스를 안내해야 합니다. 이는 예를 들어 대화와 상호 작용을 사용하여 학습자가 참여하는 방식으로 강의 내용을 구성하고 제시하는 데 도움이 됩니다. 또한 강의 설계자는 학습자와 시각적으로 연결하는 방법을 고려해야 합니다. 사진, 아이콘, 차트, 인포그래픽 또는 애니메이션 중 어떤 것이 여러분들의 학습 목표를 가장 도움을 많이 줄지 고민이 필요합니다.




스토리보드를 이러닝에 사용하는 이유 🤔

과정 설계 프로세스에서 스토리보드를 사용해야 하는 여러 가지 이유가 있습니다. 이러닝 과정 설계를 계획하는 것과 같이 분명하기도 하지만, 이 과정을 통해서 우리가 고려하지 못한 부분들을 발견할 수 있습니다.




이러닝 스토리보드를 사용하는 주요 이유를 살펴보겠습니다: 😲

[훈련을 위한 설계를 시각화해야 합니다.]

스토리보드의 핵심은 훈련이 최종 형태로 어떻게 보이고 작동하는지를 통해 보여줘야 하는 것입니다. 사용할 이미지의 종류, 학습자에게 제공할 사용자 인터페이스의 유형, 청중을 사로잡을 애니메이션과 상호 작용을 지정할 수 있습니다.


[팀 협업 지원]

이러닝 스토리보드를 사용하여 주제 전문가, 프로젝트 관리자, 그래픽 디자이너 및 기타 팀원이 프로젝트를 검증할 수 있습니다.


[강의를 설계할 때, 부족한 부분들을 파악할 수 있습니다.]

스토리보드의 가장 좋은 점 중 하나는 화면에서 일어날 일을 미리 예측할 수 있고, 학습자가 교육을 위한 상호 작용을 어떻게 할 것인지에 대해 시각화할 수 있습니다. 또한 이러닝 설계의 약점을 파악할 수 있다는 것입니다. 미리 학습자가 되어 스토리보드를 살펴봄으로써 개선되거나 수정될 수 있는 많은 것을 발견할 수 있습니다.


[시간 절약이 가능합니다.]

스토리보드는 이러닝 콘텐츠 구축을 즉시 시작하고 변경할 수 있으면, 한편으로는 많은 작업이 필요한 것처럼 보일 수 있습니다. 스토리보드는 시간이 걸리지만 그만큼 우리의 실수나 문제점들을 줄여줄 수 있습니다. 개발이 시작된 후 주요 변경 사항이 발생하면 전체 설계를 승인하면 나중에 많은 비용이 드는 실수를 절약할 수 있습니다. 장기적으로 스토리보드는 더 큰 프로젝트에 대한 모든 사람의 시간을 절약하고 이러닝 프로젝트 관리를 용이하게 할 것입니다.




강의 설계를 하기 위한 스토리보드의 예 👩‍🏫

단일 크기의 스토리보드는 없지만 기본으로 사용하고 필요에 따라 조정할 수 있는 업계 표준 유형과 스토리보드 방법이 있습니다. 개발자는 이러한 프로그램에 액세스할 수 있고 사용하기 쉽기 때문에 강의 설계 스토리보드를 구축하는 데 워드 및 파워포인트를 선호합니다. 각기 다른 이러닝 스토리보드 사례를 하나씩 살펴보고 각 사례를 통해 주요 이점들을 알아보도록 하겠습니다.


[워드 / 페이지]

교육 설계자가 대부분의 그래픽을 처리하는 설계 리소스를 가지고 있는 경우 워드 스토리보드 템플릿(텍스트 기반)을 사용하는 것을 고려할 수 있습니다.


과정의 시각적인 요소들이 이미 설정된 경우에는 워드 스토리보드를 사용하는 것도 좋습니다. 예를 들어, 조직에서 승인된 브랜드와 색상이 포함된 슬라이드 스토리보드 템플릿 및 기업이 만족하는 이전 이러닝 과정이 개발되었으며 템플릿 파일을 사용할 수 있습니다. 

또 다른 고려 사항은 중소기업과 심사자의 기술적 소양입니다. 그들은 기술적으로 어려움을 겪고 있습니까, 아니면 정말로 시간이 부족할까요? 대부분의 사람들은 큰 문제 없이 워드 문서를 열고 검토할 수 있습니다.

워드 스토리보드는 일반적으로 열과 행이 있는 페이지 레이아웃을 가지고 있습니다. 아래 이미지는 어떻게 상대방에게 보일지 알려주는 좋은 예입니다.



다음은 워드의 교육 설계 스토리보드 샘플에 포함된 내용입니다. 


  • 화면 제목 및 번호(#)
  • 각 화면에서 사용할 미디어 파일
  • 시각적 지침/개발자 참고(그래픽 작동 방식, 슬라이드 진행 방식 및 이 화면 이후 학습자의 이동 방향에 대한 설명이 포함)
  • 페이지/미디어 텍스트(화면에 나타나는 모든 텍스트인 화면)
  • 오디오 파일 내레이션 – 음성을 만드는 데 사용할 스크립트



[파워포인트 / 키노트]

시각적인 스토리보드라고도 알려진 이것들은 보통 파워포인트에 내장되어 있습니다. 본질적으로 이것들은 학습자가 화면에서 무엇을 볼 것인지에 더 초점을 맞추고 그래픽과 시나리오를 시각화하고 구축하는 데 도움을 줄 수 있습니다.


검토자에게 화면에 표시할 계획을 명확히 보여주고 싶을 때 사용하는 것을 고려할 수 있습니다. 검토자가 스토리보드를 처음 사용하거나 레이아웃과 그래픽이 이전 온라인 과정에서 사용한 표준과 다를 경우 시각적 이러닝 스토리보드 템플릿을 만드는 것이 많은 시간과 재작업을 절약할 수 있습니다. 또한 이러닝 개발자로서 과정의 레이아웃과 그래픽을 주로 담당할 때 시각적 스토리보드를 사용하는 것을 고려할 수 있습니다.


아래 이미지는 시각적 스토리보드 템플릿이 어떻게 보일 수 있는지 보여주는 예입니다.



파워포인트의 교육 설계 스토리보드 내용 주요 사항은 아래와 같습니다. 


  • 개발자 참고 사항: 화면에 나타나는 작업 방식
  • 이미지 : 자리 표시자 또는 실제 이미지
  • 아티스트에 대한 참고 사항: 개발자가 이미지를 만들 수 있도록 참고할 그래픽 자산
  • 화면 제목/번호
  • 수업 및 주제


시각적인 스토리보드에 포함할 수 있는 다른 항목으로는 내비게이션 표시 및 버튼, 내레이션 스크립트 등이 있습니다. 파워포인트에서 스톡 사진 또는 스마트 아트를 사용하여 차트 및 인포그래픽의 간단한 목업을 제공할 수 있습니다.


다음은 시각적 이러닝 스토리보드의 또 다른 예입니다:



이 예에서는 다음과 같은 정보를 제공합니다 화면 제목(왼쪽 상단) 목업 그래픽(타임라인) 개발자 지침(우측 상단) 음성/내레이션 스크립트(우측 하단) 배경 그래픽이 이미 슬라이드에 추가되었습니다.



프로토 타입

빠른 프로토 타이핑은 내레이션과 애니메이션으로 완성된 슬라이드 또는 상호 작용의 대략적인 버전을 구축하는 것입니다. 계획된 작업을 스토리보드 하는 대신 슬라이드의 빠른 버전을 구축하여 검토자에게 피드백을 제공합니다. 이 작업은 이러닝 저작 도구, UX 프로토 타이핑 소프트웨어 또는 포토샵을 통해 수행할 수 있습니다.


아래 예는 제작 도구를 통해 작성된 프로토타입을 보여줍니다.



언제 프로토타입을 선택할 수 있을까요? 검토자의 경험, 제안된 과정의 외관 및 느낌도 중요합니다. 예를 들어, 새로운 고객을 위해 대규모 과정을 구축하는 경우 초기에 여러 슬라이드와 상호 작용할 수 있도록 구축하여 고객이 과정의 모습과 느낌에 대한 비전을 경험할 수 있도록 하는 것이 좋습니다.


복잡한 상호 작용을 위해 프로토타입을 선택할 수도 있습니다. 예를 들어, 상당히 복잡한 분기 시나리오를 구축하고 있는데 검토자가 한 번도 분기 시나리오를 경험한 적이 없다면, 프로토 타입을 구축하여 학습자가 경험한 것처럼 경험할 수 있도록 하십시오. 이렇게 함으로써 팀을 학습자 피드백을 수신하고 콘텐츠나 레이아웃을 더욱 정교화하는 데 도움이 됩니다.




이러닝 스토리보드의 구성 요소🗄

위 예제에서 이미 이러닝 스토리보드에 포함될 수 있는 구성 요소 중 일부를 알아보았습니다. 여기의 주요 구성 요소가 무엇이며 이를 포함하고자 하는 이유에 대해 자세히 살펴봅니다.


화면/슬라이드 번호

슬라이드/화면 번호를 정하는 방법은 프로젝트 전반에 걸쳐 일관성을 유지하고 다른 사람들이 혼동하는 것을 방지합니다. 예를 들어 'OB_M1_S2_T1_1'과 같은 것이 될 수 있습니다. 조금 헷갈릴 것 같지 않나요? 전체 문장으로 세분화하여 알아보도록 하겠습니다.



이제 특정 슬라이드에 대해 개발자에게 편집을 지시하거나 검토자에게 편집을 다시 확인하도록 지시해야 할 경우 검토를 위한 프로세스가 훨씬 더 쉬워집니다. 과정의 구조에 따라 가장 적합한 자신만의 이름을 정할 수 있는 규칙을 만들 수 있습니다.


슬라이드 제목/이름

슬라이드의 'Title' 행이 표시되거나 'Jump page', 'Closing slide' 등의 슬라이드 설명이 될 수 있습니다. 어떤 방식을 사용하든지 일관성을 유지해야 합니다.


화면 텍스트 및 요소

스토리보드에서 상당한 공간을 차지하며, 일반적으로 강의 내용의 주요 부분입니다. 일반적으로 슬라이드에 보이는 모든 텍스트가 포함되며, 원하는 대로 작성하고 표시할 순서대로 정확히 나타나야 합니다.


그래픽 및 애니메이션

견본 이미지를 토대로 그래픽 목업을 만들거나, 디자이너/애니메이터에게 원하는 작업을 간단히 설명할 수 있습니다.

  • 가능하면 실제 큰 크기 이미지의 썸네일을 사용합니다. 
  • 애니메이션을 사용하는 경우 타이밍을 포함하여 애니메이션에 표시되는 내용에 대한 전체 설명을 제공합니다.


내비게이션

사용자가 화면에서 특정 요소를 클릭한 후 선택할 경로를 설명을 해야 할 수도 있습니다. 예를 들어, 다음 슬라이드, 이전 슬라이드, 특정 슬라이드로 이동, 팝업 형식으로 이동, 퀴즈 시작 등입니다.


분기

더 복잡한 이러닝 과정을 종종 분기를 포함합니다. 이것은 사용자의 선택이 다음에 나타날 화면을 결정하는 경우입니다. 이것은 주제에 대한 추가 정보에 액세스하기 위한 결정일 수도 있고, 질문이나 상호 작용을 위해 그들이 주는 대답일 수도 있습니다. 계기가 무엇이든 사용자가 다음에 어디로 연결되어야 하는지 개발자에게 명확하게 설명해야 합니다.


개발자 노트

개발자가 스토리보드에 있는 내용을 이러닝 콘텐츠로 변환하는 데 도움이 되는 모든 내용을 포함합니다.


오디오 내레이션 스크립트

음성에 사용될 내레이션 텍스트입니다. 나중에 불필요한 변경 및 문제가 발생하지 않도록 프로젝트 소유자가 별도로 승인하도록 하는 것이 좋습니다.




이러닝 스토리보드를 만드는 방법 💡

이제 필요한 배경 정보들에 대해 알게 되었습니다. 즉, 지금 바로 이러닝 스토리보드 제작을 시작할 수 있습니다. 아래 이미지를 통해 이러닝 스토리보드 제작 시 참고해 주세요.




[1단계] 요구 평가 

프로젝트에 따라 이 단계는 강의 설계자에 의해 분석 단계에서 이미 완료됐을 수 있습니다. 해당 단계에서는 학습 및 개발 프로젝트의 타깃을 고려하고 학습 목표를 식별할 수 있어야 합니다.



[2단계] 수업 기법/설계 접근 방식 결정

이제 학습자에게 콘텐츠를 어떻게 제시할 것인지에 대해 생각해 볼 시간입니다. 스토리텔링, 시나리오 기반 접근, 내레이션 인포그래픽 또는 다양한 콘텐츠 유형의 조합을 어떻게 보여줄 수 있을까요?

과정을 모듈, 섹션 및 주제로 어떻게 나눌지 아직 결정하지 않았다면 지금이 과정 개요를 파악할 때입니다. 이 단계에서는 활용할 수 있는 이전 분석의 결과들의 과정 개요를 검토해 볼 수 있길 바랍니다.


[3단계] 콘텐츠 수집 및 정리

이 단계에서는 어떤 리소스로 작업해야 하는지 고려하십시오. 어떤 참조 자료나 학습 자료가 제공되었나요? 예를 들어 사진, 그래픽, 차트, 소프트웨어 시뮬레이션 등 어떤 자료를 사용할 수 있을까요? 이 자료를 쉽게 찾고 정리할 수 있도록 이름을 만들 때 규칙을 정해 만들거나 저장하는 것이 도움이 됩니다. 또한 과정에 대한 이야기를 전하기 위해 포함해야 할 구성 요소를 결정해야 합니다. 권장 목록은 이전 섹션에서 참고할 수 있습니다.


[4단계] 스토리보드 템플릿 선택

처음 세 단계에서 수행한 작업에 따라 사용할 이러닝 스토리보드 템플릿 유형을 결정할 준비가 되어 있어야 합니다.


[5단계] 내용 추가 및 순서 지정

이때부터 실제 작업이 시작됩니다. 콘텐츠를 추가하거나 선택한 스토리보드 유형의 화면 또는 텍스트 열에 시퀀스를 배치하며 콘텐츠의 순서를 고려합니다.

상호 작용, 스크립트, 진행, 탐색, 분기 및 설계 세부 정보를 추가합니다. 예를 들어, 학습자가 슬라이드를 확인하지 않거나 끝낼 때 그다음은 어떻게 해야 할까요? 그렇다면 스토리보드에 분기 옵션을 추가해야 할 수도 있습니다.


[6단계] 제작 도구 선택

이 단계를 수행할 때까지 완벽한 이러닝 스토리보드와 시각적 모양과 과정에서 사용할 상호 작용 수준에 대한 좋은 아이디어가 제공됩니다. 이때 제작 도구를 선택할 때입니다. 이 소프트웨어는 비전을 실현할 수 있도록 지원하므로 조사를 수행하고 해당 작업에 적합한 도구를 선택하십시오.

제작 도구를 이미 염두에 두었거나 정한 것이 없다면 우선 제작 도구를 결정해야 할 때입니다.


제작 도구를 선택할 때는 다음과 같은 질문을 해야 합니다.


  • 스토리보드에 있는 내용이 빠르고 효과적으로 개발되는 데 도움이 되고 있나요? 
  • 좀 더 쉽게 만드는 기능은 무엇입니까? 내 스토리보드를 통해 이러닝 상호 작용이 가능한가요? 이것을 개발하는 데에 있어 시간이 많이 걸릴 수 있습니다. 스토리보드에 개발 속도를 늦출 수 있는 것이 있나요? 
  • 제작 도구를 사용하면 더 빨리 작업할 수 있을까요? 스토리보드나 계획된 설계에서 대화 시뮬레이션이 어떻게 구현이 될지는 모르지만 개발자가 어떻게 이 작업을 실행할지 확인이 필요합니다.


효율적인 대화형 코스를 만들고 싶다면 아이스프링 스위트(iSpring Suite)를 사용해 보십시오. 스토리보드를 쉽게 활성화하고 코스 제작 속도를 크게 높일 수 있는 풍부한 기능 세트를 제공하는 저작 툴킷입니다. 아이스프링(iSpring)을 사용하면 슬라이드 기반 코스, 퀴즈, 대화 시뮬레이션, 상호 작용 및 비디오 튜토리얼을 만들 수 있습니다. 아이스프링 스위트(iSpring Suite) 무료 체험판을 사용하여 지금 설명드린 모든 기능들을 사용하실 수 있습니다.




이러닝에서 효과적인 스토리보드를 위한 팁 👍

스토리보드는 이러닝을 개발하는 것에 있어 모범 사례에 속합니다. 이미 해당 아티클을 통해서 스토리보드에 대해 꽤 자세히 다루었지만 스토리보드를 훨씬 더 좋게 만들기 위한 몇 가지 팁으로 마무리하겠습니다.


Tip 1: 스토리보드에 맞는 일관된 테마와 스타일 선택

조직에서 다른 교육 자료에 대해 특정 모양, 느낌 또는 브랜드를 사용하는 경우 스토리보드에 이러한 내용이 이러닝 과정에 어떻게 반영되는지 표시해야 합니다.


Tip 2: 시각적인 요소

시각적 요소를 추가하면 과정이 학습자에게 단 한 번의 보기로 효율적이고 집중력을 높일 수 있습니다.


Tip 3: 검토

이러닝 과정 개발을 시작하기 전에 스토리보드에 대한 피드백을 받는 것이 중요합니다.


Tip 4: 다양한 학습자 유형에 맞춰 봅니다

사람들은 다양한 방법으로 학습하므로 스토리보드에서 시각적, 청각적 및 운동 감각적 학습 선호도를 수용하기 위해 다양한 학습 양식을 결합합니다.



Tip 5: 학습 목표 

학습 목표를 위해 콘텐츠를 제작하면 이러닝 스토리보드 흐름을 자연스럽게 유지하고 청중의 집중을 유지하는 데 도움이 될 것입니다. 각 주제를 진술하고, 아이디어를 설명하고, 핵심 사항에 초점을 맞추고 간단한 언어를 사용해야 한다는 것을 잊지 말아야 합니다. 그렇기 때문에 짧은 문장, 예시 및 질문은 모두 포함하기에 좋은 것입니다. 스토리보드를 완료한 후, 콘텐츠가 모든 학습 목표를 포함하는지 확인하기 위해 검토를 하셔야 합니다.




쉽고 빠르게 적용할 수 있는 이러닝 스토리보드 템플릿 📂

이미 만들어진 이러닝 스토리보드 템플릿이 있으면 시작하기가 더 쉽습니다. 이를 기반으로 향후 이러닝 프로젝트에 다시 사용할 수 있는 형식으로 계속해서 개발이 가능합니다. 이렇게 하면 창의적인 과정 소개 페이지 또는 슬라이드 상호 작용과 같이 과정 설계에 고유한 특정 요소를 재사용할 수 있습니다.

매우 구체적인 이러닝 프로젝트 요구 사항이 있는 경우 스토리보드 템플릿을 만들 수 있지만 대부분의 시나리오에서는 아이스프링(iSpring)의 템플릿이 적합합니다. 개인 용도로 사용하실 땐 다음 중 하나를 선택하고 자유롭게 사용하셔도 됩니다.



무료 스토리보드 템플릿으로 이러닝 제작을 성공으로 이끌어 보세요.




FAQ 💬

스토리보드와 관련된 몇 가지 질문과 답변을 좀 더 살펴보도록 하겠습니다.

스토리보드는 무엇을 포함해야 합니까? 

일반적으로 이러닝용 스토리보드는 다음과 같습니다.


  • 화면 제목 또는 번호
  • 수업 및 주제
  • 음성/내레이션 스크립트
  • 상호작용 계획
  • 목업 그래픽(예: 타임라인) 및 이미지 견본
  • 탐색 버튼
  • 분기
  • 개발자 및 설계자 참고 사항


스토리보드는 구성 요소가 핵심입니다. 중요한 구성 요소를 놓치면 전체 이야기를 전달하지 못하므로 효과적인 주제 전달을 위해 포함할 항목을 선택하세요.


이러닝 스토리보드를 검토하려면 어떻게 해야 할까요?

주제 전문가와 프로젝트 이해관계자를 초청하여 평가하고 그들로부터 피드백을 수집하는 것이 매우 중요합니다. 그러나 자료를 앞뒤로 이메일로 보내는 경향이 있으며 모든 마감일을 놓칠 위험이 있습니다. 이러닝 및 후속 제작 과정에서 스토리보드용으로 파워포인트를 사용하면 실시간 협업을 위한 온라인 공간을 제공하는 아이스프링 스위트 맥스(iSpring Suite Max)를 통해 검토 프로세스가 훨씬 쉬워집니다.


파워포인트에서 스토리보드를 만드는 방법은 무엇입니까?

가로 레이아웃을 설정한 후 그 위에 콘텐츠를 배치하는 것으로 시작합니다. 파워포인트에서 무료 이러닝 스토리보드 템플릿을 사용할 수 있습니다. 위 링크를 통해 다운로드하기만 하면 됩니다.




결론 ⛳️

이번 포스팅이 여러분이 스토리보드 프로세스를 시작하는 데 도움이 되었기를 바랍니다. 첫 번째 이러닝 스토리보드가 기억에 남을 만한 것인지 다음 주요 사항을 확인해 보세요.


여러분의 '왜?’ 라는 질문에서부터 시작해 보시길 바랍니다.

여러분이 스토리보드를 사용하는 이유를 주기적으로 되새긴다면, 그것은 여러분이 이러닝 제작 과정에 있어 끝까지 도움을 얻을 수 있을 것입니다.


작업에 적합한 도구를 사용하십시오.

올바른 유형의 스토리보드 템플릿을 선택하면 전체 프로세스가 훨씬 쉬워집니다.


계속해서 과정의 목표를 앞과 중심에 두고 학습하세요.

스토리보드 콘텐츠가 학습 목표와 어긋나지 않는지 항상 확인을 해야 합니다. 그렇지 않은 경우 왜 포함하는지 질문을 하시길 바랍니다.



Contact Us

02-6925-1308

info@2miles.co.kr

2miles  |  David Hyeshik Yoon

서울특별시 서초구 양재천로23길 15 민우타워 4층

Biz License 895-16-00618 | 2020-서울강남-03791

COPYRIGHT © 2MILES. ALL RIGHTS RESERVED.

2miles  |  David Hyeshik Yoon

서울특별시 서초구 양재천로23길 15 민우타워 4층

Biz License 895-16-00618 | 2020-서울강남-03791

Contact Us

02-6925-1308

info@2miles.co.kr

COPYRIGHT © 2MILES. ALL RIGHTS RESERVED.