편집자 주: 디지털 학습에 관한 이야기 원래 CoSN의 블로그에 게재되었습니다 허가를 받아 여기에 다시 게시합니다.
키 포인트:
교사, 교장, 학군 관리자는 다양한 청중을 위해 매일 디지털 콘텐츠를 제작하고 있습니다. 강의실 수업과 전문 학습 자료부터 교직원 가이드와 공지사항 그래픽에 이르기까지 점점 더 많은 정보가 시각적인 방식으로 전달되고 있습니다. 연구에 따르면 우리는 서면으로 제시된 정보보다 시각적 형태로 제시된 정보를 더 빠르게 처리합니다. 그러나 접근성, 시각적 처리, 기본 디자인 원칙을 고려하지 않고 디지털 콘텐츠를 제작하면 우리가 전달하려는 메시지가 손실되거나 더 나쁘게는 잘못 해석될 수 있습니다.
디지털 콘텐츠를 제작할 때 디자인 프로세스의 작은 변화는 청중이 정보에 접근하고 처리하며 궁극적으로 학습하는 방식에 큰 영향을 미칠 수 있습니다. 학생들을 위한 디지털 학습 경험을 설계할 때 고려해야 할 세 가지 사항과 그 이유는 다음과 같습니다.
인지 부하 고려
인지 부하는 컴퓨터의 RAM과 유사하게 뇌에서 사용되는 작업 메모리의 양을 나타냅니다. 컴퓨터에 여러 프로그램이 실행되고 많은 정보를 처리하면 메모리 사용량이 많아 속도가 느려지기 시작합니다. 학습할 때에도 똑같은 일이 뇌에 일어납니다. 뇌가 정보로 과부하되면(높은 인지 부하) 영구 기억에 저장되는 정보가 적어지기 때문에 학습 속도가 느려지고 효율성이 떨어집니다.
이것이 디자이너로서 우리에게 무엇을 의미합니까?
정보 과부하를 피하십시오. 제공하는 모든 정보의 개요를 설명하고 큰 아이디어를 작은 부분으로 나누는 것을 고려하세요. 정보를 처리할 시간을 두고 이러한 작은 부분을 따라하기 쉬운 순서로 제시하세요. 콘텐츠를 "청크화하고 순서화"하는 이 방법을 사용하면 정보를 더 쉽게 처리할 수 있습니다.
시각적 계층
시각적 콘텐츠로 가득한 세상에서는 청중이 먼저 보는 것을 제어하는 방법을 이해하는 것이 중요합니다. 우리 모두는 줄과 줄의 텍스트가 포함된 슬라이드나 이미지, 색상, 글꼴이 너무 많은 디지털 전단지를 본 적이 있습니다. 이러한 순간에 우리의 두뇌는 어디를 봐야 할지 확신할 수 없으며 정보를 이해하고 처리하는 능력이 느려집니다. 시각적 계층 구조는 청중의 주의를 끌고 정보를 효율적으로 전달하기 위해 디자인 요소(슬라이드, 포스터, 웹 페이지 등)를 배열하는 기술입니다.
이것이 디자이너로서 우리에게 무엇을 의미합니까?
시각적 계층 구조를 만드는 것은 가장 중요한 정보, 즉 청중이 이해하고 기억하기를 원하는 정보를 식별하는 것부터 시작됩니다. 이미지, 단어나 문구, 날짜나 시간 등이 될 수 있습니다. 이 주요 요소가 가장 먼저 배치되므로 초점이 유지됩니다. 큰 요소는 더 많은 관심을 끌기 때문에 중요한 내용을 디자인에서 가장 큰 요소로 만들어 우선순위를 지정하세요. 제목, 작은 텍스트 줄, 이미지 및 아이콘과 같은 추가 요소는 주요 요소에 초점을 맞추는 것을 염두에 두고 시각적 계층 구조의 위치 순서대로 추가해야 합니다.
적을수록 좋습니다. 디자인의 요소가 적을수록 정보를 처리하기가 더 쉽습니다. 5줄의 텍스트가 포함된 하나의 슬라이드 대신 더 큰 텍스트가 포함된 여러 슬라이드로 나누어 보십시오. 여러 이미지가 산만해질 수 있습니다. 다양한 크기나 색상의 텍스트를 세심하게 정렬한 강력한 이미지 하나를 선택해 보세요.
접근성을 고려한 디자인
디지털 콘텐츠를 제작할 때 완벽한 글꼴과 색상을 선택하는 데 상당한 시간이 소요되는 경우가 많습니다. 실제로 시각적 디자인 모범 사례에서는 디자인에 대한 접근성을 유지하고 인지 부하를 줄이기 위해 글꼴과 색상을 최소한으로 단순하게 유지해야 한다고 말합니다.
크고 장식적인 글꼴을 사용하거나 너무 많은 글꼴을 함께 혼합하면 주의가 산만해질 수 있으며 디자인의 시각적 계층 구조가 무너질 수 있습니다. 스크립트 및 손글씨 글꼴은 최근 인기를 얻었지만 읽기 어려울 수 있으므로 대규모 청중을 위한 디자인을 만들 때는 피해야 합니다.
글꼴과 마찬가지로 색상을 사용하여 시각적 흥미를 유발하고 관심을 끌 수 있습니다. 함께 잘 어울리는 몇 가지 고대비 색상을 사용하면 시각적 계층 구조를 지원하는 동시에 시각 장애나 색맹이 있는 사용자도 콘텐츠에 접근할 수 있습니다.
이것이 디자이너로서 우리에게 무엇을 의미합니까?
간단하게 유지하세요. 디자인의 기초로 읽기 쉬운 글꼴을 선택하세요. 렉센드 시각적 스트레스를 줄이고 처리 효율성을 높이기 위해 이를 염두에 두고 만들어졌습니다. 시각적 관심과 관심을 끌기 위해 장식 글꼴을 항상 추가할 수 있습니다.
온라인 도구를 사용하세요. 발전기의 출처 어도비 벽돌 과 Canva 색상 팔레트를 쉽게 구축할 수 있으며 접근성 도구 색상 선택이 고대비인지 확인하십시오.
일관성을 유지하십시오. 슬라이드덱, 웹사이트, 소셜 미디어 그래픽 시리즈 등 디자인에 일관성을 유지하세요. 레이아웃, 글꼴, 색상의 일관성은 청중이 콘텐츠를 예측하고 더 빠르게 처리하는 데 도움이 됩니다.
참고자료
드 종, T. (2010). 인지 부하 이론, 교육 연구 및 교육 설계: 생각해 볼 만한 자료입니다. 교육과학, 38(2), 105-134.
https://doi.org/10.1007/s11251-009-9110-0
https://digitalpromise.org/initiative/learner-variability-project/
https://www.lexend.com/
https://color.adobe.com/create/color-wheel
https://color.adobe.com/create/color-contrast-analyzer
- SEO 기반 콘텐츠 및 PR 배포. 오늘 증폭하십시오.
- PlatoData.Network 수직 생성 Ai. 자신에게 권한을 부여하십시오. 여기에서 액세스하십시오.
- PlatoAiStream. 웹3 인텔리전스. 지식 증폭. 여기에서 액세스하십시오.
- 플라톤ESG. 탄소, 클린테크, 에너지, 환경, 태양광, 폐기물 관리. 여기에서 액세스하십시오.
- PlatoHealth. 생명 공학 및 임상 시험 인텔리전스. 여기에서 액세스하십시오.
- 출처: https://www.eschoolnews.com/digital-learning/2024/01/02/designing-digital-learning-experiences/
