시각적 논리

움직이면 정말 더 이해하기 쉬울까?

애니메이션과 정지 그림의 비교가 공정하려면 정보량과 다시보기 조건을 어떻게 맞춰야 하는지 살펴봅니다.

종이접기 네 정지 프레임과 애니메이션 조건을 정보량, 단계 표시, 동시 비교, 재생 통제 네 항목으로 대조한 표.
출처: Morrison·Tversky·Bétrancourt의 비교 원리를 바탕으로 LTCT가 만든 네 단계 절차와 검수표. 원문 그림을 복제하지 않았습니다.
그림 크게 열기 ↗SVG 저장

그림에서 무엇을 볼까요?

종이접기 네 정지 프레임과 애니메이션 조건을 정보량, 단계 표시, 동시 비교, 재생 통제 네 항목으로 대조한 표.

LTCT가 만든 가상 과제는 정사각형 종이를 반으로 접고, 펼친 뒤, 오른쪽 모서리를 가운데 선에 맞추고, 다시 접는 네 단계입니다. 정지 조건에는 네 장을 모두 나란히 놓고 단계 번호와 접는 선을 표시합니다. 애니메이션 조건에도 정확히 같은 네 상태와 같은 안내만 넣습니다.

학습자는 “세 번째 단계와 첫 번째 단계의 접는 선을 비교하라”는 질문을 받습니다. 정지 그림은 두 장을 동시에 볼 수 있지만 애니메이션은 되감지 못하면 기억에 의존합니다. 반대로 모서리가 이동하는 경로를 묻는 질문에서는 움직임이 공간 변화를 직접 보여 줄 수 있습니다. 어떤 질문을 쓰느냐가 장점을 바꿉니다.

함께 확인할 점

이 논문은 2000년까지의 연구를 검토한 기술보고서입니다. 오늘날의 터치 인터페이스나 모든 교과의 효과를 직접 측정하지 않았습니다.

애니메이션의 장점이나 단점은 과제, 사용자의 공간 능력, 속도 조절과 접근성에 따라 달라집니다. 매체만으로 결과를 일반화할 수 없습니다.

생각해 볼 질문

애니메이션과 정지 그림의 정답률이 같으면 둘은 똑같이 좋은가요?

← 시각적 논리 그림 더 보기