표제지
목차
논문개요 10
I. 서론 12
A. 연구 배경 및 목적 12
B. 연구 방법 및 내용 13
II. 이론적 배경 16
A. 사용자 인터페이스(UI) 16
1. 사용자 인터페이스(UI)의 개념 16
2. 웹 인터페이스의 특성 17
3. 모바일 인터페이스의 특성 17
4. 모바일 인터페이스 설계 원칙 20
B. 웹 폼 디자인 21
1. 웹 폼 디자인의 개념 21
2. PC 웹 폼과 모바일 폼의 차이점 22
3. 모바일 폼의 형태와 기능 23
4. 모바일 폼 관련 가이드라인 25
III. 연구의 필요성 및 가이드라인 검증 35
A. 취업포털 애플리케이션 사용자 사전 설문조사 35
1. 조사의 목적 35
2. 조사의 개요와 범위 35
3. 결과 및 분석 37
B. 모바일 폼 가이드라인 전문가 검증 41
1. 전문가 검증의 목적과 개요 41
2. 전문가 검증 결과 42
IV. 사례 분석 52
A. 취업포털 애플리케이션 사례 분석 52
1. 사람인 52
2. 잡코리아 55
3. 알바몬 57
4. 알바천국 59
5. 가이드라인을 통한 분석 61
B. 개인화서비스를 제공하는 해외 애플리케이션 사례 분석 63
1. ZipRecruiter Job search 64
2. MyFitnessPal 66
3. Netflix 69
4. Zillow 72
5. 가이드라인을 통한 분석 74
C. 가이드라인 수정 및 보완 77
V. 모바일 입력 폼 개선 82
A. 프로토타입 제작 82
B. 사용성 평가 90
1. 사용성 평가 설계 및 수행 90
2. 결과 분석 92
C. 프로토타입 개선 96
VI. 결론 및 제언 101
참고문헌 103
ABSTRACT 106
〈표1〉 연구 방법 및 내용 15
〈표2〉 PC 환경과 다른 모바일 환경의 특징 18
〈표3〉 모바일 핵심 터치 제스처 19
〈표4〉 PC 웹 폼과 모바일 폼의 차이점 22
〈표5〉 모바일 폼의 형태 24
〈표6〉 모바일 폼 가이드라인 정리 33
〈표7〉 사전 설문조사 개요 36
〈표8〉 설문조사 문항 36
〈표9〉 사용자들이 요구하는 취업포털 애플리케이션의 개선사항 40
〈표10〉 전문가 검증 개요 41
〈표11〉 전문가 프로필 41
〈표12〉 평가 응답에 따른 배점 42
〈표13〉 모바일 폼 가이드라인 전문가 검증 항목과 결과 42
〈표14〉 가이드라인 항목 2에 대한 부정적 의견 45
〈표15〉 가이드라인 항목 7에 대한 부정적 의견 45
〈표16〉 가이드라인 항목 14에 대한 부정적 의견 46
〈표17〉 가이드라인 항목 17에 대한 부정적 의견 46
〈표18〉 가이드라인 항목 27에 대한 부정적 의견 47
〈표19〉 전문가 검증을 통해 수정된 모바일 폼 가이드라인 48
〈표20〉 사람인 - 입력 폼에 대한 분석항목 53
〈표21〉 사람인 - 항목 별 적용된 폼의 형태 및 사용방법 54
〈표22〉 잡코리아 - 입력 폼에 대한 분석항목 55
〈표23〉 잡코리아 - 항목 별 적용된 폼의 형태 및 사용방법 56
〈표24〉 알바몬 - 입력 폼에 대한 분석항목 57
〈표25〉 알바몬 - 항목 별 적용된 폼의 형태 및 사용방법 58
〈표26〉 알바천국 - 입력 폼에 대한 분석항목 59
〈표27〉 알바천국 - 항목 별 적용된 폼의 형태 및 사용방법 60
〈표28〉 사람인, 잡코리아, 알바몬, 알바천국 가이드라인 분석 61
〈표29〉 ZipRecruiter - 입력 폼에 대한 분석항목 65
〈표30〉 ZipRecruiter - 항목 별 적용된 폼의 형태 및 사용방법 66
〈표31〉 MyFitnessPal - 입력 폼에 대한 분석항목 68
〈표32〉 MyFitnessPal - 항목 별 적용된 폼의 형태 및 사용방법 69
〈표33〉 Netflix - 입력 폼에 대한 분석항목 71
〈표34〉 Netflix - 항목 별 적용된 폼의 형태 및 사용방법 72
〈표35〉 Zillow - 입력 폼에 대한 분석항목 73
〈표36〉 Zillow - 항목 별 적용된 폼의 형태 및 사용방법 74
〈표37〉 개인화서비스를 제공하는 해외 애플리케이션 가이드라인 분석 75
〈표38〉 사례 분석을 통해 도출된 특징 77
〈표39〉 최종 모바일 폼 가이드라인 80
〈표40〉 모바일 인터페이스 설계 원칙 82
〈표41〉 공통으로 반영된 가이드라인 항목 83
〈표42〉 프로토타입 (서비스 첫 화면/경력 선택 화면) 84
〈표43〉 프로토타입 (성별 및 나이 입력 화면/지역 입력 화면) 85
〈표44〉 프로토타입 (직무 입력 화면/연봉 입력 화면) 86
〈표45〉 프로토타입 (근무형태 선택 화면/기업형태 선택 화면) 87
〈표46〉 프로토타입 (복지형태 선택 화면/작성 완료 후 화면) 88
〈표47〉 프로토타입 (맞춤 채용 설정 체크리스트 화면) 89
〈표48〉 사용성 평가 개요 90
〈표49〉 사용성 평가자 프로필 90
〈표50〉 사용성 평가 항목 92
〈표51〉 사용성 평가 의견 93
[그림1] 레이블은 필드 위쪽에 위치시켜야 한다. 26
[그림2] '*'기호를 없애고 선택 입력 항목에 표시한다. 27
[그림3] 레이블 대신 플레이스 홀더를 사용하지 않는다. 27
[그림4] 행동을 유도하는 버튼에는 행동을 레이블로 써준다. 28
[그림5] 선택지가 6개 이하라면 모두 노출시킨다. 28
[그림6] 현재 진행하고 있는 입력 폼 진행상황을 표시해준다. 29
[그림7] 자동완성기능을 활용한다. 29
[그림8] 유연한 입력 형식을 활용한다. 30
[그림9] 한 화면에 하나의 항목만 표현한다. 33
[그림10] 사전 설문조사 결과 37
[그림11] 사전 설문조사 결과 38
[그림12] 사전 설문조사 결과 39
[그림13] 사전 설문조사 결과 39
[그림14] 전화번호 입력 시 제공되는 키패드 64
[그림15] 키(신장) 입력 시 제공되는 시각화된 슬라이더 67
[그림16] 입력의 오류와 유효함을 표시 70
[그림17] 전체 프로토타입 화면 91
[그림18] 프로토타입 사용성 테스트 수행 91
[그림19] 개선 프로토타입 - 서비스 첫 화면 96
[그림20] 개선 프로토타입 - 튜토리얼 화면 97
[그림21] 개선 프로토타입 - 근무형태 체크 화면 98
[그림22] 개선 프로토타입 - 직무 입력 화면 (카테고리 선택 버튼) 99
[그림23] 개선 프로토타입 - 직무 입력 화면 (자동입력완성) 100