Accessible Requires Authentication Published by Oldenbourg Wissenschaftsverlag March 27, 2018

The Influence of User Interface Attributes on Aesthetics

Thomas Schmidt and Christian Wolff
From the journal i-com

Abstract

In this paper we present an empirical study among 40 participants which investigates the relationship between various factors of user interface aesthetics on the one hand, and the influence of the user interface attributes, symmetry, colorfulness as well as visual complexity on user interface aesthetics on the other hand. The user interface aesthetics will be classified in intuitive aesthetics (1st impression with a presentation time of 500 ms) and reflective aesthetics (reflective long-term impression after a longer presentation). Reflective aesthetics is further classified in classical aesthetics (common attractiveness) as well as expressive aesthetics (creativity). For this study we have set up a corpus of 30 websites which are used as stimulus material. In a multi-step lab experiment, participants rate aesthetics and their subjective impression concerning user interface attributes using questionnaires. We are able to show that the intuitive aesthetic judgment correlates strongly with the reflective judgment. The symmetry of a website positively correlates with all definitions of aesthetics, especially with the classical or traditional interpretation in the sense of attractiveness. Visual complexity can be seen as the strongest predictor for the aesthetic judgement of users and it negatively correlates with all definitions. Concerning colorfulness, a preference for websites of a medium degree of colorfulness for the intuitive as well as the classical aesthetics can be stated. Concerning expressive aesthetics, websites of moderate to high colorfulness receive the best judgments. The relationships which we have found are finally discussed in the context of previous research and some implications for future user interface design are given.

References

[1] Alsudani, F. & Casey, M. (2009). The Effect of Aesthetics on Web Credibility. In: 23rd British HCI Group Annual Conference on People and Computers: Celebrating People and Technology (pp. 512–519). London: British Computer Society. Search in Google Scholar

[2] Barber, W. & Badre, A. (1998). Culturability: The merging of culture and usability. In: Conference on Human Factors and the Web. Retrieved from http://zing.ncsl.nist.gov/hfweb/att4/proceedings/barber/. Search in Google Scholar

[3] Bauerly, M. & Liu, Y. (2006). Computational modeling and experimental investigation of effects of compositional elements on interface and design aesthetics. International Journal of Human-Computer Studies, 64(8), 670–682.10.1016/j.ijhcs.2006.01.002 Search in Google Scholar

[4] Bauerly, M. & Liu, Y. (2008). Effects of Symmetry and Number of Compositional Elements on Interface and Design Aesthetics. International Journal of Human-Computer Interaction, 24(3), 275–287.10.1080/10447310801920508 Search in Google Scholar

[5] Baumgarten, A. G. (1750/2007). Aesthetica – Ästhetik: Lateinisch-deutsche Ausgabe. Paderborn: Fink, Wilhelm. Search in Google Scholar

[6] Bense, M. (1969). Einführung in die informationstheoretische Ästhetik. Rheinbeck: Rohwohlt. Search in Google Scholar

[7] 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), 1–21.10.1016/j.ijhcs.2009.08.005 Search in Google Scholar

[8] Dutton, D. (2003). Aesthetics and evolutionary psychology. The oxford handbook for aesthetics, 693–705. Search in Google Scholar

[9] Edmonds, B. (1995). What is complexity? The philosophy of complexity per se with application to some examples in evolution. In: Heylighen, F. & Aerts, D. (eds.), The evolution of complexity (pp. 1–18). Dordrecht: Kluwer Academic. Search in Google Scholar

[10] Fechner, G. T. (1860/2011). Elemente der Psychophysik Volume V.1. Berlin: Nabu Press. Search in Google Scholar

[11] Geissler, G. L., Zinkhan, G. M. & Watson, R. T. (2006). The influence of home page complexity on consumer attention, attitudes, and purchase intent. Journal of Advertising, 35(2), 69–80.10.1080/00913367.2006.10639232 Search in Google Scholar

[12] Harper, S., Jay, C., Michailidou, E. & Quan, H. (2012). Analysing the Visual Complexity of Web Pages Using Document Structure. Behaviour & Information Technology, 32(5), 491–502. Search in Google Scholar

[13] Harper, S., Michailidou, E. & Stevens, R. (2009). Toward a definition of visual complexity as an implicit measure of cognitive load. ACM Transactions on Applied Perception, 6(2), 1–18. https://doi.org/10.1145/1498700.1498704. Search in Google Scholar

[14] Kant, I. (1790/2015). Kritik der Urteilskraft. Köln: Anaconda Verlag. Search in Google Scholar

[15] Lavie, T. & Tractinsky, N. (2004). Assessing dimensions of perceived visual aesthetics of web sites. International Journal of Human-Computer Studies, 60(3), 269–298.10.1016/j.ijhcs.2003.09.002 Search in Google Scholar

[16] Li, Y. M. & Yeh, Y. S. (2010). Increasing trust in mobile commerce through design aesthetics. Computers in Human Behavior, 26(4), 673–684.10.1016/j.chb.2010.01.004 Search in Google Scholar

[17] Lindgaard, G., Dudek, C., Sen, D., Sumegi, L. & Noonan, P. (2011). An Exploration of Relations Between Visual Appeal, Trustworthiness and Perceived Usability of Homepages. ACM Trans. Comput.-Hum. Interact., 18(1), 1:1–1:30.10.1145/1959022.1959023 Search in Google Scholar

[18] Lindgaard, G., Fernandes, G., Dudek, C. & Brown, J. (2006). Attention web designers: You have 50 milliseconds to make a good first impression! Behaviour & Information Technology, 25(2), 115–126.10.1080/01449290500330448 Search in Google Scholar

[19] Michailidou, E., Harper, S. & Bechhofer, S. (2008). Visual complexity and aesthetic perception of web pages. In: SIGDOC ’08 Proceedings of the 26th Annual ACM International Conference on Design of Communication (pp. 215–224). New York: ACM. Search in Google Scholar

[20] Miniukovich, A. & De Angeli, A. (2015). Computation of Interface Aesthetics. In: CHI ’15 Proceedings of the 33rd Annual ACM Conference on Human Factors in Computing Systems (pp. 1163–1172). New York: ACM. Search in Google Scholar

[21] Moshagen, M., Musch, J. & Göritz, A. S. (2009). A blessing, not a curse: experimental evidence for beneficial effects of visual aesthetics on performance. Ergonomics, 52(10), 1311–1320.10.1080/00140130903061717 Search in Google Scholar

[22] Moshagen, M. & Thielsch, M. T. (2010). Facets of visual aesthetics. International Journal of Human-Computer Studies, 68, 689–709.10.1016/j.ijhcs.2010.05.006 Search in Google Scholar

[23] Moss, G., Gunn, R. & Heller, J. (2006). Some men like it black, some women like it pink: Consumer implications of differences in male and female website design. Journal of Consumer Behaviour, 5(4), 328–341.10.1002/cb.184 Search in Google Scholar

[24] Reinecke, K. & Gajos, K. Z. (2014). Quantifying Visual Preferences Around the World. In: CHI ’14 Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (pp. 11–20). New York: ACM. Search in Google Scholar

[25] Reinecke, K., Yeh, T., Miratrix, L., Mardiko, R., Zhao, Y., Liu, J. & Gajos, K. Z. (2013). Predicting users’ first impressions of website aesthetics with a quantification of perceived visual complexity and colorfulness. In: CHI ’13 Proceedings of the SIGCHI Conference on Human Factorsin Computing Systems (pp. 2049–2058). New York: ACM. Search in Google Scholar

[26] Sauer, J., & Sonderegger, A. (2009). The influence of prototype fidelity and aesthetics of design in usability tests: Effects on user behaviour, subjective evaluation and emotion. Applied Ergonomics, 40(4), 670–677.10.1016/j.apergo.2008.06.006 Search in Google Scholar

[27] Seckler, M. & Tuch, A. N. (2012). Linking objective web-design factors to facets of subjective aesthetic perception. In: Proceedings of the 7th Nordic Conference on Human-Computer Interaction: Making Sense Through Design (pp. 809–810). New York: ACM. https://doi.org/10.1145/2399016.2399159. Search in Google Scholar

[28] Strebe, R. (2016). Aesthetics on the web: effects on approach and avoidance behaviour. Behaviour & Information Technology, 35(1), 4–20.10.1080/0144929X.2015.1070202 Search in Google Scholar

[29] Thielsch, M. T. (2016). Effekte von ästhetischen Designs auf die User Performance. Mensch und Computer 2016-Tagungsband. Search in Google Scholar

[30] Thissen, F. (2003). Kompendium Screen-Design. Effektiv informieren und kommunizieren mit Multimedia. Berlin: Springer. Search in Google Scholar

[31] Tractinsky, N. (1997). Aesthetics and apparent usability: Empirically assessing cultural and methodological issues. In: Conference on Human Factors in Computing Systems (pp. 115–122). Search in Google Scholar

[32] Tractinsky, N. (2004). Toward the study of aesthetics in information technology. ICIS 2004 Proceedings, Paper 62. Retrieved from http://aisel.aisnet.org/icis2004/62/. Search in Google Scholar

[33] Tractinsky, N., Cokhavi, A., Kirschenbaum, M. & Sharfi, T. (2006). Evaluating the consistency of immediate aesthetic perceptions of web pages. International Journal of Human–Computer Studies, 64, 1071–1083.10.1016/j.ijhcs.2006.06.009 Search in Google Scholar

[34] Tractinsky, N., Katz, S., & Ikar, D. (2000). What is beautiful is usable. Interacting with Computers, 13(2), 127–145.10.1016/S0953-5438(00)00031-X Search in Google Scholar

[35] Tuch, A. N., Bargas-Avila, J. A., & Opwis, K. (2010). Symmetry and aesthetics in website design: It’s a man’s business. Computers in Human Behavior, 26(6), 1831–1837.10.1016/j.chb.2010.07.016 Search in Google Scholar

[36] Tuch, A. N., Presslaber, E. E., Stöcklin, M., Opwis, K., & Bargas-Avila, J. A. (2012). The role of visual complexity and prototypicality regarding first impression of websites: Working towards understanding aesthetic judgments. International Journal of Human Computer Studies, 70(11), 794–811.10.1016/j.ijhcs.2012.06.003 Search in Google Scholar

[37] Van der Heijden, H. (2003). Factors influencing the usage of websites: The case of a generic portal in The Netherlands. Information and Management, 40(6), 541–549.10.1016/S0378-7206(02)00079-4 Search in Google Scholar

[38] Van Schaik, P. & Ling, J. (2009). The role of context in perceptions of the aesthetics of web pages over time. International Journal of Human-Computer Studies, 67(1), 79–89.10.1016/j.ijhcs.2008.09.012 Search in Google Scholar

[39] Wu, O., Hu, W. & Shi, L. (2013). Measuring the Visual Complexities of Web Pages. ACM Transactions on the Web, 7(1), 1–34. Retrieved from http://dl.acm.org.prx.library.gatech.edu/citation.cfm?id=2435215.2435216. Search in Google Scholar

[40] Zeki, S. (2001). Artistic creativity and the brain. Science, 293(5527), 51–52.10.1126/science.1062331 Search in Google Scholar

[41] Zheng, X. S., Chakraborty, I., Lin, J. J.-W. & Rauschenberger, R. (2009). Correlating low-level image statistics with users – rapid aesthetic and affective judgments of web pages. In: Proceedings of the 27th International Conference on Human Factors in Computing Systems – CHI 09 (pp. 1–10). Search in Google Scholar

Published Online: 2018-03-27
Published in Print: 2018-04-25

© 2018 Walter de Gruyter GmbH, Berlin/Boston