Objective and Subjective Measures of Visual Aesthetics of Website Interface Design: The Two Sides of the Coin

  • Ahamed Altaboli
  • Yingzi Lin
Part of the Lecture Notes in Computer Science book series (LNCS, volume 6761)


The main purpose of this study is to compare objective layout-based measures of visual aesthetics with subjective questionnaire-based measures. Correlation analysis was used to carry out the comparison. Values for the tested objective measures were calculated for forty-two web pages already used in a previous study, for which subjective questionnaire scores (classical/expressive and VisA WI) were already available. Results showed significant correlations between many of the tested objective screen layout-based measures and subjective questionnaire-based measures related to order and layout of the screen. These findings suggest that the objective layout-based measures tested in this study can be used for overall assessments of visual aesthetics of websites and particularly for assessing aesthetic aspects related to the classical and the simplicity dimensions of website aesthetics.


Aesthetics measures Measure of Website aesthetics Classical/expressive aesthetics VisA WI Visual aesthetics 


Unable to display preview. Download preview PDF.

Unable to display preview. Download preview PDF.


  1. 1.
    Altaboli, A., Lin, Y.: Experimental Investigation of Effects of Balance, Unity, and Sequence on Interface and Screen Design Aesthetics. In: Blashki, K. (ed.) Proceedings of The IADIS International Conference Interface and Human Computer Interaction 2010, Freiburg, Germany, pp. 243–250. IADIS Press (2010)Google Scholar
  2. 2.
    Altaboli, A., Lin, Y.: Investigating the Effects of Screen Layout Elements on Interface and Screen Design Aesthetics. Technical Report (unpublished). Intelligent Human-Machine Systems Lab, Mechanical and Industrial Engineering Department, Northeastern University, Boston, MA, USA (2010)Google Scholar
  3. 3.
    Bauerly, M., Liu, Y.: Computational modeling and experimental investigation of effects of compositional elements on interface and design aesthetics. Int. J. Human-Computer Studies 64, 670–682 (2006)CrossRefGoogle Scholar
  4. 4.
    Bauerly, M., Liu, Y.: Effects of Symmetry and Number of Compositional Elements on Interface and Design Aesthetics. International Journal of Human- Computer Interaction 24(3), 275–287 (2008)CrossRefGoogle Scholar
  5. 5.
    Birkhoff, G.: Aesthetic Measure. Harvard University Press, Cambridge (1933)CrossRefzbMATHGoogle Scholar
  6. 6.
    Chand, D., Dooley, L., Tuovinen, E.: Gestalt Theory in Visual Screen Design – A New Look at an Old Subject. Presented at the Seventh World Conference on Computer in Education, Copenhagen, Denmark. Australian Computer Society, Inc. (2002)Google Scholar
  7. 7.
    Djamasbia, S., Siegelb, M., Tullisb, T.: Generation Y, web design, and eye tracking. Int. J. Human-Computer Studies 68, 307–323 (2010)CrossRefGoogle Scholar
  8. 8.
    Hartmann, J., Sutcliffe, A., De Angeli, A.: Towards a theory of user judgment of aesthetics and user interface quality. ACM Transactions on Computer-Human Interaction 15(4), 1–30 (2008)CrossRefGoogle Scholar
  9. 9.
    Kurosu, M. and Kashimura, K.: Apparent usability vs. inherent usability: experimental analysis on the determinants of the apparent usability. In: CHI 1995: Conference Companion on Human Factors in Computing Systems, Denver, Colorado, United States, pp. 292–293 (1995) Google Scholar
  10. 10.
    Lai, C., Chen, P., Shih, S., Liu, Y., Hong, J.: Computational models and experimental investigations of effects of balance and symmetry on the aesthetics of text-overlaid images. Int. J. Human-Computer Studies 68, 41–56 (2010)CrossRefGoogle Scholar
  11. 11.
    Laviea, T., Tractinsky, N.: Assessing dimensions of perceived visual aesthetics of web sites. Int. J. Human-Computer Studies 60, 269–298 (2004)CrossRefGoogle Scholar
  12. 12.
    Lindgaard, G., Fernandez, G., Dudek, C., Brown, J.: Attention web designers: You have 50 milliseconds to make a good impression. Behavior & Information Technology 25(2), 115–126 (2006)CrossRefGoogle Scholar
  13. 13.
    Liu, Y.: Engineering aesthetics and aesthetic ergonomics: theoretical foundations and a dual-process research methodology. Ergonomics 46, 1273–1292 (2003)CrossRefGoogle Scholar
  14. 14.
    Liu, Y.: The aesthetic and the ethic dimensions of human factors and design. Ergonomics 46, 1293–1305 (2003)CrossRefGoogle Scholar
  15. 15.
    Michailidou, E., Harper, S., Bechhofer, S.: Visual Complexity and Aesthetic Perception of Web pages. In: SIGDOC 2008, Lisbon, Portugal, September 22-24 (2008)Google Scholar
  16. 16.
    Moshagen, M., Thielsch, M.T.: Facets of visual aesthetics. International Journal of Human-Computer Studies 68(10) (2010)Google Scholar
  17. 17.
    Moshagen, M., Musch, J., Göritz, A.S.: A blessing, not a curse: Experimental evidence for beneficial effects of visual aesthetics on performance. Ergonomics 52, 1311–1320 (2009)CrossRefGoogle Scholar
  18. 18.
    Ngo, D., Byrne, J.: Application of an aesthetic evaluation model to data entry screens. Computers in Human Behavior 17, 149–185 (2001)CrossRefGoogle Scholar
  19. 19.
    Ngo, D.C.L., Teo, L.S., Byrne, J.G.: Evaluating Interface Esthetics. Knowledge and Information Systems (4), 46–79 (2002)Google Scholar
  20. 20.
    Ngo, D.C.L., Teo, L.S., Byrne, J.G.: Modelling interface aesthetics. Information Sciences 152(1), 25–46 (2003)CrossRefGoogle Scholar
  21. 21.
    Norman, D.: Emotional design: Why we love (or hate) everyday things. Basic Books, New York (2004)Google Scholar
  22. 22.
    Reich, Y.: A model of aesthetic judgment in design. Artificial Intelligence in Engineering 8(2), 141–153 (1993)CrossRefGoogle Scholar
  23. 23.
    Phillips, C., Chapparro, C.: Visual Appeal vs. Usability: Which One Influences User Perceptions of a Website More? Usability News 11(2) (2009)Google Scholar
  24. 24.
    Salimun, C., Purchase, H.C., Simmons, D.R., Brewster, S.: Preference ranking of screen layout principles. In: The 24th BCSHCI 2010, Abertay Dundee, September 6-10 (2010)Google Scholar
  25. 25.
    Schmidt, K.E., Bauerly, M., Liu, Y., Sridharan, S.: Web Page Aesthetics and Performance: A Survey and an Experimental Study. In: Proceedings of the 8th Annual International Conference on Industrial Engineering – Theory, Applications and Practice, Las Vegas, Nevada, USA (2003)Google Scholar
  26. 26.
    Sonderegger, A., Sauer, J.: The influence of design aesthetics in usability testing: Effects on user performance and perceived usability. Applied Ergonomics 41, 403–410 (2010)CrossRefGoogle Scholar
  27. 27.
    Tractinsky, N., Cokhavi, A., Kirschenbaum, M., Sharfi, T.: Evaluating the consistency of immediate aesthetic perceptions of web pages. International Journal of Human-Computer Studies 64(11), 1071–1083 (2006)CrossRefGoogle Scholar
  28. 28.
    Tractinsky, N., Shoval-Katz, A., Ikar, D.: What is beautiful is usable. Interacting with Computers 13, 127–145 (200)Google Scholar
  29. 29.
    Tractinsky, N.: Aesthetics and apparent usability: empirically assessing cultural and methodological issues. In: Pemberton, S. (ed.) Proceedings of the 1997 Conference on Human Factors in Computing Systems (CHI 1997). ACM Press, New York (1997)Google Scholar
  30. 30.
    Tuch, A., Bargas-Avila, J., Opwis, K.: Symmetry and Aesthetics in Website Design: It’s a man’s Business. Computers in Human Behavior 26, 1831–1837 (2010)CrossRefGoogle Scholar
  31. 31.
    Tuch, A.N., Bargas-Avila, J.A., Opwis, K., Wilhelm, F.H.: Visual complexity of websites: Effects on users’ experience, physiology, performance, and memory. International Journal of Human-Computer Studies 67, 703–715 (2009)CrossRefGoogle Scholar
  32. 32.
    Tullis, T.S.: The formatting of alphanumeric displays: a review and analysis. Human Factors 25(6), 657–682 (1983)CrossRefGoogle Scholar
  33. 33.
    Zain, J., Tey, M., Goh, Y.: Probing a Self-Developed Aesthetics Measurement Application (SDA) in Measuring Aesthetics of Mandarin Learning Web Page Interfaces. IJCSNS International Journal of Computer Science and Network Security 8(1) (2008)Google Scholar

Copyright information

© Springer-Verlag Berlin Heidelberg 2011

Authors and Affiliations

  • Ahamed Altaboli
    • 1
    • 2
  • Yingzi Lin
    • 1
  1. 1.Mechanical and Industrial Engineering DepartmentNortheastern UniversityBostonUSA
  2. 2.Industrial and Manufacturing Systems, Engineering DepartmentUniversity of GaryounisBenghaziLibya

Personalised recommendations