research-article

SLC: a visual cohesion metric to predict the usability of graphical user interfaces

Authors:

Khalid Alemerien,

Kenneth MagelAuthors Info & Claims

SAC '15: Proceedings of the 30th Annual ACM Symposium on Applied Computing

Pages 1526 - 1533

https://doi.org/10.1145/2695664.2695791

Published: 13 April 2015 Publication History

Abstract

User interfaces are evaluated through techniques that require end-users and usability experts. These techniques are costly and time consuming. Therefore, quantitative techniques such as predictive metrics can be considered an indispensable alternative to address some of user interface issues. One of these metrics is a visual cohesion metric. In order to investigate the effectiveness of visual cohesion metrics as an indicator of the usability of a user interface during the early stages of user interface development, this paper introduces the Screen Layout Cohesion (SLC) metric, which is based on aesthetic, structural, and semantic aspects of GUIs. The SLC can be used to predict the usability of user interfaces in early stages of software development. This metric is supported by a complementary tool called GUIExaminer, which provides automatic calculation of the SLC metric. Our findings provide an empirical validation of the SLC for a set of user interfaces. We found that the prediction of user interface usability with the help of the SLC matches 89.7% of the results based on the participants' evaluation of the same user interfaces.

References

[1]

Alemerien, K. and Magel, K. GUIEvaluator: A Metric-tool for Evaluating the Complexity of Graphical User Interfaces. In Proceedings of the 26th International Conference on Software Engineering and Knowledge Engineering, SEKE'14.(Vancouver, Canada, 2014), 13--18.

[2]

Sears, A. AIDE: A tool to assist in the design and evaluation of user interfaces. Interct. Syst. Res. Center, Balt. 2001. 1--19.

[3]

González, S., Montero, F. and González, P. BaLOReS: a suite of principles and metrics for graphical user interface evaluation. In Proceedings of INTERACCION '12, 13th International Conference on Interacción Persona-Ordenador, (Elche, Spain, 2012), 1--2.

Digital Library

[4]

Parush, A., Nadir, R., and Shtub, A. Evaluating the Layout of Graphical User Interface Screens: Validation of a Numerical Computerized Mode. International Journal of Human-Computer Interaction, 10(4). 1998, 343--360.

[5]

Zen, M. 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, (New York, NY, USA, 2013), 183--186.

Digital Library

[6]

Ngo, D. C. L., Teo, L. S., and Byrne, J. G. Modeling Interface Aesthetics. Information Science, 15(2). 2003, 25--46.

Digital Library

[7]

Shazia, M., Shoaib, Shah, A., and Majeed, F., Sofware Design Quality Merics for Web Based Applications. Pakistan Journal of Science, 63(1). 1 March, 2011)

[8]

Kokol, P., Rozman, I., and Venuti, V. User interface metrics. Newsletter ACM SIGPLAN Notices, 30(4). April 1995. 36--38.

Digital Library

[9]

Constantine, L. L. Visual coherence and usability: a cohesion metric for assessing the quality of dialogue and screen designs. In Proceedings. Sixth Australian Conference on Computer-Human Interaction (OZCHI'96). 24--27 Nov 1996, 115--121.

Digital Library

[10]

Mitrović, N., and Mena, E. Improving user interface usability using mobile agents. In Interactive Systems. Design, Specification, and Verification, Springer Berlin Heidelberg. 2003, 273--287.

[11]

Li, H. F., and Cheung, W. K. An empirical study of software metrics. IEEE Transactions on Software Engineering, 13(6). 1987, 697--708.

Digital Library

[12]

Ma, Y. T., He, K. Q., Li, B., Liu, J., & Zhou, X. Y., A hybrid set of complexity metrics for large-scale object-oriented software systems. Journal of Computer Science and Technology, 25(6). 2010, 1184--1201.

[13]

Chang-Mong, L., and OK-Bae, C. Interface Design Technique Considering Visual Cohesion-Rate by Object Unit. In Proc. 12^th International conference, HCI International 2007. (Beijing, China, 2007), 72--81.

Digital Library

[14]

Sang-Young, L. Abstract Clustering based User Interface Design. In Proc. International Conference on Convergence Technology, 2(1). 2013, 445--452.

[15]

Ted P., and Jason, M. Wordnet Similarity. Retreived August 15, 2014, http://maraca.d.umn.edu/cgi-bin/similarity/similarity.cgi.

[16]

Mueller, C. J., Komogortsev, D. E., and Feldman, L. Using designer's effort for user interface evaluation. In Proccedings of IEEE International Conference on Systems, Man and Cybernetics, SMC 2009, (San Antonio, TX, USA, 2009), 480--485.

Digital Library

[17]

Rubin, J. and Chisnell, D. Handbook of Usability Testing: How to Plan, Design, and Conduct Effective Tests. Indianapolis, IN, USA: Wiley Publishing, Inc., 2008.

Digital Library

Cited By

Zen MBurny NVanderdonckt J(2023)A Quality Model-based Approach for Measuring User Interface Aesthetics with GraceProceedings of the ACM on Human-Computer Interaction10.1145/35932247:EICS(1-47)Online publication date: 19-Jun-2023
https://dl.acm.org/doi/10.1145/3593224
Burny NVanderdonckt J(2021)UiLab, a Workbench for Conducting and Reproducing Experiments in GUI Visual DesignProceedings of the ACM on Human-Computer Interaction10.1145/34571435:EICS(1-31)Online publication date: 29-May-2021
https://dl.acm.org/doi/10.1145/3457143
Bessghaier NSoui MKolski CChouchane M(2021)On the Detection of Structural Aesthetic Defects of Android Mobile User Interfaces with a Metrics-based ToolACM Transactions on Interactive Intelligent Systems10.1145/341046811:1(1-27)Online publication date: 15-Mar-2021
https://dl.acm.org/doi/10.1145/3410468
Show More Cited By

Index Terms

SLC: a visual cohesion metric to predict the usability of graphical user interfaces
1. Human-centered computing
  1. Human computer interaction (HCI)
    1. HCI design and evaluation methods
    2. Interaction paradigms
      1. Graphical user interfaces

Recommendations

Usage-Centered Interface Design for Quality Improvement
ICCS '07: Proceedings of the 7th international conference on Computational Science, Part II

As application development environment changes rapidly, importance of user interface design is increasing. Usually, most of designers are clustering by subjective method of individual to define objects that have relativity in design interface. But, ...
Quantifying usability of domain-specific languages

A usability measurement framework for DSLs was developed based on the cognitive dimensions of notations.With our proposed metrics was possible to identify DSL usability limitations.Our metrics suite revealed specific DSL features favoring maintenance ...
GUI Change Method according to Roles of Widgets and Change Patterns

To develop usable software, it is necessary to develop Graphical User Interfaces (GUIs) in iterative steps, such as evaluating the usability of GUIs and improving GUIs. In improving GUIs, developers are often required to modify both the GUI and the ...

Comments

Information & Contributors

Information

Published In

cover image ACM Conferences

SAC '15: Proceedings of the 30th Annual ACM Symposium on Applied Computing

April 2015

2418 pages

ISBN:9781450331968

DOI:10.1145/2695664

Conference Chairs:
Roger L. Wainwright
University of Tulsa
,
Juan Manuel Corchado
University of Salamanca, Spain
,
Program Chairs:
Alessio Bechini
University of Pisa, Italy
,
Jiman Hong
Soongsil University, South Korea

Copyright © 2015 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

SIGAPP: ACM Special Interest Group on Applied Computing

Publisher

Association for Computing Machinery

New York, NY, United States

Publication History

Published: 13 April 2015

Permissions

Request permissions for this article.

Request Permissions

Check for updates

Author Tags

Qualifiers

Research-article

Conference

SAC 2015

Sponsor:

SIGAPP

SAC 2015: Symposium on Applied Computing

April 13 - 17, 2015

Salamanca, Spain

Acceptance Rates

SAC '15 Paper Acceptance Rate 291 of 1,211 submissions, 24%;

Overall Acceptance Rate 1,650 of 6,669 submissions, 25%

Contributors

Other Metrics

View Article Metrics

Bibliometrics & Citations

Bibliometrics

Article Metrics

7
Total Citations
View Citations
165
Total Downloads

Downloads (Last 12 months)15
Downloads (Last 6 weeks)2

Reflects downloads up to 21 Sep 2024

Other Metrics

View Author Metrics

Citations

Cited By

Zen MBurny NVanderdonckt J(2023)A Quality Model-based Approach for Measuring User Interface Aesthetics with GraceProceedings of the ACM on Human-Computer Interaction10.1145/35932247:EICS(1-47)Online publication date: 19-Jun-2023
https://dl.acm.org/doi/10.1145/3593224
Burny NVanderdonckt J(2021)UiLab, a Workbench for Conducting and Reproducing Experiments in GUI Visual DesignProceedings of the ACM on Human-Computer Interaction10.1145/34571435:EICS(1-31)Online publication date: 29-May-2021
https://dl.acm.org/doi/10.1145/3457143
Bessghaier NSoui MKolski CChouchane M(2021)On the Detection of Structural Aesthetic Defects of Android Mobile User Interfaces with a Metrics-based ToolACM Transactions on Interactive Intelligent Systems10.1145/341046811:1(1-27)Online publication date: 15-Mar-2021
https://dl.acm.org/doi/10.1145/3410468
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
Soui MChouchane MBessghaier NMkaouer MKessentini M(2021)On the Impact of Aesthetic Defects on the Maintainability of Mobile Graphical User Interfaces: An Empirical StudyInformation Systems Frontiers10.1007/s10796-020-10100-w24:2(659-676)Online publication date: 20-Feb-2021
https://doi.org/10.1007/s10796-020-10100-w
Soui MChouchane MMkaouer MKessentini MGhedira K(2019)Assessing the quality of mobile graphical user interfaces using multi-objective optimizationSoft Computing10.1007/s00500-019-04391-8Online publication date: 8-Oct-2019
https://doi.org/10.1007/s00500-019-04391-8
Ines GMakram SMabrouka CMourad A(2017)Evaluation of Mobile Interfaces as an Optimization ProblemProcedia Computer Science10.1016/j.procs.2017.08.234112:C(235-248)Online publication date: 1-Sep-2017
https://dl.acm.org/doi/10.1016/j.procs.2017.08.234

View Options

Get Access

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.

Media

Figures

Other

Tables

View Table of Contents