표제지
목차
논문요약 11
I. 서론 13
1. 연구배경 및 연구목적 13
2. 연구방법 및 범위 16
3. 연구구성 17
II. 이론적 고찰 18
1. 스마트폰 디바이스의 이론적 배경 18
A. 스마트폰 디바이스의 개념 18
B. 스마트폰 디바이스의 역사 20
C. 스마트폰 디바이스의 시장 동향 22
2. 웹 UI(사용자 인터페이스)의 이해 23
A. 웹에서의 UI 개념 23
B. 웹에서의 UI 고려사항 25
C. 모바일 웹에서의 UI 개념 28
D. 모바일 웹에서의 UI 고려사항 30
3. 포털사이트 개념 및 국내 포털사이트 핵심서비스 34
A. 국내 포털사이트 개념 및 특성 34
B. 인터넷 환경의 발달과 국내 포털사이트의 전개 36
C. 국내 포털사이트의 동향 37
D. 국내 포털사이트의 핵심 서비스 41
III. 사례 분석 42
1. 데스크탑 웹과 모바일 웹의 비교 분석 42
A. 브라우저 환경 42
B. 서비스 환경 44
C. 사용자 측면의 비교 46
D. 웹 접근성의 비교 47
E. 인터렉션 비교 48
2. 모바일 웹 포털사이트 메인페이지의 UI 사례 분석 49
A. 네이버(www.naver.com) 49
B. 다음(www.daum.net) 52
C. 네이트(www.nate.com) 55
3. 사례 결과 분석 58
A, 포털사이트의 모바일 UI 디자인 공통점, 차이점 비교 분석 58
IV. 설문 조사를 통한 모바일 웹 UI 디자인 제안 62
1. 연구문제 및 가설 62
2. 연구방법 및 설계 64
A. 조사방법과 구성 64
B. 조사대상의 성별 65
C. 조사대상의 연령 66
D. 분석을 위한 세부 조사 67
3. 설문 조사 결과 분석 및 결론 78
4. 스마트폰 디바이스를 위한 포털사이트의 UI 디자인 제안 82
V. 결론 및 연구과제 91
1. 결론 91
2. 연구한계 및 향후 연구과제 96
VI. 참고문헌 97
부록_설문지 99
ABSTRACT 112
〈표1〉 모바일 웹 포털사이트 방문자 현황 14
〈표2〉 개방성 측면에서의 일반 휴대폰과 스마트폰의 비교 19
〈표3〉 스마트폰 디바이스의 변천사 21
〈표4〉 모바일 웹 가이드 31
〈표5〉 모바일 특성과 웹 스타일 가이드 관련 요소 32
〈표6〉 지식 검색의 유용성 평가 39
〈표7〉 2005년~2010년도 포털사이트 이용 방문자수와 페이지뷰 40
〈표8〉 2011년 최근 1년간 조사된 데스크탑 화면 해상도 점유 비율 42
〈표9〉 데스크탑의 웹과 모바일 웹의 서비스 환경 비교 44
〈표10〉 데스크 탑 웹과 터치스크린 모바일에서 손 동작 비교 48
〈표11〉 국내 포털사이트 모바일 웹 사례조사 분석 59
〈표12〉 데스크 탑 웹, 모바일 웹 스타일 가이드에 따른 유사성 비교 분석 60
〈표13〉 조사대상의 성별 65
〈표14〉 조사대상의 연령대 66
〈표15〉 조사대상의 연령대 (명) 66
〈표16〉 최근 3개월 이내 모바일 웹 포털 이용자 (N=100, 명) 67
〈표17〉 최근 3개월 이내 데스크탑 웹의 포털 메인 페이지 주 이용 이유 (N=100, 명) 68
〈표18〉 최근 3개월 이내 모바일 웹의 포털 메인 페이지 주 이용 이유 (N=100, 명) 69
〈표19〉 데스크탑 웹의 포털 메인 페이지 주 이용 서비스 70
〈표20〉 모바일 웹의 포털 메인 페이지 주 이용 서비스 70
〈표21〉 모바일 웹의 포털 메인 페이지 주요 방문 목적 71
〈표22〉 모바일 웹의 네이버 메인페이지 전반적 만족도 72
〈표23〉 모바일 웹의 다음 메인페이지 전반적 만족도 73
〈표24〉 모바일 웹의 네이트 메인페이지 전반적 만족도 73
〈표25〉 모바일 웹의 네이버 메인페이지 만족 및 불만족 요인 74
〈표26〉 모바일 웹의 다음 포털 메인페이지 속성 만족 및 불만족 요인 75
〈표27〉 모바일 웹의 네이트 포털 메인페이지 속성 만족 및 불만족 요인 76
〈표28〉 모바일 웹의 네이버 메인페이지 속성 만족도 77
〈표29〉 모바일 웹의 다음 메인페이지 속성 만족도 77
〈표30〉 모바일 웹의 네이트 메인페이지 속성 만족도 77
〈표31〉 모바일 웹의 포털사이트 메인페이지에 주 이용 현황 및 만족도 설문 조사 분석 78
〈표32〉 포털사이트의 모바일 웹 UI 디자인 가이드 90
〈그림1〉 모바일 웹에서의 UI 개념 29
〈그림2〉 데스크탑의 웹 과 모바일 웹의 사용자 측면 비교 46
〈그림3〉 네이버 데스크탑 웹의 메인화면 (www.naver.com) 49
〈그림4〉 네이버 모바일 웹의 메인 (2011년~) 50
〈그림5〉 다음 데스크탑 웹의 메인화면 (www.daum.net) 52
〈그림6〉 다음 모바일 웹의 현재 메인 (2011년~) 53
〈그림7〉 네이트 데스크탑 웹의 메인화면 (www.nate.com) 55
〈그림8〉 네이트 모바일 웹의 현재 메인 (2011년~) 56
〈그림9〉 모바일 웹의 3사 포털사이트 (네이버, 다음, 네이트) 58
〈그림10〉 네이버 콘텐츠 중요도 83
〈그림11〉 다음 콘텐츠 중요도 83
〈그림12〉 네이트 콘텐츠 중요도 83
〈그림13〉 모바일 웹의 포털사이트 네이버 레이아웃 제안 (검색형) 84
〈그림14〉 아이폰에 반영된 모바일 웹의 네이버 메인페이지 85
〈그림15〉 모바일 웹의 포털사이트 네이버 UI 디자인 제안 (개인형) 86
〈그림16〉 아이폰에 반영된 모바일 웹의 다음 메인페이지 87
〈그림17〉 아이폰에 반영된 모바일 웹의 네이트 메인페이지 88
〈그림18〉 아이폰에 반영된 모바일 웹의 네이트 메인페이지 89
〈그림19〉 네이버-검색형 UI 95
〈그림20〉 다음-개인형 UI 95
〈그림21〉 네이트-아이콘 UI 95