short-paper

Computing aesthetics of concrete user interfaces

Authors:

Patrick Mbenza,

Nicolas BurnyAuthors Info & Claims

EICS '20 Companion: Companion Proceedings of the 12th ACM SIGCHI Symposium on Engineering Interactive Computing Systems

Article No.: 4, Pages 1 - 8

https://doi.org/10.1145/3393672.3398493

Published: 23 June 2020 Publication History

Abstract

Since aesthetics of a graphical user interface have become a sub-factor of the ISO 25010 standard on software quality, organisations start wondering how to practically evaluate this property in a consistent way. To address this challenge, we present a process for computing aesthetics at the level of a Concrete User Interface instead of Final User Interface to make it platform independent. This process consists of performing the following steps: reverse engineer a final user interface into its concrete equivalent, optionally edit it, and automatically compute ten aesthetic metrics at the level of concrete user interfaces.

References

[1]

Ahamed Altaboli and Yingzi Lin. 2011. Objective and Subjective Measures of Visual Aesthetics of Website Interface Design: The Two Sides of the Coin. In Proceedings of 14th International Conference on Human-Computer Interaction. Design and Development Approaches (HCI International '11), Julie A. Jacko (Ed.). Springer, Berlin, Heidelberg, 35--44.

[2]

Ahlem Assila, Káthia Marçal de Oliveira, and Houcine Ezzedine. 2016. An environment for integrating subjective and objective usability findings based on measures. In Proceedings of the IEEE Tenth International Conference on Research Challenges in Information Science (RCIS '16). 1--12.

[3]

Maxim Bakaev, Sebastian Heil, Vladimir Khvorostov, and Martin Gaedke. 2019. Auto-Extraction and Integration of Metrics for Web User Interfaces. Journal of Web Engineering (JWE) 17 (03 2019), 561--590.

[4]

Gaëlle Calvary, Joëlle Coutaz, David Thevenin, Quentin Limbourg, Laurent Bouillon, and Jean Vanderdonckt. 2003. A Unifying Reference Framework for multi-target user interfaces. Interacting with Computers 15, 3 (6 2003), 289--308.

[5]

David Chek Ling Ngo and John Byrne. 2001. Another look at a model for evaluating interface aesthetics. Int. J. Appl. Math. Comput. Sci 11 (01 2001), 515--535.

[6]

David Chek Ling Ngo, Lian Seng Teo, and John G. Byrne. 2000. A Mathematical Theory of Interface Aesthetics. Visual Mathematics 10, 8 (2000), 0--0. http://eudml.org/doc/256723

[7]

Sophie Dupuy-Chessa, Yann Laurillau, and Eric Céret. 2016. Considering Aesthetics and Usability Temporalities in a Model Based Development Process. In Actes de La 28ième Conference Francophone Sur l'Interaction Homme-Machine (IHM '16). Association for Computing Machinery, New York, NY, USA, 25--35.

Digital Library

[8]

Victor López-Jaquero Francisco Montero and Pascual González. 2011. Model-based Reverse Engineering of Legacy Applications User Interfaces. In Proceedings of the 2nd International Workshop on User Interface Description Languages (September 6, 2011) (UIDL '11). Thalès, Paris, 128--133.

[9]

Knut Hartmann, Timo Götzelmann, Kamran Ali, and Thomas Strothotte. 2005. Metrics for Functional and Aesthetic Label Layouts. In Smart Graphics, Andreas Butz, Brian Fisher, Antonio Krüger, and Patrick Olivier (Eds.). Springer Berlin Heidelberg, Berlin, Heidelberg, 115--126.

[10]

Streveler D.J. and Wasserman A. I. 2014. Quantitative Measures of the Spatial Properties of Screen Designs. In Proc. of IFIP TC13 Int. Conf. on Human-Computer Interaction (Interact '84). North Holland, Amsterdam, The Netherlands, 81--89.

[11]

A. Lecerof and F. Paterno. 1998. Automatic support for usability evaluation. IEEE Transactions on Software Engineering 24, 10 (Oct 1998), 863--888.

Digital Library

[12]

Quentin Limbourg, Jean Vanderdonckt, Benjamin Michotte, Laurent Bouillon, and Murielle Florins. 2004. USIXML: A User Interface Description Language Supporting Multiple Levels of Independence. In Proceedings of Workshops in connection with the 4th International Conference on Web Engineering (ICWE '04). Engineering Advanced Web Applications (28-30 July, 2004) (DIWE '04), Maristella Matera and Sara Comai (Eds.). Rinton Press, 325--338.

[13]

Salvador González López, Francisco Montero Simarro, and Pascual González López. 2013. BaLOReS: A Framework for Quantitative User Interface Evaluation. Springer London, London, 127--143.

[14]

Rohit Mahajan and Ben Shneiderman. 1997. Visual and textual consistency checking tools for graphical user interfaces. Software Engineering, IEEE Transactions on 23 (12 1997), 722 -- 735.

Digital Library

[15]

Beanjamin Michotte and Jean Vanderdonckt. 2008. GrafiXML, a Multi-target User Interface Builder Based on UsiXML. In Proceedings of the Fourth International Conference on Autonomic and Autonomous Systems (ICAS '08). 15--22.

Digital Library

[16]

David Ngo, Azman Samsudin, and Rosni Abdullah. 2000. Aesthetic Measures for Assessing Graphic Screens. J. Inf. Sci. Eng. 16, 1 (01 2000), 97--116.

[17]

Jakob Nielsen. 1986. A virtual protocol model for computer-human interaction. International Journal of Man-Machine Studies 24, 3 (1986), 301 -- 312.

Digital Library

[18]

Gary Perlman. 1987. An Axiomatic Model of Information Presentation. Proceedings of the Human Factors and Ergonomics Society Annual Meeting 31 (09 1987).

[19]

Andreas Riegler and Clemens Holzmann. 2018. Measuring Visual User Interface Complexity of Mobile Applications With Metrics. Interacting with Computers 30, 3 (04 2018), 207--223. arXiv:http://oup.prod.sis.lan/iwc/article-pdf/30/3/207/24805365/iwy008.pdf

[20]

N Tractinsky, A.S Katz, and D Ikar. 2000. What is beautiful is usable. Interacting with Computers 13, 2 (2000), 127 -- 145.

[21]

Thomas S. Tullis. 1983. The Formatting of Alphanumeric Displays: A Review and Analysis. Human Factors 25, 6 (1983), 657--682.

[22]

Silvia Uribe, Federico Álvarez, and José Manuel Menéndez. 2017. User's Web Page Aesthetics Opinion: A Matter of Low-Level Image Descriptors Based on MPEG-7. ACM Trans. Web 11, 1, Article Article 5 (March 2017), 25 pages.

Digital Library

[23]

Jean Vanderdonckt and Xavier Gillo. 1994. Visual Techniques for Traditional and Multimedia Layouts. In Proceedings of the ACM International Workshop on Advanced Visual Interfaces (AVI '94). Association for Computing Machinery, New York, NY, USA, 95--104.

Digital Library

[24]

Mathieu Zen and Jean Vanderdonckt. 2014. Towards an evaluation of graphical user interfaces aesthetics based on metrics. In Proceedings of the IEEE Eighth International Conference on Research Challenges in Information Science (May 28-30, 2014) (RCIS '14). 1--12.

[25]

Óscar Sánchez Ramón, Jean Vanderdonckt, and Jesús García Molina. 2013. Re-engineering graphical user interfaces from their resource files with UsiResourcer. In Proceedings of the IEEE 7th International Conference on Research Challenges in Information Science (May 29-31, 2013) (RCIS '13). 1--12.

Cited By

Kyelem YZo MKabore KOuedraogo F(2023)Automatic Graphical User Interface aesthetic evaluation tool using the UIED segmentation algorithmProceedings of the 2023 3rd International Conference on Human Machine Interaction10.1145/3604383.3604387(20-26)Online publication date: 26-May-2023
https://dl.acm.org/doi/10.1145/3604383.3604387
Chen XLu YHao G(2023)Balanced Aesthetics: How Shape, Contrast, and Visual Force Affect Interface LayoutInternational Journal of Human–Computer Interaction10.1080/10447318.2023.228929440:24(8750-8763)Online publication date: 19-Dec-2023
https://doi.org/10.1080/10447318.2023.2289294
Bhowmick SChoi BIves ZBonifati AEl Abbadi A(2022)Data-driven Visual Query Interfaces for Graphs: Past, Present, and (Near) FutureProceedings of the 2022 International Conference on Management of Data10.1145/3514221.3522562(2441-2447)Online publication date: 10-Jun-2022
https://dl.acm.org/doi/10.1145/3514221.3522562
Show More Cited By

Index Terms

Computing aesthetics of concrete user interfaces
1. Human-centered computing
  1. Human computer interaction (HCI)
    1. HCI design and evaluation methods
      1. User studies
    2. Interaction paradigms
      1. Graphical user interfaces
  2. Interaction design
    1. Empirical studies in interaction design

Recommendations

Improving performance, perceived usability, and aesthetics with culturally adaptive user interfaces

When we investigate the usability and aesthetics of user interfaces, we rarely take into account that what users perceive as beautiful and usable strongly depends on their cultural background. In this paper, we argue that it is not feasible to design one ...
Exploring the boundary conditions of the effect of aesthetics on perceived usability

A growing body of usability research suggests that the aesthetics of a system affects users' perceptions of the usability of that system. But the causal relationship between aesthetics and usability and the direction of that relation have not been ...
Metric-based evaluation of graphical user interfaces: model, method, and software support
EICS '13: Proceedings of the 5th ACM SIGCHI symposium on Engineering interactive computing systems

Many factors contribute to ensuring User eXperience (UX) of Graphical User Interfaces, such as, but not limited to: usability, fun, engagement, subjective satisfaction. Aesthetics is a potential element that could also significantly contribute to this ...

Comments

Please enable JavaScript to view thecomments powered by Disqus.

Information & Contributors

Information

Published In

cover image ACM Conferences

EICS '20 Companion: Companion Proceedings of the 12th ACM SIGCHI Symposium on Engineering Interactive Computing Systems

June 2020

99 pages

ISBN:9781450379847

DOI:10.1145/3393672

Conference Chair:
Marco Winckler
Université Cote d'Azur, France

Copyright © 2020 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 ACM 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]

Sponsors

SIGCHI: ACM Special Interest Group on Computer-Human Interaction

Publisher

Association for Computing Machinery

New York, NY, United States

Publication History

Published: 23 June 2020

Permissions

Request permissions for this article.

Request Permissions

Check for updates

Author Tags

Qualifiers

Short-paper

Conference

EICS '20

Sponsor:

SIGCHI

EICS '20: ACM SIGCHI Symposium on Engineering Interactive Computing Systems

June 23 - 26, 2020

Sophia Antipolis, France

Acceptance Rates

EICS '20 Companion Paper Acceptance Rate 18 of 61 submissions, 30%;

Overall Acceptance Rate 73 of 299 submissions, 24%

Upcoming Conference

Contributors

Other Metrics

View Article Metrics

Bibliometrics & Citations

Bibliometrics

Article Metrics

4
Total Citations
View Citations
139
Total Downloads

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

Reflects downloads up to 19 Feb 2025

Other Metrics

View Author Metrics

Citations

Cited By

Kyelem YZo MKabore KOuedraogo F(2023)Automatic Graphical User Interface aesthetic evaluation tool using the UIED segmentation algorithmProceedings of the 2023 3rd International Conference on Human Machine Interaction10.1145/3604383.3604387(20-26)Online publication date: 26-May-2023
https://dl.acm.org/doi/10.1145/3604383.3604387
Chen XLu YHao G(2023)Balanced Aesthetics: How Shape, Contrast, and Visual Force Affect Interface LayoutInternational Journal of Human–Computer Interaction10.1080/10447318.2023.228929440:24(8750-8763)Online publication date: 19-Dec-2023
https://doi.org/10.1080/10447318.2023.2289294
Bhowmick SChoi BIves ZBonifati AEl Abbadi A(2022)Data-driven Visual Query Interfaces for Graphs: Past, Present, and (Near) FutureProceedings of the 2022 International Conference on Management of Data10.1145/3514221.3522562(2441-2447)Online publication date: 10-Jun-2022
https://dl.acm.org/doi/10.1145/3514221.3522562
Lima AGresse von Wangenheim C(2021)Assessing the Visual Esthetics of User Interfaces: A Ten-Year Systematic MappingInternational Journal of Human–Computer Interaction10.1080/10447318.2021.192611838:2(144-164)Online publication date: 13-Jun-2021
https://doi.org/10.1080/10447318.2021.1926118

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