사용자 경험디자인 요소에 따른 반응형 웹 GUI 디자인 분석 = 남녀대학생을 중심으로

국문 초록 (Abstract)

본 연구는 경험디자인의 추상적 개념을 이론적으로 고찰하여 구체적 사용자 경험의 검증 요인을 도출하고 이것을 토대로 반응형 웹의 GUI 디자인 유형에 따른 사용자 경험 디자인을 분석함으로서 향후 효율적이고 창의적인 반응형 웹 GUI 디자인의 발전 방향에 대하여 제시하는 것을 목적으로 두고 있다. 이를 위하여 이론적 고찰을 통한 ‘반응형 웹 사용자 검증 요소’를 도출 하였고 도출된 결과를 바탕으로 반응형 웹과 친숙한 대학생 집단을 대상으로 본조사를 실시하여 반응형 웹의 유형별 GUI 디자인 사례에 대한 사용자 경험 디자인을 분석하였다. 분석 결과, 첫째 유동형(Mostly Fluid)유형은 실용성과 감각적인 움직임과 관련된 활동적인 영상콘텐츠와 게임 콘텐츠에 적합한 것으로 분석되었다. 두 번째, 하단 이동형(Column Drop)유형은 실용적인 정보를 전달하는 콘텐츠에 적합한 유형으로 분석 되었다. 세 번째, 자리 이동형(Layout Shifter)유형은 사용성과 시각적으로 흥미로운 이미지, 영상을 제공하는 웹사이트나 블로그 등에 적합한 유형으로 분석되었다. 네 번째, 미세 수정형(Tiny Tweaks)유형은 사용자 경험 평가에 있어서 5가지 유형 중 가장 낮은 반응을 나타 냈으며 시각적인 면을 강조하는 브로슈어와 같은 부동형 콘텐츠에 적합한 것으로 분석 되었다. 마지막으로 부분 화면형 (Off Canvas)유형은 사용 조작이 편리하고 시각적인 면에 있어서 흥미로운 광고와 인터랙션이 강한 콘텐츠에 적합한 것으로 분석 되었다. 결론적으로 반응형 웹의 유형에 따른 GUI 디자인에 대한 사용자 경험은 각각의 유형에 따라 사용자가 기대하는 경험과 디자인 요소는 다양한 결과를 나타내고 있다. 분석 결과를 전체적으로 보면 전체유형에서 대체적으로 사용성과 심미성만을 추구하는 것처럼 보이지만 각각의 유형마다 사용자가 선호하는 사용자 경험 요소와 디자인 요소는 다르게 나타난다. 이러한 결과를 바탕으로 본 논문은 사용자의 다양한 기대를 충족시키기 위한 반응형 웹의 유형별 특징을 정확히 분석하여 향후 반응형 웹 GUI 디자인 개발을 위한 효율적 방법론을 제시하였다.

다국어 초록 (Multilingual Abstract)

The aim of this paper is to propose an efficient and innovative GUI design trend for the responsive-web (RW), by analyzing the abstract theory of user-experience-design (UXD) to figure out the verification factor of concrete UX, and by continuing the analysis of the UXD based on GUI design pattern of RW. With the results of the aforementioned analyses, it has been analyzed how the effect of the GUI design pattern for the RW impacts on the UXD by conducting a survey of undergraduates. This research yields five significant conclusions. Firstly, the mostly fluid pattern was sensible, and it is suitable for practical visual interactive contents and game contents. Secondly, the column drop pattern was concluded to be a proper pattern for practical information contents which provide practical information. Thirdly, the layout shifter pattern was a useful pattern for websites and internet blogs to provide usability and visually interesting images. Fourthly, the tiny tweaks pattern received a poor evaluation of the UXD among the total five patterns, and it was proved to be proper for immovable contents which emphasizes visual images, such as brochure. Lastly, the off canvas pattern was evaluated to be easy to use, and it is effective for visually interesting advertisement and contents with high interaction rate. As a result, the UXD factors employing the GUI design of the RW emphasizes the usability for easier sensing and the aesthetics for sensitive assimilation. In spite of that, it turned out that the factors of the user-experience and the GUI design were various. Therefore, this work has accurately analyzed the characteristics of the RW design to meet diverse user-expectation, and also we provided a design methodology for the GUI design trend of the RW.