Detecting and Visualizing Web Design Patterns

The focus of this paper is on Human-Computer-Interaction (HCI) design patterns and, specifically, web design patterns as a subcategory of HCI design patterns. These patterns are generally expressed in a textual format, which is semi-formal. The lack of formal structure causes problems in the process of reverse engineering regarding HCI aspects. Generating detected web design patterns in a formalized format is, therefore, seriously required. Based on the approaches taken for detection and visualization of web design patterns implemented via hyperlinks, the Interactive Design Patterns Detect (IDPDetect) system, which detects the occurrence of web design patterns in a web page through static analysis of the web page source code and visualizes detected web design patterns via UML class diagrams, is developed.