A Multi-Criteria Perceptual Visual Complexity Metrics-Based Optimization Approach to User Interface Design Layouts

Akca E., Tanriöver Ö. Ö., Yilmaz A. E.

IEEE Access, cilt.13, ss.140046-140060, 2025 (SCI-Expanded) identifier identifier

  • Yayın Türü: Makale / Tam Makale
  • Cilt numarası: 13
  • Basım Tarihi: 2025
  • Doi Numarası: 10.1109/access.2025.3596286
  • Dergi Adı: IEEE Access
  • Derginin Tarandığı İndeksler: Science Citation Index Expanded (SCI-EXPANDED), Scopus, Compendex, INSPEC, Directory of Open Access Journals
  • Sayfa Sayıları: ss.140046-140060
  • Anahtar Kelimeler: differential evolution, User interface layout optimization, visual complexity
  • Ankara Üniversitesi Adresli: Evet

Özet

Generating and evaluating alternative UI design layouts with minimum perceptual visual complexity is highly desirable but is a complex and time-consuming process. Various constraints affecting visual complexity such as screen size, number and size of components and semantic relations of components to each other are to be considered. To this aim, we developed a method that relies on perceptual visual complexity metrics specifically, alignment, balance, density and an introduced measure called distance to focal area. Differential evolution algorithm is adapted to the problem to generate a set of pareto optimal alternative layout designs. A series of experiments to evaluate the performance and the validity of our approach showed that, pareto optimum UI design layout alternatives could be produced in a reasonable time where better visual complexity values could be achieved for the set of UI components in layouts.