Aalto Interface Metrics (AIM): A Service and Codebase for Computational GUI Evaluation

Aalto Interface Metrics (AIM) pools several empirically validated models and metrics of user perception and attention into an easy-to-use online service for the evaluation of graphical user interface (GUI) designs. Users input a GUI design via URL, and select from a list of 17 different metrics covering aspects ranging from visual clutter to visual learnability. AIM presents detailed breakdowns, visualizations, and statistical comparisons, enabling designers and practitioners to detect shortcomings and possible improvements. The web service and code repository are available at interfacemetrics.aalto.fi.

[1]  Frans W Cornelissen,et al.  A crowding model of visual clutter. , 2009, Journal of vision.

[2]  Andrew Sears.  AIDE : A tool to assist in the design and evaluation of user interfaces , 2001 .

[3]  David E. Kieras,et al.  Automating interface evaluation , 1994, CHI Conference Companion.

[4]  Michael D. Byrne,et al.  A tool for creating predictive performance models from user interface demonstrations , 1999, UIST '99.

[5]  C. Koch,et al.  A saliency-based search mechanism for overt and covert shifts of visual attention , 2000, Vision Research.

[6]  David Chek Ling Ngo,et al.  Modelling interface aesthetics , 2003, Inf. Sci..

[7]  Yuanzhen Li,et al.  Measuring visual clutter. , 2007, Journal of vision.

[8]  James D. Foley,et al.  DON: user interface presentation design assistant , 1990, UIST '90.

[9]  Antonella De Angeli,et al.  Computation of Interface Aesthetics , 2015, CHI.

[10]  Rolf Reber,et al.  Exploring “fringe” consciousness: The subjective experience of perceptual fluency and its objective bases , 2004, Consciousness and Cognition.

[11]  Sabine Süsstrunk,et al.  Measuring colorfulness in natural images , 2003, IS&T/SPIE Electronic Imaging.

[12]  Antti Oulasvirta,et al.  Modelling Learning of New Keyboard Layouts , 2017, CHI.

[13]  Manuel Menezes de Oliveira Neto,et al.  A Physiologically-based Model for Simulation of Color Vision Deficiency , 2009, IEEE Transactions on Visualization and Computer Graphics.

[14]  Aaron Hertzmann,et al.  DesignScape: Design with Interactive Layout Suggestions , 2015, CHI.

[15]  D. Levi.  Crowding—An essential bottleneck for object recognition: A mini-review , 2008, Vision Research.

[16]  Jean Vanderdonckt,et al.  Towards an evaluation of graphical user interfaces aesthetics based on metrics , 2014, 2014 IEEE Eighth International Conference on Research Challenges in Information Science (RCIS).

[17]  Antonella De Angeli,et al.  Quantification of interface visual complexity , 2014, AVI.

[18]  Richard H. Hall,et al.  The impact of web page text-background colour combinations on readability, retention, aesthetics and behavioural intention , 2004, Behav. Inf. Technol..

[19]  Antti Oulasvirta,et al.  Sketchplore: Sketch and Explore with a Layout Optimiser , 2016, Conference on Designing Interactive Systems.

[20]  Ishani Chakraborty,et al.  Correlating low-level image statistics with users - rapid aesthetic and affective judgments of web pages , 2009, CHI.

[21]  Katharina Reinecke,et al.  Predicting users' first impressions of website aesthetics with a quantification of perceived visual complexity and colorfulness , 2013, CHI.

[22]  O. Sorkine,et al.  Color harmonization , 2006, SIGGRAPH 2006.