[論文レビュー] 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メタモデル（タスク・ドメイン・抽象化）とステートチャートモデルを用い、抽象的から具象的UIへの変換をガイドすることで、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.

研究の動機と目的

• 自動生成されたユーザインタフェースにおける使いにくさという持続的問題に対処すること。
• モデル変換に使いやすさ基準を直接統合することでUI品質を向上させること。
• リアルタイムの適応性を可能にするために、UIモデルの動的でランタイム解釈をサポートするフレームワークの開発。
• 反復的テストを通じてエンドユーザーが使いやすさに配慮した変換ルールを定義できるようにすること。
• 高水準のタスクおよびドメインモデルから実行可能でプラットフォームに依存しないUIへとつながる再利用可能で拡張可能なパイプラインの提供。

提案手法

• タスク構造、ドメイン概念、およびインタラクションタイプ（AUIタイプ）を統合したTDA（タスク・ドメイン・抽象化）メタモデルを定義し、UI生成の基本的な入力を捉える。
• ステートチャートモデルを用いてUIの動的特性（ナビゲーション、遷移、状態管理）を表現し、従来のAUIメタモデルを置き換える。
• テンプレートベースの変換（JSRenderおよびjQuery Mobileを介して）を適用し、CUIモデルを実行可能なFUI（最終的ユーザインタフェース）HTMLページに変換する。
• JSON形式のドメイン概念をテンプレートレンダリング中にFUI要素にバインドすることで、ランタイムデータマッピングを統合する。
• 各状態ごとに手動で拡張し、UIの振る舞いや外観をカスタマイズ可能であり、これらは再利用可能な変換ルールに一般化できる。
• 状態遷移、状態の事前条件、ユーザーの相互作用にわたるデータ永続性を管理するステートマシンエンジンを用いてUIを実行する。

実験結果

リサーチクエスチョン

• RQ1 使いやすさをモデル変換に体系的かつ統合的に組み込むにはどうすればよいか？
• RQ2 ステートチャートモデルは、従来のAUIメタモデルに代わってUI生成およびランタイム動作をガイドするのにどの程度効果的か？
• RQ3 自動的なモデル変換と手動によるユーザー主導の拡張を組み合わせたハイブリッドアプローチは、より高品質で使いやすいUIを生み出せるか？
• RQ4 モデル駆動型UI生成は、変化するデータやユーザー行動に基づいてUIの動的でランタイムでの適応をどのようにサポートできるか？
• RQ5 エンドユーザーのフィードバックは、使いやすさを高めるために変換ルールを改善する上でどのような影響を及ぼすか？

主な発見

• GENIUSフレームワークは、使いやすさ基準をモデル変換に直接統合することで、実用的でインタラクティブなWebインタフェースを成功裏に生成した。
• UIの動的特性にステートチャートモデルを用いることで、静的AUIモデルに比べてナビゲーションや状態遷移の管理がより効果的になった。
• jQuery Mobileによるランタイム解釈により、DOMへの動的更新が可能となり、リアルタイムの相互作用と応答性のあるUI挙動をサポートした。
• 手動によるUI拡張は体系的に捉えられ、再利用可能な変換ルールに一般化可能であり、保守性と一貫性が向上した。
• 変換ルール開発にエンドユーザーのフィードバックを統合した結果、使いやすさに配慮した変換ルールのリポジトリが構築され、最終的なUI品質が向上した。
• 実際の建設プロジェクト報告システム（CRTI-WeB）を対象とした評価により、本フレームワークの実用性とプロフェッショナル分野における実現可能性が実証された。