표제지
목차
국문초록 8
I. 서론 10
1. 연구의 배경 및 목적 10
2. 연구의 내용 및 방법 12
II. 이론적 배경 14
1. 웹 환경의 변화 14
1.1. 웹 접속 디바이스의 변화 14
1.2. 반응형 웹 16
2. 해상도 및 브레이크 포인트 20
2.1. 디바이스 해상도의 변화 20
2.2. 반응형 웹에서의 브레이크 포인트 24
3. 웹과 내비게이션 바 29
3.1. 내비게이션 바의 목적과 역활 29
3.2. 반응형 웹 내비게이션 바 31
4. 모바일에서의 내비게이션 인터랙션 37
4.1. 모바일의 반응형 웹 내비게이션의 인터랙션 37
4.2. 모바일의 반응형 웹 내비게이션의 인터랙션 요소 38
III. 사용 효율성 실험 분석 40
1. 연구문제 40
2. 독립변인과 종속변인 42
3. 피험자 42
4. 연구방법 35
5. 결과 48
5.1. 성공률 분석 48
5.2. 수행 시간 분석 50
IV. 사용자 경험 설문 분석 52
1. 연구문제 52
2. 독립변인과 종속변인 53
3. 피험자 54
4. 연구방법 55
5. 결과 57
5.1. 신뢰도 57
5.2. 요소 분석 58
V. 결론 및 고찰 61
1. 연구 결론 61
2. 연구의 한계점 및 향후 연구 64
참고문헌 65
Abstract 68
摘要 70
부록 : 반응형 웹 디자인에서 사용자 경험 질문지 72
[표1] 모바일 디바이스에 따른 해상도 22
[표2] 태블릿 디바이스에 따른 해상도 23
[표3] 디바이스별 화면 밀도와 축소 비율 26
[표4] iPhone5 임무 성공률에 대한 대응표본 통계량 48
[표5] iPhone5 임무 성공률에 대한 표본 t 검증 결과 분석 48
[표6] iPhone6 임무 성공률에 대한 대응표본 통계량 49
[표7] iPhone6 임무 성공률에 대한 표본 t 검증 결과 분석 49
[표8] iPhone5 임무 시간에 대한 대응표본 통계량 50
[표9] iPhone5 임무 시간에 대한 표본 t 검증 결과 분석 50
[표10] iPhone6 임무 시간에 대한 대응표본 검증 51
[표11] iPhone6 임무 시간에 대한 표본 t 검증 결과 분석 51
[표12] 측정 요소에 대한 변수 설정 및 측정 방법 55
[표13] 내비게이션 경험에 관한 질문 56
[표14] 사용자의 경험 변수 신뢰도 분석 57
[표15] iPhone5 사용자 경험요소에 대한 대응표본 통계량 58
[표16] iPhone5 사용자 경험요소에 대한 표본 t 검증 결과 분석 58
[표17] iPhone6 사용자 경험요소에 대한 대응표본 통계량 59
[표18] iPhone6 사용자 경험요소에 대한 표본 t 검증 결과 분석 59
[그림1] 브레이크 포인트와 제안된 브레이크 포인트 12
[그림2] 2010~2016 Desktop, Mobile, Tablet 사용량 변화 14
[그림3] 미국인의 하루 디바이스별 사용 시간 15
[그림4] 반응형 웹 구조 18
[그림5] 2010~2016 해상도 변화 20
[그림6] 스마트폰 제조사별 화면 사이즈 변화 21
[그림7] 브레이크 포인트-웹 24
[그림8] 브레이크 포인트-디바이스 25
[그림9] dp에 의거하여 도출한 브레이크 포인트 분포 27
[그림10] Filp: 간단한 스마트 내비게이션 메뉴형식 32
[그림11] Create: 간단하고 스마트한 내비게이션 메뉴형식 32
[그림12] Forefathers Group:도표형식 네비게이션 메뉴(단열형식) 33
[그림13] Travelorego:도표형식 네비게이션 메뉴(2열 형식) 33
[그림14] Regent College:도표형식 네비게이션 메뉴(다행다열 형식) 34
[그림15] Microsoft: 숨김 형식의 드롭다운 내비게이션 메뉴 34
[그림16] ISO: 숨김 형식의 드롭다운 내비게이션 메뉴 35
[그림17] OBP와 NBP의 비교 41
[그림18] 측정 과정 43
[그림19] 대응되는 dp 디바이스 선택 44
[그림20] NBP의 iPhone 4 시뮬레이터 45
[그림21] NBP의 iPhone 5 시뮬레이터 45
[그림22] NBP의 iPhone 6 시뮬레이터 45
[그림23] OBP의 실험용 시뮬레이터 46
[그림24] NBP의 실험용 시뮬레이터 46