UX디자인에서 컬러 어포던스가 사용자 행동유도에 미치는 영향 = The effect of color affordance on user behavior in UX design

다국어 초록 (Multilingual Abstract)

In the modern society, various unprecedented new convergence products, mobile contents service, and unprecedented situations are created due to rapid change in the digital environment. In such situation, UX design is spotlighted for solving the problems. UX design is a field which applies user experience on design to reduce error, improve user satisfaction, and encourage correct behavior. Designing a user experience should go beyond a simple functional aspect. Instead, the user experience design should be a comprehensive concept stimulating the user’s perception and sensibility. In such aspect, the efficient application of color is recognized as the important element for stimulating the user’s perception and sensibility. Therefore, effective color utilization is also necessary in interface field which helps the users to select among massive digital information or to find purpose or method in using a product.
The purpose of this study is to verify the structural causal relationship between color affordance cognitive response and user behavior response in finding the information or instructions for target object based on UX design. This study also seeks to verify cognitive response for the influence of color affordance toward UX design on user behavior. For the research, this study aims to find the color affordance factor inducing the actual user behavior, examine the importance of color affordance application, and review the effects of color affordance.
The verification results led to following conclusions.
First, UX design’s color affordance had positive influence on user’s cognitive response and user behavior. Also, the user’s cognitive response toward UX design’s color affordance has positive influence on user behavior. Such result shows that UX design’s color affordance perceives the user’s understanding and preference on UX design reflected when using the mobile contents or product interface and that UX design’s color affordance allows user to have immediate response and accurate behavior for using the mobile contents and product interface.
Secondly, cognitive color affordance is the design to help user to understand information based on its design characteristic. The cognitive color affordance is a design element verified in this study and it holds predictivity and clarity. Cognitive color affordance is the early stage where user understands the overall contexts of the interface design and it shows the importance of design expression by the colors.
Third, sensory color affordance is applied on a design to help the user to feel with their sensors. This study analyzed that sensory color affordance helps the user to have comfortable feeling toward perception information and it holds characteristics of eye-catching and attractiveness. Such elements attract attention from the users and stimulate curiosity and the study result showed active color usage in UX design enhances such elements.
Fourth, the physical color affordance is applied on design for allowing the user to use the product or have physical behavior on the interface. This study verified the elements of convenience in operation and stress. The study result showed that the use of active color is deeply related to convenience in operation and stress. Among the UX design’s color affordance elements, physical color affordance element had the largest influence on user’s cognitive response while cogntivie color affordance had largest influence on user’s behavior response. Such result shows that although cognitive affordance, sensory affordance, and physical affordance are important in UX design for mobile contents and product interface, it is necessary to focus more on physical and cognitive affordance.
Fifth, the study result showed that clear color, high chroma, and color extent in UX design had higher influence on the user behavior. Recently, there is a tendency of using low chroma and reducing colors to emphasize the luxuriousness. However, such trend may decrease the usability of the product. It is necessary to use explicit colors with high chroma to clarify the menu and expand the color extent applied in the button to enhance the usability.
Application of color affordance in UX design is essential for designers who always need to provide the best through combination of the various information. For designers, the user’s response and behavior toward the expressed design is more significant than how to express design situation and issue. Thus, it is necessary to use color affordance actively by selecting the colors based on user experience.

국문 초록 (Abstract)

현대 사회는 급속한 디지털 환경변화와 함께 과거에 존재하지 않았던 새로운 컨버전스 제품이나 모바일 콘텐츠 서비스, 기존에 없던 여러 가지 복합적인 상황들이 만들어지고 있다. 이러한 문제점의 해결 방법으로 UX디자인이 주목 받고 있다. UX디자인은 사용자의 경험을 디자인에 적용시켜 사용상의 오류를 줄이고, 사용자의 만족도 향상과 올바른 행동유도를 이끌어내는 분야이다. 사용자 경험을 디자인 한다는 것은 단순히 기능적인 측면뿐만 아니라 사용자의 지각과 감성을 자극할 수 있는 포괄적인 개념의 경험 디자인이어야 한다. 이러한 관점에서 컬러의 효율적인 사용은 사용자의 지각과 감성을 자극할 수 있는 중요한 요소로 인식되고 있다. 사용자가 처리해야 하는 정보의 양이 늘어나고, 제품이나 모바일 환경에 대한 스트레스가 점차 증가하고 있다. 따라서 방대한 양의 디지털 정보를 선별하거나 제품의 사용에서 사용자가 원하는 목적이나 방법을 쉽게 찾을 수 있게 도와주는 효율적인 컬러의 활용이 필요할 것이다.
본 연구에서는 UX디자인을 소재로 하여 사용자가 원하는 정보나 목적 대상의 사용방법을 찾을 때 컬러 어포던스 인지반응, 사용자 행동반응 간의 구조적 인과관계를 실증적으로 검증하고, 아울러 조사대상 사용자들이 인지하는 UX디자인에 대한 컬러 어포던스가 사용자의 행동에 미치는 영향을 검증하는 데 그 목적이 있다. 이를 통해 실제 사용자 행동을 유도하는 컬러 어포던스 요인이 무엇인지 도출하고, 컬러 어포던스의 적용의 중요성과 그 효과와 관련한 연구를 하고자 하였다.
본 연구의 검증 결과를 통해 다음과 같은 결론을 도출하였다.
첫째, UX디자인의 컬러 어포던스는 사용자 인지반응과 사용자 행동에 긍정적 영향을 미치며, UX디자인의 컬러 어포던스에 대한 사용자 인지반응은 사용자 행동에 긍정적 영향을 미친다. 이러한 결과는 UX디자인의 컬러 어포던스는 사용자가 모바일 콘텐츠 혹은 제품 인터페이스 사용 시에 반영된 UX디자인에 대한 이해도와 선호도를 인지하는 반응을 보이며, 최종적으로 사용자는 모바일 콘텐츠 혹은 제품 인터페이스 사용 시에 즉각적인 반응 및 정확한 행동을 보일 수 있음을 보여주고 있다.
둘째, 인지적 어포던스는 사용자들이 대상을 쉽게 알도록 도와주는 설계 특성으로 정보에 대한 사용자의 이해를 돕기 위한 디자인이다. 본 논문에서 검증한 세부 적용 디자인 요소로 예측성과 명확성이 있다. 사용자가 제품의 인터페이스 디자인의 전체적인 맥락을 파악하는 초기단계로 컬러에 의한 디자인 표현이 중요함을 알 수 있다.
셋째, 감각적 컬러 어포던스의 디자인 적용 요소는 사용자들이 감각적으로 느낄 수 있도록 도와주는 설계 특성으로 지각 정보에 대한 편안한 느낌을 가질 수 있도록 디자인 하는 것으로 본 논문에서 검증한 세부 적용 디자인 요소로 시선집중과 주목성이 있다. 이는 사용자들로부터 관심을 끌고 호기심을 자극하는 요소로 UX디자인에서 적극적인 컬러 사용이 해당 요소를 높여주는 결과를 도출하였다.
넷째, 물리적 컬러 어포던스의 디자인 적용 요소는 제품의 사용이나 인터페이스 상에서 물리적인 행동을 할 수 있도록 도와주는 설계특성으로 본 논문에서 검증한 세부 적용 요소는 조작의 편의성과 스트레스이다. 적극적인 컬러 사용이 조작의 편의성과 스트레스에 깊은 연관성이 있다는 결과를 도출하였다. UX디자인의 컬러 어포던스 요인 가운데 사용자 인지반응에 가장 큰 영향력을 보이는 요인은 물리적 어포던스 요인으로 나타났고, 사용자 행동반응에 가장 큰 영향력을 보이는 요인은 인지적 어포던스로 나타났다. 이러한 결과는 모바일 콘텐츠 혹은 제품 인터페이스 UX디자인에 있어서 인지적 어포던스, 감각적 어포던스, 물리적 어포던스 모두 중요하지만 특히 물리적, 인지적 어포던스에 보다 중점을 둘 필요가 있음을 보여주고 있다.
다섯째, UX디자인에서 사용자 메뉴가 명확한 색상, 높은 채도, 컬러 면적이 넓을수록 사용자 행동에 미치는 영향이 큰 것을 알 수 있다. 최근 고급스러움을 강조하기 위해 인터페이스 디자인에서 낮은 채도와 컬러 사용을 줄이는 경향이 많다. 하지만 이런 경향이 제품의 사용성을 떨어지게 할 수 있다. 메뉴의 구분을 위해 명시성과 채도가 높은 컬러를 사용하고, 버튼에 적용되는 컬러의 면적을 높여 사용을 높이는 것이 필요하다.
UX디자인의 컬러 어포던스 적용은 다양한 정보의 조합을 통해 가장 최선의 것을 제공해야 하는 디자이너에게 필수적인 요소이다. 디자인 상황과 문제를 어떻게 표현 할 것인가가 중요한 것이 아니라, 표현된 디자인에 대해 사용자들이 어떻게 반응하고 행동하였는가가 더 중요한 요소이다. 사용자의 경험에 기반 한 컬러의 선택을 통한 적극적인 컬러 어포던스 사용이 필요하다.

목차 (Table of Contents)

• 제Ⅰ장 서 론 1
• 1. 연구 배경 및 목적 1
• 2. 선행연구 검토 2
• 3. 연구 방법 및 논문 구성 5
• 제Ⅱ장 UX디자인의 사용자 경험과 컬러 어포던스 8
• 1. UX디자인과 사용자 경험 8
• 2. 어포던스와 디자인의 컬러 지각요소 12
• 3. 컬러 어포던스의 특성과 활용 25
• 제Ⅲ장 컬러 어포던스의 인지와 사용자 행동 32
• 1. 컬러 어포던스의 인지와 사용자 행동 32
• 2. UX디자인의 컬러 어포던스 적용과 사례 연구 34
• 제Ⅳ장 UX디자인의 컬러 어포던스 적용 실증분석 43
• 1. 연구방법 43
• 2. 연구의 모형 및 가설 설정 45
• 3. 측정도구 및 변수의 조작적 정의 50
• 4. 분석방법 52
• 제Ⅴ장 연구결과 54
• 1. 조사 분석 및 결과 54
• 2. 가설 검증 72
• 제Ⅵ장 결론 및 제언 79
• 1. 연구의 요약 및 결론 79
• 2. 후속연구를 위한 제언 82
• 참고문헌 84
• Abstract 86

참고문헌 (Reference)

1. 『소비자행동』, 이학식, 법문사, , 2006

2. 『서울 디자인백서』, 이근, (재)서울디자인재단, 2015, , 2014

3. 『색채지각론과 체계론』, 윤혜림, 도서출판국제, , 2008

4. 『휴머니타스 테크놀로지』, 신동휘, 커뮤니케이션북스, , 2013

5. 「색채 인지 체계에 관한 연구」, 홍정인, 박사학위논문, 이화여자대학교 대학원, , 2011

6. 『비주얼커뮤니케이션 디자인』, 박선의, 미진사, , 1999

7. 『소비자 행동 혁신에 대한 반응 학현사』, 이규현, , 2017

8. 「모바일 환경의 사용자 시각정보 인지 연구」, 최종필, 박사학위논문, 영남대학교 대학원, , 2015

9. 방수원 외 옮김, 『디자인불변의 법칙125가지』, 윌리엄리드웰, 고려문화사, , 2012

10. 이지현. 이춘희 옮김 『UX디자인프로젝트 가이드』, 러스웅거, 위키북스, , 2010

11. 「이러닝 환경에서의 감성적 어포던스 설계원리 개발」, 박태정, 서울대학교 대학원 박사학위 논문, , 2015

12. 「시지각 원리와 심리적 효과를 활용한 색채 교육 연구」, 이선명, 석사학위논문, 국민대학교 교육대학원, , 2000

13. 「목표유지가 청년과 노인의 스트룹 간섭에 미치는 영향」, 정유진, 석사학위논문, 이화여자대학교 대학원, , 2012

14. 인지적 어포던스 기반의 모바일 콘텐츠 활용방안에 관한 연구, 이호선, 한양대학교 대학원 박사학위논문, , 2014

15. 「제품디자인에 적용된 패션 하이브리드 디자인 경향과 특성 연구」, 원호연, 한국기초조형학회, 『기초조형학연 구』, Vol.16 No.05, , 2015

16. 「어포던스 이론에 근거한 스마트폰 인터페이스 메타포 디자인 제안」, 김지나, 석사학위논문, 세종대학교 대학원, , 2013

17. SNS특성에 의한 패션제품 소비자태도가 구매의도 및 온라 인구전에 미치는 영향, 오미현, 석사학위논문, 국민대학교 디자인대학원, , 2014

18. 『공공서비스디자인의 컬러어포던스 적용을 통한 소비자행동유도에 관한 연구』, 박성억, 한얼기획, , 2017

19. 「어포던스 관점에서 디지털 교과서 사용편의성에 영향을 미치는 요인분석 연구」, 송해덕, 교육공학회,『교육공학연구』, Vol.25 No.03, , 2009

20. 「패션 브랜드의 컬러마케팅이 소비자의 브랜드 인지도 및 구매의도에 미치는 영 향」, 유혜미, 석사학위논문, 중앙대학교 대학원, , 2007

21. 이러닝 콘텐츠 사용자인터페이스의 교육적 사용성 증진 을 위한 어포던스 설계전략 개발, 박형주, 박사학위논문, 중앙대학교 대학원, , 2012

22. 「색채 커뮤니케이션을 위한 인지 속성에 관한 연구 : 실내 공간에서 마감재 제시 방법을 중심으로」, 주경임, 박사학위논문, 경희대학교 대학원, , 2015