제1장 웹 컨텐츠의 6가지 정보유형 Identity ... 16 Identity 사이트 ... 16 Identity 사이트의 특징 ... 16 Identity 사이트 인터페이스 분석 ... 17 Information ... 24 Information 사이트 ... 24 Information 사이트의 특징 ... 25 Information 사이트 인터페이스 분석 ... 26 Shopping ... 32 Shopping 사이트 ... 32 Shopping 사이트의 특징 ... 33 Shopping 사이트 인터페이스 분석 ... 34 Learning ... 40 Learning 사이트 ... 40 Learning 사이트의 특징 ... 41 Learning 사이트 인터페이스 분석 ... 42 Community ... 48 Community 사이트 ... 48 Community 사이트의 특징 ... 49 Community 사이트 인터페이스 분석 ... 50 Entertainment ... 56 Entertainment 사이트 ... 56 Entertainment 사이트의 특징 ... 56 Entertainment 사이트 인터페이스 분석 ... 58 제2장 정보유형에 따른 기본 인터페이스 분석 Identity | 기본 인터페이스 분석 ... 66 Identity 사이트의 레이아웃 영역 ... 66 조사대상 사이트 ... 67 Identity 사이트의 레이아웃 유형 ... 70 Identity 사이트의 메인 페이지 구성 ... 73 Identity 사이트의 칼라 ... 74 Identity 사이트의 비주얼 ... 77 Identity 사이트의 컨텐츠 ... 80 Information | 기본 인터페이스의 분석 ... 82 Information 사이트의 레이아웃 영역 ... 82 조사대상 사이트 ... 83 Information 사이트의 레이아웃 유형 ... 84 Information 사이트의 메인 페이지 구성 ... 93 Information 사이트의 칼라 ... 94 Information 사이트의 비주얼 ... 97 Information 사이트의 컨텐츠 ... 100 Shopping | 기본 인터페이스 분석 ... 102 Shopping 사이트의 레이아웃 영역 ... 102 조사대상 사이트 ... 103 Shopping 사이트의 레이아웃 유형 ... 104 Shopping 사이트의 메인 페이지 구성 ... 110 Shopping 사이트의 칼라 ... 112 Shopping 사이트의 비주얼 ... 115 Shopping 사이트의 컨텐츠 ... 117 Learning | 기본 인터페이스 분석 ... 120 Learning 사이트의 레이아웃 영역 ... 120 조사대상 사이트 ... 121 Learning 사이트의 레이아웃 유형 ... 122 Learning 사이트의 메인 페이지 구성 ... 127 Learning 사이트의 칼라 ... 128 Learning 사이트의 비주얼 ... 131 Learning 사이트의 컨텐츠 ... 133 Community | 기본 인터페이스 분석 ... 134 Community 사이트의 레이아웃 영역 ... 134 조사대상 사이트 ... 135 Community 사이트의 레이아웃 유형 ... 136 Community 사이트의 메인 페이지 구성 ... 143 Community 사이트의 칼라 ... 145 Community 사이트의 비주얼 ... 148 Community 사이트의 컨텐츠 ... 150 Entertainment | 기본 인터페이스 분석 ... 152 Entertainment 사이트의 레이아웃 영역 ... 152 조사대상 사이트 ... 153 Entertainment 사이트의 레이아웃 유형 ... 154 Entertainment 사이트의 메인 페이지 구성 ... 160 Entertainment 사이트의 칼라 ... 161 Entertainment 사이트의 비주얼 ... 164 Entertainment 사이트의 컨텐츠 ... 167 제3장 사이트 목적에 맞는 최적의 인터페이스 디자인 모델 Identity | 이상적인 화면설계와 구성요소 ... 170 Main Navigation Area ... 171 Main Image Area ... 172 Navigation Area ... 173 Contents Area ... 174 Copyright ... 175 Information | 종합 검색포탈 사이트의 이상적인 화면설계와 구성요소 ... 176 종합 검색포탈 사이트의 이상적인 화면설계와 구성요소 ... 176 Main Navigation Area ... 177 Contents Area Or Event Area ... 178 Directoty Area ... 178 Copyright ... 179 Information | 신문/언론사 사이트의 이상적인 화면설계와 구성요소 ... 180 신문/언론사 사이트의 이상적인 화면설계와 구성요소 ... 180 Main Navigation Area ... 181 Event Or Changeable Menu Area ... 181 Contents Area ... 182 Copyright ... 183 Information 사이트의 이상적인 디자인 컨셉 방향 ... 183 Shopping | 이상적인 화면설계와 구성요소 ... 184 Shopping 사이트의 이상적인 화면설계와 구성요소 ... 184 Main Navigation Area ... 185 Event Or Changeable Menu Area ... 185 Contents Area ... 186 Copyright ... 186 Shopping 사이트의 이상적인 디자인 컨셉 방향 ... 187 Learning | 이상적인 화면설계와 구성요소 ... 188 Learning 사이트의 이상적인 화면설계와 구성요소 ... 188 Main Navigation Area ... 186 Event Or Changeable Menu Area ... 189 Contents Area ... 190 Copyright ... 191 Learning 사이트의 이상적인 디자인 컨셉 방향 ... 191 Community | 이상적인 화면설계와 구성요소 ... 192 Community 사이트의 이상적인 화면설계와 구성요소 ... 192 Main Navigation Area ... 192 Event Or Changeable Menu Area ... 193 Contents Area ... 194 Copyright ... 195 Community 사이트의 이상적인 디자인 컨셉 방향 ... 195 Entertainment | 이상적인 화면설계와 구성요소 ... 196 Entertainment 사이트의 이상적인 화면설계와 구성요소 ... 196 Main Navigation Area ... 197 Login Area ... 198 General Menu Area Or Event Area ... 199 Contents Area ... 200 Copyright ... 201 Entertainment 사이트의 이상적인 디자인 컨셉 방향 ... 201 제4장 정보유형에 적합한 사용자 인터페이스와 인터랙티브 디자인 사례 Identity | 사이트의 목적과 일관성에 대한 사례 ... 204 기업의 가치적 아이덴티티 ... 204 비주얼 소재 ... 205 글로벌 아이덴티티 ... 206 글로벌 네비게이션 시스템의 일관성 ... 208 'Creative' 글로벌 네비게이션 시스템 ... 210 뉴스와 이벤트 ... 212 인터랙티브 ... 213 제품 홍보 ... 214 멀티미디어 홍보 ... 217 Identity | 컨텐츠와 서비스 이용의 편의성에 대한 사례 ... 220 퀵(Quick) 링크 서비스 ... 220 웹 매거진 ... 222 특정 사용자를 위한 배려 ... 223 Identity | 네비게이션과 기타 인터페이스에 대한 사례 ... 224 네비게이션 ... 224 Copyright ... 225 계열사 링크 ... 225 인터페이스 디자인 ... 226 제품 홍보 페이지 ... 227 Information | 사이트의 목적과 일관성에 대한 사례 ... 228 글로벌 네비게이션 ... 228 로컬 네비게이션 ... 229 컨텐츠 페이지 구성 ... 230 Information | 컨텐츠와 서비스 이용의 편의성에 대한 사례 ... 234 검색창 ... 234 검색결과 ... 236 개인화 서비스 ... 238 차별화된 서비스 ... 239 Information | 네비게이션과 기타 인터페이스에 대한 사례 ... 240 검색결과 페이지 ... 240 예측성 ... 242 기타 ... 242 Shopping | 사이트의 목적과 일관성에 대한 사례 ... 244 내부적 일관성 ... 244 외부적 일관성 ... 246 정보의 제공 ... 247 이벤트 정보 제공 방법 ... 247 상품 그룹핑 ... 248 Sitemap ... 249 Shopping | 컨텐츠와 서비스 이용의 편의성에 대한 사례 ... 250 FAQ ... 250 고객 게시판 ... 252 고객 서비스 센터 ... 253 상품문의 서비스 ... 254 전자 카탈로그 ... 255 상품 검색 ... 257 상품 비교 서비스 ... 260 주문 ... 261 주문 양식 ... 262 주문 내역조회 ... 264 상품평가 ... 267 Shopping | 네비게이션과 기타 인터페이스에 대한 사례 ... 266 링크 기능의 상실 ... 266 예측성 ... 268 카테고리 아이콘 ... 269 현재 상황을 알리는 기능 ... 269 사용자의 컴퓨터 환경 고려 ... 271 Learning | 사이트의 목적과 일관성에 대한 사례 ... 272 내부적 일관성 ... 272 외부적 일관성 ... 274 레이블링 시스템 ... 274 강의 분류 ... 275 학습동기 유발 ... 276 Learning | 컨텐츠와 서비스 이용의 편의성에 대한 사례 ... 277 메타포 ... 277 학습자료 검색 ... 278 샘플강좌 제공 ... 280 강의등록 유도 ... 281 학습을 위한 아바타 ... 282 개인 맞춤 서비스 ... 283 학습 요소 제공 ... 284 학습 프로그램 지원 ... 285 능력 향상을 위한 학습 ... 286 훈련과 반복 학습 ... 288 Learning | 네비게이션과 기타 인터페이스에 대한 사례 ... 290 손쉬운 페이지 이동 ... 290 피드백 ... 292 용어 설명 ... 293 Community | 사이트의 목적과 일관성에 대한 사례 ... 294 내부적 일관성 ... 294 메뉴 구조 ... 295 네비게이션의 연관성 ... 296 레이블링 ... 298 비주얼 표현 ... 298 목적에 맞는 칼라 시스템 ... 299 광고 ... 300 Community | 컨텐츠와 서비스 이용의 편의성에 대한 사례 ... 302 컨텐츠 내용 ... 302 카테고리 ... 304 클럽찾기 ... 304 쪽지기능 ... 305 개인화 서비스 ... 306 아바타 쇼핑 ... 307 동호회 만들기 ... 308 Community | 네비게이션과 기타 인터페이스에 대한 사례 ... 310 페이지 이동 ... 310 버튼과 이미지의 차별성 ... 311 필요한 버튼의 부족 ... 311 예측성 ... 312 Entertainment | 사이트의 목적과 일관성에 대한 사례 ... 314 글로벌 네비게이션 시스템 ... 314 컨텐츠의 시각적 구분 ... 315 동영상 멀티미디어 ... 317 사운드 멀티미디어 사용자 인터랙션 ... 318 게임 소프트웨어의 인터페이스 ... 320 아바타 ... 321 모바일 서비스 ... 324 Entertainment | 컨텐츠와 서비스 이용의 편의성에 대한 사례 ... 326 개인화 서비스 ... 326 고객지원 기능 ... 327 인터랙션 서비스 ... 328 검색 시스템 ... 329 게임 사용자를 위한 도움말 ... 330 Entertainment | 네비게이션과 기타 인터페이스에 대한 사례 ... 332 아바타 쇼핑몰의 인터페이스 ... 332 회원가입 ... 333 리스트 ... 334 게임 컨텐츠 인터페이스 ... 335 Index | 찾아보기 ... 336