An Associate Model between Interface Color Design; user’s Emotion and Operation

Patchanee Patitad
College of design and Manufacturing Technology, Graduate school of engineering, Muroran Institute of Technology, Japan

Hidetsugu Suto
College of design and Manufacturing Technology, Graduate school of engineering, Muroran Institute of Technology, Japan

Suguru Hanita
College of design and Manufacturing Technology, Graduate school of engineering, Muroran Institute of Technology, Japan

Ladda ner artikel

Ingår i: KEER2014. Proceedings of the 5th Kanesi Engineering and Emotion Research; International Conference; Linköping; Sweden; June 11-13

Linköping Electronic Conference Proceedings 100:63, s. 755-765

Visa mer +

Publicerad: 2014-06-11

ISBN: 978-91-7519-276-5

ISSN: 1650-3686 (tryckt), 1650-3740 (online)


Color information is one of influential factors which affects human behaviors. Relationships between coloration of interface and operational performance are well known; and many previous researches have shown evidences of relationships between coloration and users’ emotion. Consequently; it is expected that there are important effects between interface color design; emotion and operation. Nevertheless; almost of the previous researches were done in which impact of color on emotion or task performances were investigated independently. In this paper; a novel model which represents relationships between color design; emotion and operation is proposed. Structural Equation Modeling (SEM) has been employed as the method for generating representative models. Users’ performance and their impression for the interfaces are used for the data to generate SEM models. To obtain users’ performance data; experiments have been conducted with simple computer software of arithmetical calculation in which touch panel interface is used. Furthermore; questionnaire approach has been used to obtain users’ impressions for interfaces. By using the proposed scheme; we can verify the effects of touch panel coloration on operator’s feeling; and clarify how the feelings affect the operations. To verify the efficiency of the proposed scheme; two representation models; one is based on the proposed scheme and the other is based on the traditional scheme; have been generated and analyzed. As a result; the former model can illustrate the relationships between color design and the operational performances better than the latter one.


Interface color design; touch panel; usability


Bonnardel; N.; Piolat; A.; & Bigot; L. L. (2011). The impact of colour on Website appeal and users’ cognitive processes. Display; 32; 69-80.

Cai; H.; & Lin; Y. (2011). Modeling of operators’ emotion and task performance in a virtual driving environment. International Journal of Human-Computer studies; 69 (9); 571-586.

Colle; A. H.; & Hiszen;J. K. (2004). Standing at a kiosk: effects of key size and spacing on touch screen numeric keypad performance and user preference. Ergonomics; 47(13); 1406–1423.

Cyr D.; Head; M.; &Larios; H. (2010). Colour appeal in website design within and across cultures: A multi-method evaluation. International Journal of Human-Computer Studies; 68; 1-21.

Elliot; A. J.; & Maier; M. A. (2007). Color and psychological functioning. Current Directions in Psychilogical Science; 16(5); 250-254.

Jalil; A. N.; Yunus; M. R.; & Said; S. N. (2012). Environmental colour impact upon human behaviour: A Review. Procedia-Social and Behavioral Science; 35; 54-62.

Karat; J.; McDonald; E. J.; & Anderson; M. (1986). A comparison of menu selection techniques: touch panel; mouse and keyboard. International Journal of Man-Machine Studies; 25(1); 73-88.

Kobayashi; S. (1987). A book of colors: matching colors; combining colors; color designing; color decoration. USA: Kodansha America.

Ling; J.; & Schaik; V. P. (2002). The effect of text and background colour on visual search of Web pages. Display; 23(5); 223-230.

Lundstrom; I. L.; & Weiss; M. S. (2008). Digital Signage Broadcasting: Broadcasting; Content Management; and Distribution Techniques (Focal Press Media Technology Professional Series). USA: Focal Press CO.LTD.

Nakagawa; K.; Suda; T.; Zempo; H.; & Matsumoto; K. (2001). The Development of Questionnaire for Evaluating Web Usability. Proceeding of Human interface symposium (pp. 421-424).

Pastoor; S. (1990). Legibility and subjective preference for color combination in text. Human Factors; 32(3); 157-171.

Sakamoto; M.; Suto; H.; &Sawai; M. (2010). Relation between impressions of a touch panels’ coloration and operation. Artifcial Life and Robotics; 15 (3); 335-340.

Sears; A.; & Shneiderman; B. (1991). High Precision Touch screens: Design Strategies and Comparisons with a Mouse. International Journal of Man-Machine Studies; 34(4); 593-613.

Shervin; N.; Dorrwachter; J.; Bragdon; C.R.; Shervin; D.; Zurakowski; D.; & Malchau; H. (2011). Comparison of paper and computer-based questionnaire modes for measuring health outcomes in patients undergoing total hip arthroplasty. The journal of Bone & Joint Surgery; 93(3); 285-293.

Sonderegger; A.; & Sauer; J. (2010). The influence of design aesthetics in usability testing: Effects on user performance and perceived usability. Applied Ergonomics; 41(3); 403-410.

Suto; H.; & Sakamoto; M. (2012). Effect of coloration of touch panel interface on wider generation operators. In H.R. Arabnia; V.A. Clincy; L. Deligiannidis; A. Marsh & A.M.G. Solo (Eds.); Proceedings of the 2012th international conference on internet computing (pp. 218-222). Las Vegas Nevada: USA.

Takaya; K. (2003). Covariance structure analysis and graphical modeling by excel. Tokyo; Japan: Ohm Inc.

Tsunetsugu; Y.; Miyazaki; Y.; & Sato; H. (2005). Visual Effect of Interior Design In Actual-Size Living Rooms On Physiological Responses. Building and Environment; 40(10); 1341-1346.

Valdez; P.; & Mehrabian; A. (1994). Effect of color on emotions. Journal of Experimental Psychology; 123(4); 394-409.

Citeringar i Crossref