research-article

Webpage Aesthetics: One Size Doesn't Fit All

Authors:

Aliaksei Miniukovich,

Antonella De AngeliAuthors Info & Claims

NordiCHI '16: Proceedings of the 9th Nordic Conference on Human-Computer Interaction

Article No.: 70, Pages 1 - 10

https://doi.org/10.1145/2971485.2971544

Published: 23 October 2016 Publication History

Abstract

Webpages vary drastically in their look and feel: the presence of images is a major discriminating factor. Some webpages contain mainly text; others exploit flashy ads and a variety of eye-catching pictures. In this paper, we investigate the impact of graphics on webpage aesthetics perception and computation. We split webpages in three categories -- small, moderate and high amount of graphics -- and analyzed how different visual features predicted aesthetics for the different categories. Significant between-category differences were found, e.g., the amount of white space decreased aesthetics for the high-graphic webpages, but not for other webpages; more on-page main colors increased aesthetics for the low-graphic webpages, but decreased for the high-graphic webpages. We suggest future research investigates separately webpages with low and high graphic amount. No single improvement recipe may exist for all webpages; a more fruitful strategy would be suggesting different improvements for different types of webpages.

References

[1]

Balinsky, H. Evaluating interface aesthetics: measure of symmetry. In Digital Publishing Conference (San Jose 2006), International Society for Optics and Photonics.

[2]

Balinsky, H. Y., Wiley, A. J., & Roberts, M. C. Aesthetic measure of alignment and regularity. In the 9th ACM symposium on Document Engineering (Munich 2009), ACM, 56--65.

Digital Library

[3]

Cyr, D., Head, M., Larios, H., and Pan, B. Exploring human images in website design: a multi-method approach. MIS quarterly, 33, 3 (2009), 539--566.

Digital Library

[4]

Datta, R., Joshi, D., Li, J., and Wang, J. Z. Studying aesthetics in photographic images using a computational approach. In 9th European Conference on Computer Vision (2006), Springer Berlin Heidelberg, 288--301.

Digital Library

[5]

Djamasbi, S., Siegel, M., and Tullis, T. Can Fixation on Main Images Predict Visual Appeal of Homepages? In 47th Hawaii International Conference on System Sciences (2014), IEEE, 371--375.

Digital Library

[6]

Harrington, S. J., Naveda, J. F., Jones, R. P., Roetling, P., and Thakkar, N. Aesthetic measures for automated document layout. the 2004 ACM symposium on Document engineering (October 2004), 109--111.

Digital Library

[7]

Hartmann, Jan, Sutcliffe, Alistair, and De Angeli, Antonella. Inverstigating attractiveness in web user interfaces. In Proceedings of the SIGCHI conference on Human factors in computing systems (2007), ACM, 387--392.

Digital Library

[8]

Ke, Y., Tang, X., and Jing, F. The design of high-level features for photo quality assessment. In IEEE Computer Society Conference on Computer Vision and Pattern Recognition ( 2006), IEEE, 419--426.

Digital Library

[9]

Lavie, T., and Tractinsky, N. Assessing dimensions of perceived visual aesthetics of web sites. International journal of human-computer studies, 60, 3 (2004), 269--298.

Digital Library

[10]

Lindgaard, G., Dudek, C., Sen, D., Sumegi, L., and Noonan, P. An exploration of relations between visual appeal, trustworthiness and perceived usability of homepages. Transactions on computer-human interaction, 18, 1 (2011), 1--30.

Digital Library

[11]

Masson, D., Demeure, A., Abu-Aisheh, Z., Calvary, G., and Bisson, G. Web design galleries: please give me similar styles!: a claim for ground truth datasets. In the 8th Nordic Conference on Human-Computer Interaction: Fun, Fast, Foundational ( 2014), ACM, 357--360.

Digital Library

[12]

Miniukovich, A. and De Angeli, A. Computation of Interface Aesthetics. In 33rd Annual ACM Conference on Human Factors in Computing Systems (Seoul 2015), ACM, 1163--1172.

Digital Library

[13]

Miniukovich, A. and De Angeli, A. Pick me! Getting noticed on Google Play. In the 34th ACM Conference on Human Factors in Computing Systems (San Jose, 2016), ACM.

Digital Library

[14]

Miniukovich, A. and De Angeli, A. Quantification of Interface Visual Complexity. In the 2014 International Working Conference on Advanced Visual Interfaces (Como 2014), ACM, 153--160.

Digital Library

[15]

Miniukovich, A. and De Angeli, A. Visual Impression of Mobile App Interfaces. In the 8th Nordic Conference on Human-Computer Interaction: Fun, Fast, Foundational ( 2014), ACM, 31--40.

Digital Library

[16]

Moshagen, M. and Thielsch, M. T. Facets of visual aesthetics. International Journal of Human-Computer Studies, 68, 10 (2010), 689--709.

Digital Library

[17]

Nishiyama, M., Okabe, T., Sato, I., and Sato, Y. Aesthetic quality classification of photographs based on color harmony. In IEEE Conference on Computer Vision and Pattern Recognition (CVPR) ( 2011), IEEE, 33--40.

Digital Library

[18]

Redi, M. Semantic indexing and computational aesthetics: interactions, bridgesand boundaries. In the 3rd ACM conference on International conference on multimedia retrieval ( 2013), ACM, 337--340.

Digital Library

[19]

Reinecke, K. and Gajos, K. Z. Quantifying visual preferences around the world. In the 32nd annual ACM conference on Human factors in computing systems ( 2014), ACM.

Digital Library

[20]

Reinecke, K., Yeh, T., Miratrix, L., Mardiko, R., Zhao, Y., and Liu, J., Gajos, K. Z. Predicting users' first impressions of website aesthetics with a quantification of perceived visual complexity and colorfulness. In CHI (Paris 2013), ACM, 2049--2058.

Digital Library

[21]

Riva, A. D., Seki, A. K., de Oliveira, J. B. S., Mansour, I. H., and Piccoli, R. F. Two new aesthetic measures for item alignment. In the 10th ACM symposium on Document engineering (Manchester 2010), ACM, 263--266.

Digital Library

[22]

Rosenholtz, R., Dorai, A., and Freeman, R. Do predictions of visual perception aid design? ACM Transactions on Applied Perception, 8, 2 (2011).

Digital Library

[23]

Rosenholtz, R., Li, Y., and Nakano, L. Measuring visual clutter. Journal of vision, 7, 2 (2007), 1--22.

[24]

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

[25]

Sutcliffe, Alistair. Assessing the reliability of heuristic evaluation for Web site attractiveness and usability. In the 35th Hawaii International Conference on System Sciences ( 2002), IEEE, 1838--1847.

Digital Library

[26]

Sutcliffe, Alistair. Designing for user engagement: Aesthetic and attractive user interfaces. Synthesis lectures on human-centered informatics, 2, 1 (2009), 1--55.

Digital Library

[27]

Thielsch, M. T. and Hirschfeld, G. High and low spatial frequencies in website evaluations. Ergonomics, 53, 8 (2010), 972--978.

[28]

Thielsch, M. T. and Hirschfeld, G. Spatial frequencies in aesthetic website evaluations--explaining how ultra-rapid evaluations are formed. Ergonomics, 55, 7 (2012), 731--742.

[29]

Thielsch, M. T., Blotenberg, I., and Jaron, R. User evaluation of websites: From first impression to recommendation. Interacting with Computers, 26, 1 (2013), 89--102.

[30]

Tinio, P. P. and Leder, H. Just how stable are stable aesthetic features? Symmetry, complexity, and the jaws of massive familiarization. Acta Psychologica, 130, 3 (2009), 241--250.

[31]

Tractinsky, N., Cokhavi, A., Kirschenbaum, M., and Sharfi, T. Evaluating the consistency of immediate aesthetic perceptions of web pages. International journal of human-computer studies, 64, 11 (2006), 1071--1083.

Digital Library

[32]

Tuch, A. N., Presslaber, E. E., Stocklin, M., Opwis, K., and Bargas-Avila, J. A. The role of visual complexity and prototypicality regarding first impression of websites: Working towards understanding aesthetic judgments. International Journal of Human-Computer Studies, 70 (2012), 794--811.

Digital Library

[33]

Wu, O., Chen, Y., Li, B., and Hu, W. Evaluating the visual quality of web pages using a computational aesthetic approach. In the fourth ACM international conference on Web search and data mining (2011), ACM, 337--346.

Digital Library

Cited By

Wang CMiniukovich ARen X(2024)An interpretable metric of visual aesthetics for GUI designBehaviour & Information Technology10.1080/0144929X.2024.232503044:3(508-522)Online publication date: 29-Feb-2024
https://doi.org/10.1080/0144929X.2024.2325030
Miniukovich AFigl KErnst C(2024)The Effects of Webpage Prototypicality, Aesthetics, and Complexity on Eye Fixations and Company PerceptionInformation Systems and Neuroscience10.1007/978-3-031-58396-4_24(271-284)Online publication date: 26-Jul-2024
https://doi.org/10.1007/978-3-031-58396-4_24
Miniukovich AFigl K(2023)The effect of prototypicality on webpage aesthetics, usability, and trustworthinessInternational Journal of Human-Computer Studies10.1016/j.ijhcs.2023.103103179(103103)Online publication date: Nov-2023
https://doi.org/10.1016/j.ijhcs.2023.103103
Show More Cited By

Index Terms

Webpage Aesthetics: One Size Doesn't Fit All
1. Human-centered computing
  1. Human computer interaction (HCI)

Recommendations

A mathematical model for computational aesthetics

Computational aesthetics is the research of computational methods that do make applicable aesthetic decisions in a similar fashion as human can. In the context of computer science, it has a direct impact on landscape planning and management, computer ...
Computational Aesthetics 2008: Categorizing art: Comparing humans and computers

The categorization of art (paintings, literature) into distinct styles such as Expressionism, or Surrealism has had a profound influence on how art is presented, marketed, analyzed, and historicized. Here, we present results from human and computational ...
A novel webpage layout aesthetic evaluation model for quantifying webpage layout design
Abstract
It is widely accepted that webpage layout is important for website aesthetics. However, knowledge is limited about which kind of webpage layout is aesthetic. In this paper, we conduct a large-scale analysis of 13,017 real webpages with ...

Comments

Information & Contributors

Information

Published In

cover image ACM Other conferences

NordiCHI '16: Proceedings of the 9th Nordic Conference on Human-Computer Interaction

October 2016

1045 pages

ISBN:9781450347631

DOI:10.1145/2971485

General Chairs:
Staffan Björk
University of Gothenburg
,
Eva Eriksson
Chalmers University of Technology
,
Program Chairs:
Morten Fjeld
Chalmers University of Technology
,
Susanne Bødker
University of Aarhus
,
Publications Chairs:
Wolmet Barendregt
University of Gothenburg
,
Mohammad Obaid
Chalmers University of Technology

Copyright © 2016 ACM.

Permission to make digital or hard copies of all or part of this work for personal or classroom use is granted without fee provided that copies are not made or distributed for profit or commercial advantage and that copies bear this notice and the full citation on the first page. Copyrights for components of this work owned by others than the author(s) must be honored. Abstracting with credit is permitted. To copy otherwise, or republish, to post on servers or to redistribute to lists, requires prior specific permission and/or a fee. Request permissions from [email protected].

In-Cooperation

Chalmers University of Technology
SIGCHI: ACM Special Interest Group on Computer-Human Interaction

Publisher

Association for Computing Machinery

New York, NY, United States

Publication History

Published: 23 October 2016

Permissions

Request permissions for this article.

Request Permissions

Check for updates

Author Tags

Qualifiers

Research-article
Research
Refereed limited

Funding Sources

The Italian Ministry of Education, University and Research

Conference

NordiCHI '16

NordiCHI '16: 9th Nordic Conference on Human-Computer Interaction

October 23 - 27, 2016

Gothenburg, Sweden

Acceptance Rates

NordiCHI '16 Paper Acceptance Rate 58 of 231 submissions, 25%;

Overall Acceptance Rate 379 of 1,572 submissions, 24%

Contributors

Other Metrics

View Article Metrics

Bibliometrics & Citations

Bibliometrics

Article Metrics

5
Total Citations
View Citations
238
Total Downloads

Downloads (Last 12 months)16
Downloads (Last 6 weeks)1

Reflects downloads up to 03 Mar 2025

Other Metrics

View Author Metrics

Citations

Cited By

Wang CMiniukovich ARen X(2024)An interpretable metric of visual aesthetics for GUI designBehaviour & Information Technology10.1080/0144929X.2024.232503044:3(508-522)Online publication date: 29-Feb-2024
https://doi.org/10.1080/0144929X.2024.2325030
Miniukovich AFigl KErnst C(2024)The Effects of Webpage Prototypicality, Aesthetics, and Complexity on Eye Fixations and Company PerceptionInformation Systems and Neuroscience10.1007/978-3-031-58396-4_24(271-284)Online publication date: 26-Jul-2024
https://doi.org/10.1007/978-3-031-58396-4_24
Miniukovich AFigl K(2023)The effect of prototypicality on webpage aesthetics, usability, and trustworthinessInternational Journal of Human-Computer Studies10.1016/j.ijhcs.2023.103103179(103103)Online publication date: Nov-2023
https://doi.org/10.1016/j.ijhcs.2023.103103
Miniukovich AMarchese MBernhaupt RMueller FVerweij DAndres JMcGrenere JCockburn AAvellino IGoguey ABjørn PZhao SSamson BKocielnik R(2020)Relationship Between Visual Complexity and Aesthetics of WebpagesProceedings of the 2020 CHI Conference on Human Factors in Computing Systems10.1145/3313831.3376602(1-13)Online publication date: 21-Apr-2020
https://dl.acm.org/doi/10.1145/3313831.3376602
Wen QWang CSun XRen XKoike HRatti CTakeuchi YFukuchi KScott SPlasencia D(2018)Exploration of the Relationship between UIDL and Interface Computational AestheticsProceedings of the 2018 ACM Companion International Conference on Interactive Surfaces and Spaces10.1145/3280295.3281749(47-51)Online publication date: 19-Nov-2018
https://dl.acm.org/doi/10.1145/3280295.3281749

View Options

Login options

Check if you have access through your login credentials or your institution to get full access on this article.

Full Access

Get this Publication

View options

PDF

View or Download as a PDF file.

eReader

View online with eReader.

Figures

Tables

Media

View Table of Conten