2-2_설계과목_학습메세지디자인_과제샘플

과정명 눈에는 눈 , 귀에는 귀 작성일 2010.11 적용원리

단원명 3. 다중양식의 원리 교수설계 TEAM6 page 심리학적 근거 1

나래이션 : 다중양식원리에 대한 이해를 돕기 위해 심리학적 근거를 알아볼까요 ? Ⓐ 인간은 정보를 받아들일 때 주로 시각적 경로와 청각적 경로를 사용합니다 . Ⓑ 시각정보는 눈으로 글자 , 그림 , 동영상을 봄으로써 얻어집니다 . Ⓒ 청각 정보는 배경음악 , 효과음 , 나래이션을 들으면서 얻어지지요 .

[ 학습 메시지 디자인 6 대 원리 ] 3. 다중양식의 원리

•프롤로그

•필요성

•개념열기-학습목표-원리•개념확인-적용사례-Good case vs Bad case

•평가•에필로그

< 화면설명 >① 화면이 시작함과 동시에 사람 옆모습 등장 . Ⓐ 나래이션이 나올 때 뇌가 양 옆 두 부분으로 나뉨 . 각각 청 / 홍색으로②text 정보를 나타내는 그래픽 삽입 . Ⓑ나래이션과 함께 그림이 등장③ 그래픽정보를 나타냄 . 다양한 그림 삽입 . Ⓑ나래이션과 함께 등장④ 음악 , 음향을 나타내는 이미지 . Ⓒ 나래이션과 함께 등장⑤ 나래이션을 나타내는 이미지 . 입술모양이 포함되도록 . Ⓒ나래이션과 함께 등장⑥ 각각 네모칸은 Ⓐ부분에서 뇌가 둘로 나뉘는 그래픽과 동시에 등장

시각 정보 청각 정보

①

②④

③⑤

⑥

미색배경

네모 안 배경은 연한 주홍색 . 테두리는 주홍

색 .

네모 안 배경은 연한 하늘색 .

테두리는 푸른색

< 적용 원리 >다중양식원리 : 시각정보 , 청각정보 경로에 대한 설명을 음성 + 그래픽으로



나래이션 ; 이렇게 둘로 나뉜 정보처리 경로는 각각 정보를 받아들일 수 있는 일정한 용량을 가지고 있습니다 . ⓐ 이해하기 쉽도록 다른 것에 비유해봅시다 . 하나의 수조에만 계속해서 물이 쏟아진다면 결국에는 ⓑ물이 밖으로 넘쳐버리겠죠 ? 마찬가지로 청각경로나 시각경로에만 계속해서 정보가 유입된다면 학습자는 그 정보에 집중하지 못하고 흘려듣고 말아요 . ⓒ 이것을 과부하라고 합니다 . 정보가 귀와 눈에 골고루 입력되지 못하고 한쪽으로만 치우쳐 유입되어 정보처리 경로가 견디지 못하는 일이 발생합니다 .


•프롤로그

•필요성



< 화면설명 >① 수도꼭지에서 물이 쏟아지는 그래픽 . ② 번의 물이 중간정도까지 차오르면 멈추도록 . 연한 하늘색② 물컵 밑에서부터 점점 차오르는 그래픽 . 중간까지만③ 천천히 돌아가는 수도꼭지 . ⓐ 나래이션에 맞춰 점차 빨라짐 .④ 물이 꽉 찬 물컵 . 물컵 밑에 쏟아진 물이 고여있도록 .⑤. ② 번 물컵이 거의 다 차오를 때 나타남 . 화살표가 중요한 것이 아니므로 까만색 . 또는 튀지 않는 무채색으로 .⑥ 쏟아진 물 . ⓑ 나래이션에 맞추어 붉은 글씨가 나타남 . 처음 시작할 때는 백지 .①②③ 은 ⓐ나래이션과 함께등장 . ④⑤⑥ 은 해당 번호에 설명된 순서로 등장 .과 부 하

진한 하늘색

찰랑거리는 하늘색 물

끝까지 가득 찬 하늘색 물

①

②

③

④⑤

⑥

< 적용 원리 >다중양식 원리 : 지침이나 전문 용어는 음성설명과 중복되어도 함께 표기한다 .



나래이션 : 직접 적용시켜봅시다 . ⓐ 지금 학습자는 새 휴대전화의 사용법을 알아보려고 합니다 . 학습 화면에는 휴대전화의 앞 , 옆 , 뒷모습 그림과 각 버튼에 대한 설명이 글로 써 있습니다 . 화면이 너무 어지럽지 않나요 ? 학습자는 그림과 설명글 모두 눈을 통해 받아들이고 있습니다 . 어떨까요 ? 눈이 너무 피곤하겠지요 ? ⓑ 학습자의 머리가 지끈지끈 아플 것입니다 . 시각정보 처리경로가 지나친 정보의 유입으로 집중력을 잃고 마는 일이 벌어졌습니다 . 이 때 학습자는 그림에도 , 글에도 집중하기가 어렵습니다 .


•프롤로그

•필요성



< 화면설명 >① 까만 선이 아무렇게나 엉킨 모습 .② 시각 정보를 나타내는 화면이므로 눈이 강조되도록 그려야함 . 크고 진한 눈 .③ 붉은색 . 머리가 지끈대는 것을 잘 표현하도록 . 계속해서 움직이지 말고 화면 시작 처음 5초정도만 지그재그선이 움직이도록 .④ 아이폰 사용 설명 . 아이폰 그림과 설명이 제시 . 어지러운 화면 .

①②④ 모두 ⓐ나래이션과 등장 . 단 ③은 ⓑ나레이션 시작과 동시에 등장 후가만히 있다가 ⓑ나레이션 시작 후 5초동안만 지끈대며 움직이도록 .

absog

absog

absog

absog

absog

absog

absog

absog

absog

①

②

③

④

< 적용 원리 > 멀티미디어 원리 :시각정보의 과부화 설명을 위해 그래픽 사용 ,



나래이션 : ⓐ 이번에는 청각 정보의 범람에 대해 알아봅시다 . 학습자가 바라보는 화면에는 ‘아이폰 사용법’이라는 주제만 써있고 아무런 시각자료가 주어지지 않았습니다 . 대신 스피커에서 계속해서 배경음악과 나래이션이 흘러나오고 있어요 . 휴대전화의 사진이나 그림 없이 단순한 음성설명으로 사용법을 쉽게 익힐 수 있을까요 ? ⓑ 계속해서 흘러나오는 음성설명은 학습자의 귀를 피곤하게 하고 결국 집중력을 떨어뜨립니다 . 이번 경우는 청각 정보가 과부화된 경우입니다 .


•프롤로그

•필요성



< 화면설명 >① 전 화면과 같이 . 엉망으로 엉킨 까만 선 .② 전 화면과 같은 효과 . ⓑ나래이션 시작고 함께 등장③ 귀가 강조되도록 굵고 크게 그리도록 .④ 학습자가 바라보는 화면 . 아무런 자료 없이 주제만 글로 써 있도록 .⑤ 화면 옆 스피커 . 배경음악과 나래이션이 흘러나오는 것처럼 여러 음표들과 입술모양 그림 .

①③④⑤ 모두 ⓐ나래이션과 등장 . 단 ③은 ⓑ나레이션 시작과 동시에 등장

아이폰 사용법

①

②

③

④

⑤

< 적용 원리 > 멀티미디어 원리 : 청각정보의 과부화를 설명하게 위해 그래픽 사용



나래이션 : 그렇다면 어떤 학습이 가장 효과적인 것 일까요 ? 한 물컵에 계속해서 물을 받는 것 보다 두 컵에 동등하게 나누어 담는다면 물이 넘칠 염려가 없을 것입니다 . 물을 받는 동안 불안하지도 않겠지요 .


•프롤로그

•필요성



< 화면설명 >① 연한 하늘색 물이 출렁거리는 모양 . 빈 컵에서 중간정도까지 상승 . 중간 높이까지 상승한 뒤로는 아무런 움직임 없도록 . 나래이션 시작과 동시에 수도꼭지 , 물컵이 등장 . 내래이션 진행되는 동안 물이 차오르도록 .

배경은 미색 배경 .

< 적용 원리 > 멀티미디어 원리 : 개념 설명을 위한 그래픽이 사용됨 .다중양식 원리 : 음성설명과 그래픽의 제공으로 시각 정보 처리경로와 청각정보 처리 경로를 동등하게 자극 .

①



. 나래이션 : 이 원리를 학습에도 적용해 봅시다 . 학습 컨텐츠에 그림 , 글 , 동영상 등 시각정보만 표현하는 것은 옳지 않습니다 . 청각정보의 경우도 마찬가지지요 . 각각 처리할 수 있는 정보의 양이 정해진 우리의 뇌가 피곤해하기 때문이죠 . ⓐ따라서 화면과 같이 그래픽과 음성설명을 함께 사용하면 시각정보 , 청각정보 각각에 적당한 정보가 유입되어 효과적인 정보처리가 가능합니다 .


•프롤로그

•필요성



< 화면설명 >① 눈을 크고 진하게 그리기 . 강조를 위해 별모양 표시 . 귀도 마찬가지 효과② 까만색 모니터 . 글자 , 이미지를 표현하도록 .③ 나래이션 설명ⓐ에서 화살표 등장 .④ 나래이션 설명ⓐ 에서 화살표 등장 .

나래이션 시작과 함께 3,4 화살표 빼고 모두 등장

ㄱ , ㄴ , ㄷ , A, B,

C

①

②

③④


단원명 3. 다중양식의 원리 교수설계 TEAM6 page 에필로그 1

. 교수 : 여러분이 제출한 과제를 살펴본 뒤에 오늘 밤 12 시에 사이버 캠퍼스에 성적을 공지하겠어요 .


•프롤로그

•필요성



< 화면설명 >① 다른 학생의 뒤통수는 까만 머리 . 가운데 학생은 감자 여동생 뒷모습② 교수의 대사가 나가는 동안 자연스럽게 입이 움직일 것 .

①

②



. 마우스 달칵거리는 효과음


•프롤로그

•필요성



< 화면설명 >방안 풍경 . 오른편에 책상과 컴퓨터 . 남자아이 대신 감자 여동생 옆모습 . 마우스를 잡고 있는 모습 .



. 나팔소리 같은 효과음 .


•프롤로그

•필요성



< 화면설명 >A+ 는 붉은 글씨로 . 배경은 흰색 . 노란 빛이 반짝이는 효과 .

A+



. 대사 :감자오빠의 도움으로 다중양식 원리를 적용했다 ! 덕분에 성적은 A+!


•프롤로그

•필요성



< 화면설명 >만세하는 포즈의 감자여동생 . 기뻐하는 표정 .전체적 배경은 에필로그 2와 같게 .



. 나래이션 : 여러분은 총 여섯가지 설계 원리 중 세번째인 다중양식원리에 대해 성곡적으로 학습을 마치셨습니다 . 이제 세 단계가 더 남았군요 여섯개 원리를 모두 학습하면 학기말 성적에 +1 점의 가산점이 주어집니다 ! 조금 더 힘을 내서 6 단계까지 열심히 학습해보세요 ~


•프롤로그

•필요성



< 화면설명 >① 앞 두 동그라미는 초록색 .② 세번째 동그라미는 연두색에서 녹색으로 변하는 그래픽 . 반복적으로 .③ 나머지 세 동그라미는 붉은 색으로 . ④ 각 동그라미 6 개 모두 마우스를 올리면 해당 원리가 뜨도록 .

길은 갈색으로 칠하도록 .+ 1

①

②

③멀티미디어 원리

④

2-2_설계과목_학습메세지디자인_과제샘플

Education

Transcript of 2-2_설계과목_학습메세지디자인_과제샘플