[论文解读] GENIUS: Generating Usable User Interfaces

Jean-Sébastien Sottet, Alain Vagner|arXiv (Cornell University)|Oct 7, 2013

Usability and User Interface Design参考文献 13被引用 4

一句话总结

GENIUS 通过将可用性标准直接整合到模型转换中，提出了一种基于模型的方法，用于生成可用的用户界面。它使用 TDA 元模型（任务-领域-抽象）和状态图模型，指导从抽象到具体用户界面的转换，支持通过 jQuery Mobile 实现动态、运行时解释，从而生成高保真、可用的 Web 界面。

ABSTRACT

In this report we describe the implementation and approach developed during the GENIUS Project. The GENIUS project is about the generation of usable user interfaces. It tries to cope with issues related to automatic generation where, usually end-user complain about the poor quality (in term of usability) of generated UI. To solve this issue GENIUS relies on Model-Driven Engineering principles and several MDE tools. Notably, it consists in a set of metamodels specific to the interaction, a set of model transformation embedding usability criteria and an environment for model execution/ interpretation.

研究动机与目标

• 解决自动生成功能界面中持续存在的可用性差的问题。
• 通过将可用性标准直接嵌入模型转换，提升用户界面质量。
• 开发一个支持用户界面模型动态、运行时解释的框架，以实现实时适应性。
• 通过迭代测试，使最终用户能够参与定义可用性感知的转换规则。
• 提供从高层任务和领域模型到可执行、平台无关的用户界面的可重用、可扩展的端到端流程。

提出的方法

• 定义 TDA（任务-领域-抽象）元模型，整合任务结构、领域概念和交互类型（AUI 类型），以捕获用户界面生成的关键输入。
• 使用状态图模型表示用户界面的动态行为，包括导航、状态转换和状态管理，替代传统的 AUI 元模型。
• 通过 JSRender 和 jQuery Mobile 的模板化转换，将 CUI 模型转换为可执行的 FUI（最终用户界面）HTML 页面。
• 在模板渲染过程中，通过将领域概念（以 JSON 形式）绑定到 FUI 元素，实现运行时数据映射。
• 支持按状态手动扩展，以自定义用户界面行为和外观，这些扩展可进一步抽象为可重用的转换规则。
• 通过状态机引擎执行用户界面，该引擎负责管理状态转换、状态前置条件以及用户交互过程中的数据持久化。

实验结果

研究问题

• RQ1 如何系统性地将可用性嵌入到模型转换中，以实现自动用户界面生成？
• RQ2 状态图模型在指导用户界面生成和运行时行为方面，能在多大程度上有效替代传统的 AUI 元模型？
• RQ3 结合自动模型转换与手动、用户驱动扩展的混合方法，是否能生成质量更高、更可用的用户界面？
• RQ4 模型驱动的用户界面生成如何支持基于数据变化和用户操作的动态、运行时自适应？
• RQ5 最终用户反馈对优化转换规则以提升感知可用性的影响如何？

主要发现

• GENIUS 框架通过将可用性标准直接嵌入模型转换，成功生成了可用且可交互的 Web 界面。
• 使用状态图模型表示用户界面动态行为，相比静态 AUI 模型，能更有效地管理导航和状态转换。
• 通过 jQuery Mobile 实现的运行时解释支持对 DOM 的动态更新，从而实现实时交互和响应式用户界面行为。
• 手动用户界面扩展可系统性地捕获并抽象为可重用的转换规则，从而提升可维护性和一致性。
• 将最终用户反馈整合到转换规则开发过程中，形成了一套可用性感知的转换规则库，显著提升了最终用户界面的质量。
• 在真实世界建筑项目报告系统（CRTI-WeB）上的评估验证了该框架在专业领域中的可行性与实用性。