표제지
국문요약
목차
제1장 서론 12
1.1. 연구배경 및 목적 12
1.2. 연구 범위 및 구성 18
제2장 이론적 고찰 20
2.1. 멀티 플랫폼(Multi-platform) 20
2.1.1. 멀티 플랫폼의 개념 20
2.1.2. PC 웹과 모바일 웹 환경의 특성 22
2.2. PC웹과 모바일 웹에서의 사용자 인터페이스 27
2.2.1. 사용자 인터페이스(User Interface)개념 27
2.2.2. PC 웹의 사용자 인터페이스의 이해 28
2.2.3. 모바일 웹의 사용자 인터페이스의 이해 33
2.2.4. PC웹과 모바일 웹의 디자인 구성요소 38
2.3. 사용성과 일관성 40
2.3.1. 사용성(Usability) 40
2.3.2. 일관성(Consistency) 43
제3장 연구 방법 52
3.1. 연구 내용 및 목적 52
3.1.1. 연구 설계 53
3.2. 실증적 분석 평가 57
3.2.1. 참가자 57
3.2.2. 평가 방법 60
3.2.3. 평가 절차 62
3.2.4. 평가 결과 및 분석 64
3.3. 전문가 심층 인터뷰(In-depth Interview) 92
3.3.1. 인터뷰 목적 및 대상 92
3.3.2. 인터뷰 결과 및 분석 93
제4장 결론 96
참고문헌 99
ABSTRACT 103
[표 1] 국내 포털사이트 모바일 웹 화면 변화의 예 15
[표 2] PC 웹과 모바일 웹의 특징 비교 25
[표 3] PC 웹 사용자 인터페이스 디자인 요소 정리 29
[표 4] 모바일 웹 사용자 인터페이스 디자인 요소 정리 35
[표 5] 모바일 네이버 웹의 정보구조 분류의 예 36
[표 6] PC 웹과 모바일 웹의 디자인 구성요소 정리 39
[표 7] 사용성을 높이기 위한 방법 45
[표 8] 멀티 플랫폼에서의 일관성 고려 사항 48
[표 9] Nielsen의 10가지 사용성 평가 항목 54
[표 10] Think aloud 기법 연습 내용 55
[표 11] 자료수집 방법 56
[표 12] 참가자 프로파일 58
[표 13] 참가자 그룹 기준 59
[표 14] 태스크 내용 63
[표 15] 시지각적 연결성 결과 분석표 64
[표 16] 인지적 연결성 결과 분석표 72
[표 17] 기능적 연결성 결과 분석표 81
[표 18] 전문가 심층 인터뷰 참가자 기준 92
[표 19] 전문가 심층 인터뷰를 통한 제언 94
[그림 1] 주요 기기들의 연간 출하량 추이 12
[그림 2] 모바일에 최적화된 모바일 웹(좌), PC웹(우)의 풀브라우징의 비교 예 14
[그림 3] 논문의 구성도 19
[그림 4] PC 웹 해상도 점유 비율 22
[그림 5] 모바일 폰 디스플레이 화면 크기 변화 23
[그림 6] 모바일 폰 제스처 38
[그림 7] 사용성의 속성체계 41
[그림 8] PC 웹 플랫폼(좌)과 모바일 웹(우)의 예 49
[그림 9] 인간의 감각 양식과 행동 양식 50
[그림 10] PC 웹과 모바일 웹 UI 일관성 요소 도출을 위한 평가구성요소 52
[그림 11] Usability Test 참가자의 사용성 문제 발견에 관한 그래프 57
[그림 12] 참가자가 태스크를 진행하는 과정 60
[그림 13] 서울대학병원 PC 웹사이트(좌)와 스마트폰 웹 사이트(우)화면 61
[그림 14] 대상 웹사이트 로고를 시각 처리한 화면 62
[그림 15] PC 웹(좌)와 스마트폰 웹(우)사이트에서 본 색상과 아이콘 67
[그림 16] 스마트폰 웹 찾아오시는 길 아이콘(좌)와 PC 웹 아이콘(우) 68
[그림 17] 시지각적 연결성 결과 분석 그래프 70
[그림 18] PC 웹 아이콘(좌)와 스마트폰 웹 아이콘(우)의 혼돈 유발의 예 73
[그림 19] PC 웹 의료진 아이콘(좌)와 스마트폰 웹 아이콘(우) 화면 74
[그림 20] 인지적 연결성 결과 분석 그래프 78
[그림 21] PC 웹(좌)와 스마트폰 웹(우)의 사이트에서 본 로그인 위치 82
[그림 22] PC 웹(좌)과 스마트폰 웹(우)사이트에서 예약 혼돈의 예 82
[그림 23] PC 웹(좌)과 스마트폰 웹(우)사이트에서 본 진료과 순서 83
[그림 24] PC 웹(좌)와 스마트폰 웹(우)의 사이트에서 본 진료예약 날짜 화면 86
[그림 25] 기능적 연결성 결과 분석 그래프 90