모바일 터치 버튼의 테두리선 색채에 따른 시인성과 행동유도성의 사용자 지각적 반응 연구

Abstract

As mobile devices become touch interfaces, clues have been found that the tendency of flat design can reduce the efficiency of interaction between devices and users, and studies have been conducted that efficient use of color can help increase user Affordance. This study was conducted based on studies that showed that the user's affordance correlated with the visibility according to color. As in previous studies, the purpose is not only to examine the visibility and affordance of simple colors, but also to perceptually examine the influence of users' visibility and affordance according to color contrast in GUI design. To this end, research was conducted focusing on the colors of R and G series by adding an element called a border line that can achieve color contrast in the touch button. As a result, in all experiments, there was a high correlation between visibility and affordance according to the presence or absence of border lines and the composition of border colors. The visibility and affordance of buttons with borders were significantly higher than those without borders. Both the R and G series buttons had the highest visibility and affordance when they were composed of a middle-high-chromatic face and a high-magnitude-magnitude border. In the R series of buttons, visibility and affordance were the highest when the high-fidelity-high-fidelity face and the low-fidelity-medium-fidelity border were composed. In the G series of buttons, visibility and affordance were the highest when it was composed of low-light-medium-color faces and high-light-medium-color borders. Visibility and affordance differed depending on how properly the contrast between brightness and chroma was harmonized rather than on which brightness and chroma composition buttons were used. Therefore, this study suggests that visibility can be improved through color contrast of border lines in GUI design and can affect user behavior induction, and it is meaningful to provide basic data on specific color composition.;모바일 기기가 터치 인터페이스화되면서 플랫(flat)디자인의 경향은 디바이스와 사용자 사이의 상호작용의 능률을 저하시킬 수 있다는 단서가 발견되었고, 이 안에서 효율적인 색채의 사용은 사용자의 행동유도성을 높이는데 일조할 수 있다는 연구들이 진행되었다. 본 연구는 사용자의 행동유도성이 색채에 따른 시인성과 상관관계가 있다는 연구들을 바탕으로 진행되었다. 기존연구와 같이 단순한 색채의 시인성과 행동유도성을 살펴보는 데 그치지 않고, GUI 디자인에서 색채대비에 따라 사용자의 시인성과 행동유도성을 영향을 지각적으로 살펴보는 것에 그 목적이 있다. 이를 위해 터치 버튼에서 색채대비를 이룰 수 있는 테두리선이라는 요소를 추가하여 R과 G계열의 색상을 중심으로 연구가 진행되었다. 그 결과, 모든 실험에서는 공통적으로 테두리선 유무와 테두리선 색채 구성에 따라 시인성과 행동유도성의 상관관계가 높았다. 테두리선이 없는 버튼보다 테두리선이 있는 버튼에서의 시인성과 행동유도성이 현저하게 높게 나타났다. R과 G계열의 버튼 모두 중명도-고채도인 면과 고명도-중채도인 테두리선 구성일 때 시인성과 행동유도성이 가장 높았다. R계열의 버튼에서는 고명도-고채도인 면과 저명도-중채도인 테두리선 구성일 때 시인성과 행동유도성이 가장 높게 나타났다. G계열의 버튼에서는 저명도-중채도인 면과 고명도-중채도인 테두리선 구성일 때 시인성과 행동유도성이 가장 높게 나타났다. 어떤 명도, 어떤 채도의 구성의 버튼을 쓰느냐보다는 명도와 채도 대비가 얼마나 적절히 조화시키냐에 따라 시인성과 행동유도성이 달라졌다. 따라서, 본 연구는 GUI 디자인에서 테두리선의 색채대비를 통해 시인성을 높일 수 있고 사용자의 행동유도성에 영향을 미칠 수 있다는 점을 시사하며, 구체적인 색채구성에 대한 기초 자료를 제공했다는데 의의가 있다.