표제지
목차
논문요약 10
Ⅰ. 서론 12
1. 연구의 배경 및 목적 12
2. 연구방법 15
Ⅱ. 이론적 배경 16
1. 초등학생 발달 특성 16
A. 인지발달 17
B. 기억발달 22
C. 언어발달 24
2. 초등학생의 인터넷 활용과 특징 26
3. 이러닝 사이트의 정의 및 특징 28
A. 이러닝 사이트의 정의 28
B. 이러닝 사이트의 특징 30
4. 인터페이스디자인(UI)의 개념 및 요소 33
A. 개념 33
B. 요소 35
C. 인터페이스디자인의 원칙 47
5. 학습자중심의 인터페이스디자인 52
a, 학습자의 동기를 고려 52
b, 학습할 내용 인식 52
c, 선수학습에 대한 학습자 기억 52
d, 교수자료의 준비 53
e, 조언과 피드백의 준비 53
f, 이해력에 대한 평가 53
g, 풍부한 심화학습의 준비 53
6. 초등학생의 웹컬러 및 레이아웃 선호도 54
A, 색채 54
B, 레이아웃 55
C, 학습화면 59
7. 사이버 선생님의 중요성 61
1) 사이버선생님의 정의 61
2) 사이버선생님의 학습도움도 평가 61
3) 사이버선생님의 필요성 62
8. 초등학생 이러닝사이트의 인터페이스 조건 63
a, 기본적인 레이아웃에 충실해야 한다. 63
b, 컨텐츠 화면은 크게하여 공간을 확보한다. 63
c, 적절한 그룹핑이 필요하다. 63
d, 텍스트 및 버튼사이즈는 크게한다. 63
e, 한 화면에 글꼴이 3가지 이상은 지양 64
f, 충분한 줄간격과 자간을 사용해야한다. 64
g, 초등학생 타켓에 맞는 웹컬러를 사용해야 한다. 64
h, 메타포는 일관성있게 사용해야 한다 64
i, 적절한 비디오를 사용하여 학습의 신뢰성을 높인다. 65
j, 문항과 답지를 분리시키면 안됨 65
k, 재미있는 요소를 포함 65
l, 쉬운 인터페이스로 능동적인 학습참여가 중요하다. 65
m, 학습의 스토리를 부여하는 것이 좋다. 65
n, 사이버선생등, 1:1학습공간을 만든다 66
Ⅲ. 초등학생 대상 이러닝사이트 분석 68
1. 선정기준 68
2. 이러닝 사이트 분석 70
A. 푸르넷아이스쿨 70
B. 와이즈캠프 74
C. 에듀넷 79
D. 폴짝닷컴 83
3. 저인지도 사이트 87
A. (주)아이키즈티비 87
Ⅴ. 아이키즈티비의 인터페이스 적용시안 91
1. 인터페이스의 분석결과 및 발전방향 91
A. 분석결과 91
B. 발전방향 93
2. 적용시안 95
A. 메인 95
B. 학습창 97
C. 퀴즈화면 98
D. 동영상화면 99
E. 게임화면 100
Ⅵ. 결론 101
참고문헌 105
ABSTRACT 107
〈표1〉 질량보존개념 19
〈표2〉 중다분류조작능력 20
〈표3〉 서열조작에 따른 발달 21
〈표4〉 연도별 초등학생 인터넷이용률 26
〈표5〉 웹컬러 표시방법 40
〈표6〉 색선호도 54
〈표7〉성별 색선호도 54
〈표8〉 메뉴레이아웃 선호도 55
〈표9〉 메뉴바 아이콘 선호도 56
〈표10〉 사용이 용이한 아이콘의 형태 선호도 57
〈표11〉 문항제시방법 57
〈표12〉 학년별 퀴즈답안 분리설문조사 58
〈표13〉 학습화면 형태 선호도 59
〈표14〉 흥미를 느끼는 하면요소 선호도 60
〈표15〉 학생의 사이버선생님의 학습도움도 61
〈표16〉 학생/학부모의 사이버선생님 필요성 인식 62
〈표17〉 초등학교 이러닝 사이트 인터페이스의 조건 67
〈표18〉고인지도사이트와저인지도사이트분석 92
〈그림1〉 이러닝레이아웃 36
〈그림2〉 인지도에 따른 사이트 순위 69
〈그림3〉 기본레이아웃 70
〈그림4〉 로딩화면 71
〈그림5〉 학습화면 71
〈그림6〉 퀴즈화면 71
〈그림7〉 학습결과제시화면 71
〈그림8〉 메모장 71
〈그림9〉 자료찾기화면 71
〈그림10〉 기본레이아웃 75
〈그림11〉 강사동영상화면 76
〈그림12〉 좌측메뉴(슬라이드형식) 76
〈그림13〉 학습목차화면 76
〈그림14〉 애니메이션화면 76
〈그림15〉 학습내용화면 76
〈그림16〉 퀴즈화면 76
〈그림17〉 기본레이아웃 79
〈그림18〉 학습안내화면 80
〈그림19〉 학습활동화면 80
〈그림20〉 학습창화면 80
〈그림21〉 로딩화면 80
〈그림22〉 평가화면 80
〈그림23〉 보충학습 80
〈그림24〉 기본레이아웃 83
〈그림25〉 학습안내화면 84
〈그림26〉 학습창화면 84
〈그림27〉 퀴즈화면 84
〈그림28〉 학습정리화면 84
〈그림29〉 기본레이아웃 87
〈그림30〉 발음인식프로그램 88
〈그림31〉 학습창화면 88
〈그림32〉 듣기/쓰기/게임화면 88
〈그림33〉 동영상화면 88
〈그림34〉 아이키즈티비 메인화면 95
〈그림35〉 아이키즈티비 학습창화면 97
〈그림36〉 아이키즈티비 퀴즈화면 98
〈그림37〉 아이키즈티비 동영상화면 99
〈그림38〉 아이키즈티비 게임화면 100