표제지
국문초록
목차
제1장 서론 12
1.1 연구의 배경 12
1.2 연구의 목적 14
1.3 연구 체계 15
제2장 전문가 조사를 통한 기업 실무의 UI 스토리보드 문서 현황 파악 17
2.1 사용자 조사 기법 17
2.1.1 사용자 조사 종류 17
2.1.2 사용자 조사 21
2.1.3 사용자 조사 분석 및 결과 22
2.2 기업의 UI 스토리보드 문서 특징 24
2.2.1 UI 스토리보드 문서 정의 및 역할 24
2.2.2 UI 스토리보드 문서 작성 프로세스 25
2.2.3 UI 스토리보드 문서 내용 25
2.2.4 UI 스토리보드의 세부 흐름도 표기법 29
2.2.5 UI 스토리보드 문서의 화면정의에 사용된 기호 31
2.3 모바일 폰 인터페이스 디자인에서의 디스플레이 구성 요소 32
2.3.1 인터페이스 요소(UI Component) 32
2.3.2 인터페이스 템플릿(UI Templates) 유형 35
2.3.3 인터랙션 행위(Interaction Behaviors) 36
2.3.4 인터랙션 흐름(Interaction Flows) 37
2.4 기업 실무의 UI 스토리보드 문서 현황 파악 결과 39
제3장 UI 스토리보드 문서작성용 컴퓨터 기반 도구 분석 41
3.1 마이크로소프트 오피스 파워포인트 41
3.1.1 파워포인트 개요 41
3.1.2 UI 스토리보드 문서의 내용과 파워포인트 기능 42
3.1.3 UI 스토리보드 문서 작성에 있어 파워포인트의 장점 및 한계점 43
3.2 마이크로소프트 오피스 비지오 45
3.2.1 비지오 개요 45
3.2.2 UI 스토리보드 문서의 내용과 비지오 46
3.2.3 UI 스토리보드 문서 작성에 있어 비지오의 장점 및 한계점 46
3.3 컴퓨터 기반 도구 분석 결과 48
제4장 문서 작성 태스크 및 작성 시나리오와 제안 기능 50
4.1 태스크 분석 50
4.1.1 태스크 분석 목적 및 방법 50
4.1.2 문서 작성 태스크 50
4.1.3 기능 화면 작성 절차 51
4.2 선호 도구를 이용한 UI 스토리보드 문서 작성 시나리오 53
4.3 제안 기능 54
제5장 UI 스토리보드 문서 작성용 컴퓨터기반 도구 UI 디자인 및 검증 57
5.1 UI 스토리보드 문서 작성용 컴퓨터기반 도구 제안 목적 57
5.2 제안 도구의 요구사항과 컨셉 58
5.2.1 제안 도구의 개발 요구사항 58
5.2.2 제안도구의 컨셉 58
5.3 UCL의 UI 디자인 59
5.3.1 UCL의 기능 분류 59
5.3.2 UCL의 사용 시나리오 60
5.3.3 UCL의 사용 시퀀스 61
5.3.4 UCL의 메뉴 구조도 62
5.4 화면 정의와 프로토타입 63
5.4.1 UCL의 Frame-work 63
5.4.2 화면 정의 및 기능 Flow 63
5.5 효용성 검증 71
5.5.1 평가 개요 71
5.5.2 전문가 평가 항목 72
5.5.3 전문가 평가 결과 72
제6장 연구 결론 및 향후 과제 75
6.1 연구 결론 75
6.2 향후 과제 76
참고문헌 77
Abstract 78
[표 1] 질적 연구와 양적 연구의 차이 18
[표 2] 소비자 조사의 방법 및 분류 20
[표 3] 사용자 조사 결과 23
[표 4] UI 스토리보드 문서 내용 25
[표 5] 흐름도에 사용되는 기호와 그 기능 30
[표 6] 흐름도에 사용되는 기호와 그 기능 48
[표 7] 라이브러리 기능 59
[표 8] UCL의 메뉴 구조도 62
[그림 1] 연구 체계 15
[그림 2] UI 스토리보드 문서의 역할 24
[그림 3] UI 스토리보드 문서 작성 프로세스 25
[그림 4] 문서 버전의 예 26
[그림 5] 제품 구성 및 키 구성에 대한 설명 예 26
[그림 6] 스크린 구성에 대한 세부 설명 예 27
[그림 7] 스크린상의 화면 분할 계획 28
[그림 8] 세부 흐름도 및 설명 예 28
[그림 9] 화면정의에 기반한 스토리 보드의 예 : MMS 31
[그림 10] 화면정의에 사용된 각 기호 31
[그림 11] 영역구분 화면 33
[그림 12] 단일선택 리스트화면 (좌)와 다중선택 리스트 화면(우) 33
[그림 13] 하드웨어의 키 종류 예 35
[그림 14] 마이크로소프트 파워포인트를 이용한 UI 스토리보드 작성화면 41
[그림 15] 마이크로소프트 파워포인트2003의 도형 도구 박스 42
[그림 16] 마이크로소프트 비지오를 이용한 Flow 작성화면 45
[그림 17] 문서 작성 태스크의 예 (마이크로소프트 오피스 파워포인트를 이용) 51
[그림 18] 기능 화면 작성 절차 52
[그림 19] 마이크로소프트 오피스 파워포인트의 GUI 레이아웃 63
[그림 20] UCL 화면 구성 64
[그림 21] UCL의 GUI 화면 65
[그림 22] 파워포인트에서 UCL의 실행 66
[그림 23] UCL에서의 항목 추가 작성 및 적용 67
[그림 24] UCL에서의 항목 수정 및 적용 68
[그림 25] UCL에서의 항목 추가 작성 및 적용 69
[그림 26] UCL에서의 항목 추가 작성 및 적용 70
[그림 27] 전문가 평가 프로세스 71
[그림 28] 전문가 평가 71