표제지
목차
국문초록 11
I. 서론 13
1. 연구배경 및 목적 13
2. 연구범위 및 방법 15
II. 이론적 고찰 16
1. 포털사이트의 이론적 배경 16
A. 포털사이트 16
B. 국내 포털사이트 19
2. 사용자 인터페이스 디자인의 이론적 배경 29
A. 사용자 인터페이스 29
B. 사용자 인터페이스 디자인 33
3. 웹 사용자 인터페이스 디자인의 이론적 배경 38
A. 웹 사용자 인터페이스 38
B. 웹 사용자 인터페이스 디자인의 구성요소 40
C. 웹 사용자 인터페이스 디자인의 원리 52
D. 게슈탈트 심리학과 웹 사용자 인터페이스 디자인 60
4. 웹 메인화면 디자인 가이드 64
A. 메인화면의 중요성 64
B. 메인화면 디자인 가이드 65
5. 웹 사용성과 평가원칙 68
A. 웹에서의 사용자 인터페이스와 사용성 68
B. 웹 사용성 평가방법과 평가원칙 71
III. 국내 포털사이트 메인화면 사용자 인터페이스 디자인 사례조사 및 분석 79
1. 연구대상 선정 배경 79
2. 분석기준 80
A. 웹 사용자 인터페이스 디자인의 구성요소에 따른 메인화면 분석 80
B. 웹 사용자 인터페이스 디자인의 원리에 따른 메인화면 분석 81
3. 사례조사 및 분석 83
A. 네이버 〈표 15〉〈표 16〉 83
B. 다음 〈표 17〉〈표 18〉 90
C. 네이트 〈표 19〉〈표 20〉 97
D. 파란 〈표 21〉〈표 22〉 104
E. 줌 〈표 23〉〈표 24〉 111
4. 사례분석 결과 117
A. 레이아웃 분석 117
B. 콘텐츠 분석 120
C. 내비게이션 분석 123
D. 색상 분석 124
E. 타이포그래피 분석 126
F. 그래픽 분석 127
G. 애니메이션/동영상 분석 129
IV. 전문가 평가와 인터뷰를 통한 메인화면 사용자 인터페이스 디자인 분석 130
1. 조사목적 및 방법 130
2. 조사 대상 및 조사 항목 132
3. 조사결과 및 분석 136
A. 조사 대상의 기초 조사 136
B. 사용자 인터페이스 디자인 구성요소에 따른 분석결과 139
C. 포털사이트 비교 분석결과 146
4. 사례분석 결과와 전문가 평가조사 결과 152
A. 네이버 152
B. 다음 154
C. 네이트 155
D. 파란 157
E. 줌 159
V. 결론 및 논의 161
1. 연구결론 161
2. 연구한계 및 제언 164
참고문헌 165
부록_설문지 168
ABSTRACT 173
〈표 1〉 2001~2007 상위 20위권 사이트 변화 추이 19
〈표 2〉 종합포털사이트 순위정보 (2012. 04) 23
〈표 3〉 전체 사이트 중 조인스MSN, 야후코리아, 파란, 줌의 순위정보 (2012.01.17-2012.04.10) 24
〈표 4〉 사용자 인터페이스 디자인을 위한 기법 36
〈표 5〉 레이아웃의 기본 요소 41
〈표 6〉 색상의 선택 시 고려사항 47
〈표 7〉 문자 표현에 따른 장단점 48
〈표 8〉 제이콥 닐슨의 웹 사용성 평가원칙 75
〈표 9〉 엘리슨의 웹 사용성 평가원칙 75
〈표 10〉 스티브 크룩의 웹 사용성 평가원칙 76
〈표 11〉 노주환의 웹 사용성 평가원칙 77
〈표 12〉 임도헌의 웹 사용성 평가원칙 78
〈표 13〉 웹 사용자 인터페이스 디자인 구성요소에 따른 사용자 인터페이스 분석표 80
〈표 14〉 메인화면 사용자 인터페이스 디자인 분석을 위한 웹 사용성 평가원칙 81
〈표 15〉 디자인 구성요소에 따른 '네이버' 사용자 인터페이스 분석표 84
〈표 16〉 디자인 원리에 따른 '네이버' 사용자 인터페이스 분석표 87
〈표 17〉 디자인 구성요소에 따른 '다음' 사용자 인터페이스 분석표 91
〈표 18〉 디자인 원리에 따른 '다음' 사용자 인터페이스 분석표 94
〈표 19〉 디자인 구성요소에 따른 '네이트' 사용자 인터페이스 분석표 98
〈표 20〉 디자인 원리에 따른 '네이트' 사용자 인터페이스 분석표 101
〈표 21〉 디자인 구성요소에 따른 '파란' 사용자 인터페이스 분석표 105
〈표 22〉 디자인 원리에 따른 '파란' 사용자 인터페이스 분석표 108
〈표 23〉 디자인 구성요소에 따른 '줌' 사용자 인터페이스 분석표 112
〈표 24〉 디자인 원리에 따른 '줌' 사용자 인터페이스 분석표 114
〈표 25〉 디자인 구성요소에 따른 레이아웃 분석표 117
〈표 26〉 디자인 원리에 따른 레이아웃 분석표 118
〈표 27〉 디자인 구성요소에 따른 콘텐츠 분석표 120
〈표 28〉 디자인 원리에 따른 콘텐츠 분석표 120
〈표 29〉 디자인 구성요소에 따른 내비게이션 분석표 123
〈표 30〉 디자인 구성요소에 따른 색상 분석표 124
〈표 31〉 디자인 원리에 따른 색상 분석표 124
〈표 32〉 디자인 구성요소에 따른 타이포그래피 분석표 126
〈표 33〉 디자인 원리에 따른 타이포그래피 분석표 126
〈표 34〉 디자인 구성요소에 따른 그래픽 분석표 127
〈표 35〉 디자인 원리에 따른 그래픽 분석표 127
〈표 36〉 디자인 구성요소에 따른 애니메이션/동영상 분석표 129
〈표 37〉 디자인 원리에 따른 애니메이션/동영상 분석표 129
〈표 38〉 본 연구에 사용된 조사기법 131
〈표 39〉 조사 방법 133
〈표 40〉 조사 항목 134
〈표 41〉 전문가 평가리스트 세부항목 135
〈표 42〉 조사 대상자의 일반적 사항 136
〈표 43〉 하루 동안의 포털사이트 사용 시간 137
〈표 44〉 주로 방문하는 포털사이트 137
〈표 45〉 포털사이트를 이용하는 이유 138
〈표 46〉 포털사이트 메인화면에 구성되어야 할 중요 콘텐츠 138
〈표 47〉 레이아웃에 대한 평가리스트 139
〈표 48〉 콘텐츠에 대한 평가리스트 140
〈표 49〉 가장 먼저 시선이 가는 콘텐츠 영역 140
〈표 50〉 흥미를 끄는 디자인이나 콘텐츠 영역 141
〈표 51〉 메인화면에서 불필요하다고 생각되는 콘텐츠 영역 141
〈표 52〉 내비게이션에 대한 평가리스트 142
〈표 53〉 색상에 대한 평가리스트 143
〈표 54〉 타이포그래피에 대한 평가리스트 144
〈표 55〉 그래픽에 대한 평가리스트 144
〈표 56〉 애니메이션/동영상에 대한 평가리스트 145
〈표 57〉 메인화면의 장단점 146
〈표 58〉 인터페이스 커스터마이징 사용여부 149
〈표 59〉 '네이버' 사용자 인터페이스의 사용성 순위 150
〈표 60〉 '다음' 사용자 인터페이스의 사용성 순위 150
〈표 61〉 '네이트' 사용자 인터페이스의 사용성 순위 150
〈표 62〉 '파란' 사용자 인터페이스의 사용성 순위 150
〈표 63〉 '줌' 사용자 인터페이스의 사용성 순위 150
〈표 64〉 주방문 포털사이트와 앞으로 사용하고 싶은 포털사이트 151
〈그림 1〉 제 1접면, 제 2접면의 사고방식(Saeki Model) 30
〈그림 2〉 사용자 인터페이스 분류도 31
〈그림 3〉 인간이 형태를 지각하는 원리 : ①근접성 ②유사성 ③폐쇄성 ④연속성 ⑤형과 배경 60
〈그림 4〉 루빈의 컵 62
〈그림 5〉 도형과 배경 간의 관계 62
〈그림 6〉 네이버 메인화면 / 레이아웃 구성 (2012. 04) 83
〈그림 7〉 다음 메인화면 / 레이아웃 구성 (2012. 04) 90
〈그림 8〉 네이트 메인화면 / 레이아웃 구성 (2012. 04) 97
〈그림 9〉 파란 메인화면 / 레이아웃 구성 (2012. 04) 104
〈그림 10〉 줌 메인화면 / 레이아웃 구성 (2012. 04) 111
〈그림 11〉 사용성 테스트에서 테스트한 사람 수와 발견된 문제점과의 관계 132