A model-driven framework for automated UI prototyping with the two-hemisphere model

Introduction Automated generation of executable user interfaces from domain models remains a challenging problem in model-driven software engineering, particularly when both application behavior and domain structure must be preserved in the resulting interface. Existing model-based approaches often remain at the level of abstract interface specifications, whereas AI-assisted generation provides flexible code synthesis but offers limited deterministic traceability to formal domain models. This study proposes a model-driven framework for automatically generating executable web user interface prototypes from the two-hemisphere model, which integrates process and concept representations of a problem domain. Methods The proposed transformation pipeline maps processes to application states and navigation structures, concepts and their attributes to data-oriented interface elements, and process semantics to reusable user interface patterns selected through a deterministic scoring mechanism. A proof-of-concept implementation generates React.js/Material-UI prototypes incorporating routing, state management, CRUD structures, and automatically generated demonstration data. The framework was evaluated using an e-commerce case study through three complementary methods: static source-code analysis, ISO/IEC/IEEE 29119-based functional acceptance testing, and a pilot expert heuristic evaluation based on Nielsen's usability heuristics. Results The generated prototype passed all 25 functional acceptance-test scenarios, required no post-generation source-code modification, and was generated in approximately 12 seconds. Static analysis identified no JSLint or ESLint issues and only two minor JSHint warnings. Three independent usability evaluators produced 22 individual observations, which were consolidated into nine unique usability problems: three cosmetic, five minor, one major, and no critical violations. The major issue concerned the absence of a clearly visible order summary in the generated shopping-cart interface. Discussion The results provide preliminary evidence that the two-hemisphere model can serve as a viable source representation for generating executable user interface prototypes while preserving traceability between behavioral and structural domain information and the resulting implementation. The heuristic findings also identify concrete opportunities for improving transformation rules and the user interface pattern library. However, broader generalisability, comparative efficiency, accessibility, and end-user usability remain to be established through multi-case and user-centred evaluation.