화면설계 전략

Download Report

Transcript 화면설계 전략

좋은 프리젠테이션을 위한…
강기홍
일반적 원칙





단순/명료
조화와 균형
일관성
투명성
직관
원리1:초기화면에 목표 제시
 목표는 구체적으로 진술되어야 함
 목표는 대상자의 습득전략, 방향, 정도 설
정에 도움
 목표의 제시 여부가 성취도에 영향 미침
원리2:사용자 친화성 유지
 사용자의 입장에서 생각
 사용자에게 가장 익숙한 색상, 폰트체, 아
이콘 등 사용
가장 상식적인 것이 가장 편안함
원리3:균형과 조화
사람의 얼굴과 마찬가지로
조화와 균형이 있어야…
원리4:예측 가능한 화면
 쉽게 예측 가능한 화면 구조가 가장 좋음
 화면 구조의 일관성을 유지
 변형을 해야 할 경우에는 반드시 정당한 이
유가 있어야 함
원리5:적절한 양의 정보 포함
 학습자가 요점/핵심을 잘 파악할 수 있도록
해야 함
 텍스트의 양을 가능한 줄일 것
 각 화면마다 비슷한 양의 정보 제시
원리6:통일성과 단순성 유지
 핵심 내용만을 제공
 작은 내용의 화면이 성취도 높음
원리7:유의미하게 Grouping
 적절한 Blullet, Numbering 사용
 수직으로 배열
 그룹간 구분을 위해 콤마 사용 피할 것
 가급적 왼쪽 정렬
원리8:중요한 내용은 왼쪽 위에
시각 움직임 원리를 따를 것
왼쪽 상단에서
가
운
데
아
래
로
원리9:적절한 여백 유지
 전체 화면을 모두 채우려 하지 말 것
 문단간의 적절한 여백 유지
 일반적으로 전체 화면의 25-40%의 화면
밀도가 가장 적절
원리10:폰트체와 크기에 의한 강조
 특정 내용 강조를 위해 폰트체와 크기를 변화
 그러나, 지나치게 다양한 체 및 크기를 사용하지
말 것(반드시 강조를 위해서만 사용. 많을 경우에
는 어느 부분이 강조되는 것인지 모름)
 요점은 진한 글씨로
 밑줄은 가급적 피할 것
 Blink(깜빡임)는 꼭 필요한 경우에만 사용
원리11:복잡한 내용은 도식화
 수만 마디 말보다 하나의 그림이 더 가치
있음
 도표는 내용 기억에 용이(그러나, 복잡한
도표는 오히려 학습에 방해됨)
 도표, 그림은 가능한 한 간단하게
원리12:내용과 유관한 이미지 사용
 이미지는 반드시 내용 이해에 도움이 되어
야함
 단순히 여백을 채우기 위한 이미지 사용 피
할것
 이미지로 인해 학습 방해되지 않도록 할 것
원리13:적절한 색상 활용
 주제와 부합되는 색
 주위 환경과 조화를 이룰 수 있는 색
 장시간 보아도 싫증나지 않는 색
 한 화면에 세 가지 정도 색상이 적절(여러
색 사용할 경우에는 채도/명도 다르게)