표제지
목차
국문초록 9
I. 서론 12
1. 연구 목적 12
2. 연구범위 및 방법 15
II. 노인여가복지시설 사이트에 대한 이론적 배경 17
1. 노인의 신체적ㆍ심리적ㆍ사회적 특성 17
가. 신체적 특성 17
나. 심리적 특성 19
다. 사회적 특성 22
2. 노인의 여가활동 및 노인여가복지시설 정책 23
가. 노인여가의 개념 및 특성 23
나. 노인여가활동의 중요성과 효과 24
다. 노인여가활동의 유형 분류 25
라. 노인 여가 정책 및 시설 현황 26
3. 노인여가복지시설 사이트의 역할 및 디자인 30
가. 노인여가복지시설 사이트의 역할 30
나. 노인여가복지시설 사이트의 디자인 기능 및 원칙 31
III. 노인여가복지시설 사이트의 발전과정 및 현황 34
1. 국내 노인여가복지시설 사이트의 등장 및 발전과정 34
가. 2004년 이전 제작된 노인여가복지시설 웹사이트 35
나. 2005년 이후 제작된 노인여가복지시설 웹사이트 37
2. 국내 노인여가복지시설 사이트의 현황 38
가. 노인복지회관 43
나. 경로당 44
다. 노인교실 45
라. 노인휴양소 45
IV. 노인여가복지시설 사이트의 웹디자인 구성요소 46
1. 인포메이션 아키텍처(Information Architecture) 46
2. 네비게이션(Navigation) 50
3. 레이아웃(Layout) 52
4. 그래픽(Graphic) 54
5. 컬러(Color) 58
6. 타이포그래피(Typography) 61
7. 멀티미디어(Multimedia) 64
V. 노인여가복지시설 사이트 사례연구 68
1. 연구대상 선정 및 웹디자인 요소 분석 68
가. 서울노인복지센터 (http://www.seoulnoin.or.kr) 68
나. 영등포노인종합복지관 (http://www.silverwelfare.or.kr) 84
다. 은평노인종합복지관 (http://www.ep-silver.org) 95
2. 분석결과 105
3. 문제점 및 개선방향 109
VI. 결론 115
참고문헌 118
ABSTRACT 121
[표 1] 국내 노인여가복지시설 개설 사이트 목록 39
[표 2] 국내 노인여가복지시설 사이트 연도별 제작 현황 42
[표 3] 서울노인복지센터 사이트 분석결과 105
[표 4] 영등포노인종합복지관 사이트 분석결과 106
[표 5] 은평노인종합복지관 사이트 분석결과 108
[그림 1] 울산시 남구노인복지회관 36
[그림 2] 의정부시 노인복지회관 36
[그림 3] 창동노인복지센터 36
[그림 4] 동해시 노인종합복지회관 36
[그림 5] 대전시 서구노인종합복지회관 36
[그림 6] 강북노인종합복지관 36
[그림 7] 충주제일노인대학 37
[그림 8] 천혜경로원 37
[그림 9] 제천시노인종합복지관 37
[그림 10] 성가정노인종합복지관 37
[그림 11] 서울노인복지센터 38
[그림 12] 이랜드 하당노인복지관 38
[그림 13] 충청북도 노인종합복지회관 38
[그림 14] 울산시 노인복지회관 38
[그림 15] 정보구조 유형별 컨텐츠의 복잡도 및 설명방식 49
[그림 16] 서울노인복지센터 메인페이지 68
[그림 17] 서울노인복지센터 사이트맵 70
[그림 18] 서울노인복지센터 메인 및 서브 페이지 71
[그림 19] 서울노인복지센터 메인페이지 수평형 네비게이션 73
[그림 20] 서울노인복지센터 서브페이지 수직형 네비게이션 73
[그림 21] 서울노인복지센터 메인페이지 레이아웃 75
[그림 22] 서울노인복지센터 서브페이지(프로그램) 레이아웃 76
[그림 23] 서울노인복지센터 각 페이지별 메인 이미지 77
[그림 24] 서울노인복지센터 트리밍 행사 사진 이미지 78
[그림 25] 서울노인복지센터 행사 사진과 삽입된 슬로건 78
[그림 26] 서울노인복지센터 버튼 및 아이콘 79
[그림 27] 서울노인복지센터 버튼 롤오버 전과 후 79
[그림 28] 서울노인복지센터 메인페이지 컬러 80
[그림 29] 서울노인복지센터 서브페이지 컬러 81
[그림 30] 서울노인복지센터 타이포그래피 적용 예 82
[그림 31] 서울노인복지센터 동영상 83
[그림 32] 서울노인복지센터 탑 플래시 애니메이션 83
[그림 33] 영등포노인종합 복지관 메인페이지 84
[그림 34] 영등포노인종합복지관 사이트맵 85
[그림 35] 영등포노인종합복지관 메인 및 서브 페이지 86
[그림 36] 영등포노인종합복지관 메인페이지 수평형 네비게이션 87
[그림 37] 영등포노인종합복지관 서브페이지 수직형 네비게이션 87
[그림 38] 영등포노인종합복지관 메인페이지 레이아웃 88
[그림 39] 영등포노인종합복지관 서브페이지(복지관소개) 레이아웃 89
[그림 40] 영등포노인종합복지관 각 페이지별 메인 이미지 90
[그림 41] 영등포노인종합복지관 버튼 및 아이콘 91
[그림 42] 영등포노인종합복지관 메인페이지 컬러 92
[그림 43] 영등포노인종합복지관 서브페이지 컬러 92
[그림 44] 영등포노인종합복지관 타이포그래피 적용 예 93
[그림 45] 영등포노인종합복지관 탑 플래시 애니메이션 94
[그림 46] 영등포노인종합복지관 플래시로 제작된 관련기관 배너 94
[그림 47] 은평노인종합 복지관 메인페이지 95
[그림 48] 은평노인종합복지관 사이트맵 96
[그림 49] 은평노인종합복지관 메인 및 서브 페이지 97
[그림 50] 은평노인종합복지관 메인페이지 수평형 네비게이션 98
[그림 51] 은평노인종합복지관 서브페이지 수직형 네비게이션 98
[그림 52] 은평노인종합복지관 메인페이지 레이아웃 99
[그림 53] 은평노인종합복지관 서브페이지(특성화 복지사업) 레이아웃 100
[그림 54] 은평노인종합복지관 메인페이지 이미지 사용 예 100
[그림 55] 은평노인종합복지관 버튼 및 아이콘 101
[그림 56] 은평노인종합복지관 메인페이지 컬러 102
[그림 57] 은평노인종합복지관 서브페이지 컬러 103
[그림 58] 은평노인종합복지관 타이포그래피 적용 예 104
[그림 59] 은평노인종합복지관 동영상 104
[그림 60] 은평노인종합복지관 메인페이지 탑 플래시 애니메이션 104