표제지
목차
논문요약 8
제1장 서론 10
1. 연구배경 및 목적 10
2. 연구대상 및 연구방법 12
가. 패턴유형의 추출 12
나. 연구대상의 문제 제기 13
다. GOMS 모델 적용 및 효율성 정량화 14
3. 연구 절차 15
제2장 이론적 배경 16
1. GOMS 모델의 개념 16
2. GOMS 모델 이용에 관한 선행연구 21
가. 모바일 작업에서 GOMS 모델에 대한 논의 21
나. 모바일 적용을 위한 수정된 GOMS 모델 선행 연구 22
3. GOMS 모델 활용을 위한 도구 24
가. GLEAN3 24
나. CogTool 25
다. WebGOMS 26
4. 사용자 인터페이스 패턴 모델의 이해 27
가. UI패턴 선행연구 28
나. UI패턴의 적용 32
다. 사용빈도 높은 UI Pattern의 유형 분류 33
제3장 사례 분석 및 연구 37
1. 연구대상 선정 및 분석 37
가. PC웹사이트 인터페이스 유형 37
나. 모바일웹사이트 인터페이스 유형 39
2. 실험도구 및 연구 과정 40
제4장 연구결과 분석 44
1. GOMS모델 적용 실험 및 결과 44
가. PC웹사이트 인터페이스 비교 결과 44
나. 모바일웹사이트 인터페이스 비교 결과 58
2. 연구대상 문제에 대한 결과와 답변 71
가. PC웹사이트 71
나. 모바일웹사이트 72
3. 결과 분석 74
가. PC웹사이트 인터페이스 결과 분석 74
나. 모바일웹사이트 인터페이스 결과 분석 76
제5장 결론 78
참고문헌 82
ABSTRACT 85
〈표 1〉 GOMS모델의 주요 Operator 17
〈표 2〉 Keystroke-Level GOMS Model Operator 19
〈표 3〉 데스크톱과 터치스크린 모바일에서 조작 차이 비교 22
〈표 4〉 외적/내적 조작자 비교 23
〈표 5〉 PC웹UI패턴 30
〈표 6〉 모바일 패턴 30
〈표 7〉 사용빈도가 높은 주요 UI패턴요소 35
〈표 8〉 PC웹사이트 사례1의 비교결과 47
〈표 9〉 PC웹사이트 사례2 비교결과 51
〈표 10〉 PC웹사이트 사례3의 비교결과 56
〈표 11〉 모바일웹사이트 사례1의 비교결과 61
〈표 12〉 모바일웹사이트 사례2의 비교결과 65
〈표 13〉 모바일웹사이트 사례3의 비교결과 69
〈표 14〉 PC웹사이트 UI패턴별 CogTool 비교 결과 75
〈표 15〉 모바일웹사이트 UI패턴별 CogTool 비교 결과 77
〈그림 1〉 연구절차 15
〈그림 2〉 패턴모델의 이해 28
〈그림 3〉 입.출력 데이터 기본UI 웹패턴 31
〈그림 4〉 패턴의 적용 33
〈그림 5〉 CogTool 실험 과정 40
〈그림 6〉 전체UI A,B를 CogTool Design창으로 가져온 모습 41
〈그림 7〉 CogTool의 개별 Frame 화면 41
〈그림 8〉 CogTool의 script창에 widget(좌)과 조작자(우) 생성모습 42
〈그림 9〉 CogTool의 최종 결과 창. 43
〈그림 10〉 CogTool의 시각화결과 Visualization창 43
〈그림 11〉 PC웹사이트 사례1의 비주얼결과 48
〈그림 12〉 PC웹사이트 사례2의 비주얼결과 52
〈그림 13〉 PC웹사이트 사례3의 비주얼결과 57
〈그림 14〉 모바일웹사이트 사례1의 비주얼결과 62
〈그림 15〉 모바일웹사이트 사례2의 비주얼결과 66
〈그림 16〉 모바일웹사이트 사례3의 비주얼결과 70
〈그림 17〉 PC웹사이트UI의 CogTool결과 74
〈그림 18〉 PC웹사이트 UI패턴별 CogTool 결과 값 비교 75
〈그림 19〉 모바일웹사이트UI의 CogTool결과 76
〈그림 20〉 모바일웹사이트 UI패턴별 CogTool 결과 값 비교 77