Evaluating the Layout of Graphical User Interface Screens: Validation of a Numerical Computerized Model

Abstract

We developed a numerical model for evaluation of graphical user interface (GUI) screens. The model consists of design guidelines concerning screen factors--element size, local density, alignment, and grouping--and produces a complexity score for a given screen. The complexity predictions of the model were examined in a fully factorial experimental design in which GUI screens with all combinations of factors were shown to human users. We measured participants' search times for given elements on all screens, and participants rated their pair-wise preferences of those screens. Overall, very well designed screens resulted in shorter search times and high subjective preference. The combination of poor alignment and poor local density had the strongest adverse effect on search time. Alignment and grouping were found to have more influence on subjective preference. Weights derived from the subjective judgments were introduced into the model and a significant correlation was found between model predictions and se...