표제지
목차
국문초록 12
I. 서론 14
1. 연구목적 14
2. 연구내용 및 방법 15
II. 이론적 고찰 16
1. 브랜드 아파트 16
A. 아파트 브랜드 이해 16
B. 브랜드 아파트 시장 현황 19
2. 모바일 20
A. 모바일 웹 이해 20
B. 모바일 웹 시장 현황 21
C. 모바일 웹과 반응형 웹 23
3. 모바일 디자인 25
A. UI(User Interface) 이해 25
B. UX(User Experience) 이해 27
C. GUI(Graphical User Interface) 이해 28
D. GUI 구성요소 29
4. 선행연구 31
A. 사용성 평가에 관한 정의 31
B. 전문가의 사용성 평가 기준 요인 34
III. 현황조사 및 디자인 분석 40
1. 연구대상 및 선정 배경 40
2. 분석기준 42
3. 사례조사 44
A. 대우건설 푸르지오 44
B. 현대건설 힐스테이트 53
C. 롯데건설 롯데캐슬 61
D. GS건설 자이 69
E. HDC현대산업개발 아이파크 76
F. 삼성물산 래미안 83
4. 사레비교 90
IV. 실증분석연구 102
1. 연구문제 102
2. 조사 도구 103
3. 설문조사 결과 및 분석 105
A. 자료처리방법 105
B. 조사대상의 일반적 사항 106
C. 분석결과 111
V. 결론 및 논의 131
1. 연구결론 131
2. 연구한계 및 제언 134
참고문헌 135
부록(설문지) 138
ABSTRACT 152
〈표 1〉 브랜드 아파트의 시대별 변천과정 17
〈표 2〉 사용성 테스트에 필요한 단계 32
〈표 3〉 제이콥닐슨의 UI 디자인 가이드 34
〈표 4〉 도널드 A. 노먼의 UI 디자인 가이드 37
〈표 5〉 앨리스 J. 헤드의 UI 디자인 가이드 38
〈표 6〉 학자들의 이론을 접목한 GUI 디자인의 사용성 고려사항 39
〈표 7〉 2016년 6월 브랜드평판지수에 따른 건설회사 브랜드 TOP 10 40
〈표 8〉 국내 브랜드 아파트 모바일 웹 User Experience Design 분석 기준 42
〈표 9〉 푸르지오 모바일 웹 UX Design 조사결과 51
〈표 10〉 힐스테이트 모바일 웹 UX Design 조사결과 59
〈표 11〉 롯데캐슬 모바일 웹 UX Design 조사결과 67
〈표 12〉 자이 모바일 웹 UX Design 조사결과 74
〈표 13〉 아이파크 모바일 웹 UX Design 조사결과 81
〈표 14〉 래미안 모바일 웹 UX Design 조사결과 88
〈표 15〉 국내 브랜드 아파트 모바일 웹 User Experience Design 비교분석 표 90
〈표 16〉 브랜드 아파트 차별성 조사 종합결과 91
〈표 17〉 브랜드 아파트 이해편의성 조사 종합결과 92
〈표 18〉 브랜드 아파트 사용편의성 조사 종합결과 93
〈표 19〉 브랜드 아파트 가시성 조사 종합결과 93
〈표 20〉 브랜드 아파트 심미성 조사 종합결과 94
〈표 21〉 설문지의 주요 구성 내용 104
〈표 22〉 설문지의 문항 구성 및 신뢰도 104
〈표 23〉 연구 대상자들의 일반적인 특성 : 빈도분석 106
〈표 24〉 연구 대상자들의 성별에 따른 주요변인 차이 107
〈표 25〉 연구 대상자들의 연령에 따른 주요변인 차이 108
〈표 26〉 연구 대상자들의 근무경력에 따른 주요변인 차이 108
〈표 27〉 연구 대상자들의 근무분야에 따른 주요변인 차이 109
〈표 28〉 브랜드 아파트 모바일 웹 종류에 따른 주요변인 전체 점수 차이 111
〈표 29〉 브랜드 아파트 모바일 웹 종류에 따른 내용의 차별성과 이해 편의성 점수 차이 115
〈표 30〉 브랜드 아파트 모바일 웹 종류에 따른 User Interface의 사용 편의성과 차별성 점수... 119
〈표 31〉 브랜드 아파트 모바일 웹 종류에 따른 Graphical User Interface의 가시성과 심미성... 124
〈표 32〉 브랜드 아파트 모바일 웹에 대한 내용의 차별성과 이해 편의성, User Interface의... 129
〈그림 1〉 반응형 웹 예시 23
〈그림 2〉 메타포 UI 예시 26
〈그림 3〉 푸르지오 메인화면과 메뉴 45
〈그림 4〉 푸르지오 분양안내 화면 45
〈그림 5〉 푸르지오 분양상세 화면 46
〈그림 6〉 푸르지오 갤러리/캐스트/라이프 화면 47
〈그림 7〉 푸르지오 메인 레이아웃 & 네비게이션 48
〈그림 8〉 푸르지오 메인 비주얼 요소 49
〈그림 9〉 푸르지오 서체 49
〈그림 10〉 푸르지오 색상 50
〈그림 11〉 푸르지오 아이콘&버튼 50
〈그림 12〉 힐스테이트 메인화면과 메뉴와 인트로 54
〈그림 13〉 힐스테이트 분양안내 화면 54
〈그림 14〉 힐스테이트 THE H/이벤트 화면 55
〈그림 15〉 힐스테이트 메인 레이아웃 & 네비게이션 56
〈그림 16〉 힐스테이트 메인 비주얼 요소 57
〈그림 17〉 힐스테이트 서체 57
〈그림 18〉 힐스테이트 아이콘&버튼 57
〈그림 19〉 힐스테이트 색상 58
〈그림 20〉 롯데캐슬 메인화면과 메뉴 61
〈그림 21〉 롯데캐슬 분양정보 화면 62
〈그림 22〉 롯데캐슬 이벤트 화면 62
〈그림 23〉 롯데캐슬 메인 레이아웃 & 네비게이션 64
〈그림 24〉 롯데캐슬 메인 비주얼 요소 65
〈그림 25〉 롯데캐슬 서체 65
〈그림 26〉 롯데캐슬 아이콘&버튼 65
〈그림 27〉 롯데캐슬 색상 66
〈그림 28〉 자이 메인화면과 메뉴 69
〈그림 29〉 자이 이벤트 화면 70
〈그림 30〉 자이 메인 레이아웃 & 네비게이션 71
〈그림 31〉 자이 분양안내 화면 72
〈그림 32〉 자이 메인 비주얼 요소 72
〈그림 33〉 자이 아이콘 & 버튼 73
〈그림 34〉 자이 서체 73
〈그림 35〉 자이 색상 73
〈그림 36〉 아이파크 메인화면과 메뉴 76
〈그림 37〉 아이파크 분양정보 화면 77
〈그림 38〉 아이파크 이벤트/웹진 화면 78
〈그림 39〉 아이파크 메인 레이아웃 & 네비게이션 78
〈그림 40〉 아이파크 메인 비주얼 요소 79
〈그림 41〉 아이파크 서체 79
〈그림 42〉 아이파크 아이콘 & 버튼 79
〈그림 43〉 아이파크 색상 80
〈그림 44〉 래미안 메인화면과 메뉴 83
〈그림 45〉 래미안 분양안내 화면 84
〈그림 46〉 래미안 타임즈/이벤트/웰스토리몰 화면 85
〈그림 47〉 래미안 메인레이아웃 & 네비게이션 86
〈그림 48〉 래미안 메인 비주얼 87
〈그림 49〉 래미안 서체 87
〈그림 50〉 래미안 아이콘 & 버튼 87
〈그림 51〉 래미안 색상 87
〈그림 52〉 푸르지오 모바일 웹 95
〈그림 53〉 힐스테이트 모바일 웹 96
〈그림 54〉 롯데캐슬 모바일 웹 97
〈그림 55〉 자이 모바일 웹 98
〈그림 56〉 아이파크 모바일 웹 99
〈그림 57〉 래미안 모바일 웹 100
〈그림 58〉 브랜드 아파트 모바일 웹 종류에 따른 내용의 차별성과 이해 편의성 전체 점수... 113
〈그림 59〉 브랜드 아파트 모바일 웹 종류에 따른 User Interface의 사용 편의성과 차별성 전... 113
〈그림 60〉 브랜드 아파트 모바일 웹 종류에 따른 Graphical User Interface의 가시성과 심미성... 114
〈그림 61〉 브랜드 아파트 모바일 웹 종류에 따른 분양정보 내용의 차별성 및 편의성 점수 차이 117
〈그림 62〉 브랜드 아파트 모바일 웹 종류에 따른 부가정보 내용의 차별성 및 편의성 점수 차이 117
〈그림 63〉 브랜드 아파트 모바일 웹 종류에 따른 이벤트 참여 유도 내용의 편의성 점수 차이 118
〈그림 64〉 브랜드 아파트 모바일 웹 종류에 따른 메인 콘텐츠의 그룹화 및 차별성 점수 차이 118
〈그림 65〉 브랜드 아파트 모바일 웹 종류에 따른 사용자가 원하는 메뉴나 콘텐츠의 쉽고 빠른... 121
〈그림 66〉 브랜드 아파트 모바일 웹 종류에 따른 네비게이션의 일관성 및 편의성 점수... 121
〈그림 67〉 브랜드 아파트 모바일 웹 종류에 따른 사용자가 원하는 정보를 찾아가는 동작과... 122
〈그림 68〉 브랜드 아파트 모바일 웹 종류에 따른 분양정보 분류의 이해 및 접근 용이성 점수... 123
〈그림 69〉 브랜드 아파트 모바일 웹 종류에 따른 인터페이스 편의성 점수 차이 123
〈그림 70〉 브랜드 아파트 모바일 웹 종류에 따른 일관적 서체의 사용과 강조 점수 차이 126
〈그림 71〉 브랜드 아파트 모바일 웹 종류에 따른 통일감을 주는 색상과 강조, 제한된 색상 사용... 127
〈그림 72〉 브랜드 아파트 모바일 웹 종류에 따른 메인 중심 비주얼은 그래픽 요소를 활용하여... 127
〈그림 73〉 브랜드 아파트 모바일 웹 종류에 따른 아이콘과 버튼의 통일, 사용자가 접근 용이한... 128
〈그림 74〉 브랜드 아파트 모바일 웹 종류에 따른 기업 브랜드 색상을 적절히 활용하여 브랜드... 129