Jump to ContentJump to Main Navigation
Show Summary Details
More options …

i-com

Journal of Interactive Media

Editor-in-Chief: Ziegler, Jürgen

Online
ISSN
2196-6826
See all formats and pricing
More options …
Volume 17, Issue 1

Issues

The Influence of User Interface Attributes on Aesthetics

Thomas Schmidt / Christian Wolff
Published Online: 2018-03-27 | DOI: https://doi.org/10.1515/icom-2018-0003

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.

Keywords: Aesthetics; user interface design; website design; symmetry; visual complexity; colorfulness

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.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/.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.CrossrefGoogle 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.Web of ScienceCrossrefGoogle Scholar

  • [5]

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

  • [6]

    Bense, M. (1969). Einführung in die informationstheoretische Ästhetik. Rheinbeck: Rohwohlt.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.CrossrefWeb of ScienceGoogle Scholar

  • [8]

    Dutton, D. (2003). Aesthetics and evolutionary psychology. The oxford handbook for aesthetics, 693–705.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.Google Scholar

  • [10]

    Fechner, G. T. (1860/2011). Elemente der Psychophysik Volume V.1. Berlin: Nabu Press.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.CrossrefGoogle 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.Web of ScienceGoogle 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.Web of ScienceGoogle Scholar

  • [14]

    Kant, I. (1790/2015). Kritik der Urteilskraft. Köln: Anaconda Verlag.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.CrossrefGoogle 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.Web of ScienceCrossrefGoogle 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.Web of ScienceCrossrefGoogle 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.CrossrefGoogle 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.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.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.Web of ScienceCrossrefGoogle Scholar

  • [22]

    Moshagen, M. & Thielsch, M. T. (2010). Facets of visual aesthetics. International Journal of Human-Computer Studies, 68, 689–709.Web of ScienceCrossrefGoogle 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.CrossrefGoogle 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.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.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.CrossrefWeb of ScienceGoogle 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.Google Scholar

  • [28]

    Strebe, R. (2016). Aesthetics on the web: effects on approach and avoidance behaviour. Behaviour & Information Technology, 35(1), 4–20.Web of ScienceCrossrefGoogle Scholar

  • [29]

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

  • [30]

    Thissen, F. (2003). Kompendium Screen-Design. Effektiv informieren und kommunizieren mit Multimedia. Berlin: Springer.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).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/.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.CrossrefGoogle Scholar

  • [34]

    Tractinsky, N., Katz, S., & Ikar, D. (2000). What is beautiful is usable. Interacting with Computers, 13(2), 127–145.CrossrefGoogle 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.CrossrefWeb of ScienceGoogle 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.CrossrefWeb of ScienceGoogle 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.CrossrefGoogle 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.CrossrefWeb of ScienceGoogle 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.Web of ScienceGoogle Scholar

  • [40]

    Zeki, S. (2001). Artistic creativity and the brain. Science, 293(5527), 51–52.CrossrefGoogle 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).Google Scholar

About the article

Thomas Schmidt

Thomas Schmidt has a Master of Science in media informatics from the University of Regensburg. Since the end of 2017, he is research assistant at the chair of media informatics at the University of Regensburg. His main research interests are sentiment analysis, information behavior, digital humanities, usability engineering and the empirical analysis of aesthetics and UI-Design.

Christian Wolff

Prof. Dr. Christian Wolff has been professor for media informatics at the University of Regensburg since 2003. After his Ph. D. thesis, in which he designed an interactive retrieval frontend for factual data (1994, University of Regensburg), he worked as an assistant professor at the Computer Science Department of the University of Leipzig from 1994 to 2001. In 2002, he became professor for media informatics at the Chemnitz University of Technology. As an information and computer scientist, he has a long record of research in electronic publishing, information retrieval and HCI. Currently, there is a strong focus on new interaction technologies like eye tracking or multitouch and gestural interaction in his group.


Published Online: 2018-03-27

Published in Print: 2018-04-25


Citation Information: i-com, Volume 17, Issue 1, Pages 41–55, ISSN (Online) 2196-6826, ISSN (Print) 1618-162X, DOI: https://doi.org/10.1515/icom-2018-0003.

Export Citation

© 2018 Walter de Gruyter GmbH, Berlin/Boston.Get Permission

Comments (0)

Please log in or register to comment.
Log in