Computational Layout Perception using Gestalt Laws

Koch, Janin; Oulasvirta, Antti

doi:10.1145/2851581.2892537

Cited by 19 publications

(12 citation statements)

References 8 publications

Supporting

Mentioning

Contrasting

Unclassified

Order By: Relevance

“…Metrics for evaluating web pages and mobile GUIs [29,59,33,54] already exist. Web page evaluation metrics focus on the visual complexity of websites with individual and numeric factors (e.g., word count or graphics count [29]), whereas those for mobile GUIs concern detailed elements that contribute to the overall visual complexity of designs, such as words, color, image counts and sizes, symmetry, balance [29,59], and layouts [33]. There are other approaches for evaluating visual complexity of mobile GUIs [61,60,41,27].…”

Section: Metrics For Measuring Visual Complexitymentioning

confidence: 99%

GUIComp: A GUI Design Assistant with Real-Time, Multi-Faceted Feedback

Lee

Kim

Han

et al. 2020

Proceedings of the 2020 CHI Conference on Human Factors in Computing Systems

View full text Add to dashboard Cite

Users may face challenges while designing graphical user interfaces, due to a lack of relevant experience and guidance. This paper aims to investigate the issues that users with no experience face during the design process, and how to resolve them. To this end, we conducted semi-structured interviews, based on which we built a GUI prototyping assistance tool called GUIComp. This tool can be connected to GUI design software as an extension, and it provides real-time, multifaceted feedback on a user's current design. Additionally, we conducted two user studies, in which we asked participants to create mobile GUIs with or without GUIComp, and requested online workers to assess the created GUIs. The experimental results show that GUIComp facilitated iterative design and the participants with GUIComp had better a user experience and produced more acceptable designs than those who did not.

show abstract

Section: Metrics For Measuring Visual Complexitymentioning

confidence: 99%

GUIComp: A GUI Design Assistant with Real-Time, Multi-Faceted Feedback

Lee

Kim

Han

et al. 2020

Proceedings of the 2020 CHI Conference on Human Factors in Computing Systems

View full text Add to dashboard Cite

show abstract

“…These laws mainly describe how visual elements are perceived as grouped based on principles of Proximity, Similarity (color, shape and size), Common fate, Good Continuation and Connectedness. These principles have been widely appreciated in various fields including architecture but also widely used in GUI design and information visualization [13,14,20,37].…”

Section: Visual Design Principlesmentioning

confidence: 99%

Visual Composition of Graphical Elements on Non-Rectangular Displays

Serrano

Roudaut

Irani

2017

Proceedings of the 2017 CHI Conference on Human Factors in Computing Systems

View full text Add to dashboard Cite

“…For usability evaluation where the UI evaluated as a whole, Koch & Oulasvirta [14] did a work for evaluating layout perception of a UI based on algorithmic representation of gestalt psychology principles -which closely tied to human visual perception such as proximity [15]. Oulasvirta et al [16] also made an online service called Aalto Interface Metrics (AIM) where it provides 17 different metrics evaluation using a page of UI.…”

Section: Usability Factors Evaluationmentioning

confidence: 99%

“…The most common way to evaluate usability automatically is by using computer vision technique as done by many mentioned researches. One of common method is by detecting GUI components inside a UI, classify them, and process them further such as segment the components by colors and annotate them semantically [17], segment the layout based on gestalt perception [14]…”

Section: Uncharted Map In Usability Evaluationmentioning

confidence: 99%

Visual Recognition Of Graphical User Interface Components Using Deep Learning Technique

Rahmadi

Sudaryanto

2020

Jurnal Ilmu Komputer dan Informasi

View full text Add to dashboard Cite

Graphical User Interface (GUI) building in software development is a process which ideally need to go through several steps. Those steps in the process start from idea or rough sketch of the GUI, then refined into visual design, implemented in coding or prototype, and finally evaluated for its function and usability to discover design problem and to get feedback from users. Those steps repeated until the GUI considered satisfactory or acceptable by the user. Computer vision technique has been researched and developed to make the process faster and easier; for example generating code for implementation, or automatic GUI testing using component images. But among those techniques, there are still few for usability testing purpose. This preliminary research attempted to make the foundation for usability testing using computer vision technique by built minimalist dataset which has images of various GUI components and used the dataset in deep learning experiment for GUI components visual recognition. The experiment results showed deep learning technique suitable for the intended task, with accuracy of 95% for recognition of two different types of components, and accuracy of 72% for six different types of component.

show abstract

Computational Layout Perception using Gestalt Laws

Cited by 19 publications

References 8 publications

GUIComp: A GUI Design Assistant with Real-Time, Multi-Faceted Feedback

GUIComp: A GUI Design Assistant with Real-Time, Multi-Faceted Feedback

Visual Composition of Graphical Elements on Non-Rectangular Displays

Visual Recognition Of Graphical User Interface Components Using Deep Learning Technique

Contact Info

Product

Resources

About