Generative and Malleable User Interfaces with Generative and Evolving Task-Driven Data Model
Authors
Research Background and Problem
- Problem and Challenges: Current user interface (UI) design is mostly based on fixed models, making it difficult to flexibly respond to users' evolving information needs. Although generative UI can produce code through user prompts, the code generation approach makes it challenging for end-users to iteratively customize interfaces to adapt to dynamic requirements.
- Significance: Interfaces that support dynamic tasks and personalized needs represent the future direction of human-computer interaction. Traditional applications fail to meet these demands, and the limitations of existing generative technologies further restrict users' customization experiences.
- Research Motivation and Related Work: Drawing on studies in Model-Based UI Development, Specification-Based UI Generation, and End-User Programming, the authors propose a method for dynamic generation and evolution of interface design.
Solution
- Method Overview: A technical pipeline based on a Task-Driven Data Model is proposed, using task-driven data models generated by large language models (LLMs) as the foundation for UI generation and evolution. The pipeline allows dynamic adjustments to models and interfaces through natural language prompts and direct manipulation.
- Innovations:
- Employing task-driven data models to represent the core entities, relationships, and attributes of user tasks.
- Mapping data models to UI specifications to establish standardized component generation rules, ensuring consistency.
- Enabling users to flexibly adjust models and interfaces via natural language and direct manipulation.
- Implementation Steps:
- Data Model Generation: Using LLMs to analyze user prompts and generate object-associated data models (e.g., entities, attribute relationships, and structured data).
- UI Specification Generation: Generating UI specifications based on the data model, including component mapping and state management rules.
- UI Rendering: Rendering the interface according to UI specifications using predefined rules.
- User-Customized Interaction: Allowing users to update data models and UI through continuous prompts or direct manipulation.
Research Outcomes
- Specific Results:
- Developed a prototype system, "Jelly," capable of dynamically generating user interfaces and supporting continuous customization.
- Technical evaluations demonstrate that LLM-generated data models perform well in task relevance and accuracy.
- User studies show that generative and plastic interfaces help users efficiently handle open-ended information tasks, providing a seamless and personalized interactive experience.
- Advantages and Comparisons: Compared to traditional GUIs and LLM-driven chat interfaces, Jelly offers a structured information space with continuous personalized customization, allowing users to dynamically expand interfaces based on specific tasks.
- Experimental and Evaluation Results:
- Technical evaluation results indicate that LLMs can generate high-quality entities and attributes (over 94% of attributes were deemed necessary and meaningful).
- User studies reveal that Jelly helps users complete tasks and adapt dynamically to changing needs. Users expressed satisfaction with the system's flexibility and transparency in digesting information and customizing interfaces.
- Failure cases mainly involved handling highly customized UI requests or complex attribute operations, pointing to limitations in the current specification scope.
- Limitations and Future Directions:
- Current interface design specifications limit the diversity of information representation (e.g., lack of advanced visualization options).
- Interaction efficiency could be improved through more efficient model extension mechanisms and direct manipulation.
- Future work includes introducing external data source support, modeling more complex task dependencies, and enabling context-based interface personalization.
Through this study, the authors provide a clear framework for the development of generative and plastic interfaces and demonstrate effective practices for implementing dynamic task-driven data models and UI generation.
Research Questions / Practical Problems
Question signals indexed for this paper.
Research Questions
3- How can task-driven data models dynamically generate user interfaces and adapt to users' evolving needs?Category: GUI/IoT Task Automation and Interface GenerationSimilar questionsarrow_forward
- How accurate and task-relevant are task-driven data models when generating and evolving user interfaces?Category: GUI/IoT Task Automation and Interface GenerationSimilar questionsarrow_forward
- How efficient and satisfactory is the experience of users customizing interfaces through natural language prompts and direct manipulation?Category: GUI/IoT Task Automation and Interface GenerationSimilar questionsarrow_forward
Practical Problems
1- Users struggle to dynamically adjust interfaces to meet changing task demands.Category: GUI/IoT Task Automation and Interface GenerationSimilar questionsarrow_forward
- 100%
The Impact of Generative AI on Critical Thinking: Self-Reported Reductions in Cognitive Effort and Confidence Effects From a Survey of Knowledge Workers
CHI '25· Generative AI (Text, Image, Music, Video) +1
- 100%
GeneyMAP: Exploring the Potential of GenAI to Facilitate Mapping User Journeys for UX Design
CHI '25· Generative AI (Text, Image, Music, Video) +1
- 80%
PhraseFlow: Designs and Empirical Studies of Phrase-Level Input
CHI '21· Generative AI (Text, Image, Music, Video) +2
- 80%
Stylette: Styling the Web with Natural Language
CHI '22· Immersion & Presence Research +2
- 80%
MUD: Towards a Large-Scale and Noise-Filtered UI Dataset for Modern Style UI Modeling
CHI '24· Generative AI (Text, Image, Music, Video) +1
- 80%
SketchFlex: Facilitating Spatial-Semantic Coherence in Text-to-Image Generation with Region-Based Sketches
CHI '25· Generative AI (Text, Image, Music, Video) +1
- 80%
How the Role of Generative AI Shapes Perceptions of Value in Human-AI Collaborative Work
CHI '25· Generative AI (Text, Image, Music, Video) +1
- 80%
agentAR: Creating Augmented Reality Applications with Tool-Augmented LLM-based Autonomous Agents
UIST '25· AR Navigation & Context Awareness +2
- 75%
User Experience Design Professionals’ Perceptions of Generative Artificial Intelligence
CHI '24· Generative AI (Text, Image, Music, Video) +1
- 75%
Tap&Say: Touch Location-Informed Large Language Model for Multimodal Text Correction on Smartphones
CHI '25· Human-LLM Collaboration
Based on Jaccard similarity of research subtopics & professions (≥60%)