Cells, Generators, and Lenses: Design Framework for Object-Oriented Interaction with Large Language Models
Authors
Title of the Paper
Cells, Generators, and Lenses: Design Framework for Object-Oriented Interaction with Large Language Models
Paper Information
- Domain: Human-Computer Interaction and the Design and Application of Large Language Models (LLMs)
- Keywords: Large Language Models, Generative Models, Writing Assistance Tools, Reification, Human-Computer Interaction Design
Research Background and Problem
-
Problems or Challenges:
- LLMs have significantly reduced users' writing burden, but existing writing interfaces limit users' ability to experiment with and iterate on generation configurations (e.g., inputs and model parameters).
- Users' generation configurations are often overwritten, making it difficult to track, compare, and combine multiple configurations, thereby hindering flexible exploration and experimentation.
- The black-box nature and non-deterministic characteristics of the models leave users without effective means to "correct" model outputs, requiring additional effort for experimentation.
-
Research Importance:
- Iteration and experimentation are critical for exploring the design space in creative tasks. Improving writing interfaces to support parallel prototyping with multiple configurations can significantly enhance users' productivity and creativity.
-
Research Motivation and Related Work:
- Existing studies (e.g., tools like GANSliders and PromptMaker) have improved the configurability of certain components of generative models but lack support for cross-component customization.
- Research on LLMs has focused on optimizing input configurations (e.g., prompt engineering) and generated outputs but has not addressed debugging and comprehensive configuration of the overall generation process.
- Human-AI writing tools have demonstrated AI's complementary role in writing but have not fully considered supporting users' needs for iteration and experimentation.
Solution
-
Proposed Method or Solution:
- The authors propose the "Cells, Generators, and Lenses" framework, which materializes the main components of generation configurations (input, model, output) as interactive objects.
- The interactive objects in the design framework are persistent, reusable, and composable. Through these objects, users can create multiple configuration variants and conduct parallel prototyping.
-
Innovations:
- The introduction of an object-oriented interaction design framework enables users to flexibly combine input, model, and output components, supporting diverse and experimental generation configurations.
- The design incorporates the concept of "object reification," transforming task elements (e.g., text snippets, model parameters) into intuitive and user-friendly interactive objects.
-
Implementation Steps and Key Technologies:
- Cells:
- Materialized representations of input units, such as sentences or phrases.
- Users can create, modify, duplicate, and combine multiple cells to construct generation inputs.
- Generators:
- Materialized representations of model settings, including model types and parameters.
- Users can independently modify each generator's configuration, link it to cells to generate outputs, and track its configuration history.
- Lenses:
- Materialized representations of generated outputs, used for organizing and visualizing outputs (e.g., lists, scatterplots).
- Users can flexibly assemble lenses to view multiple representations of the same output simultaneously.
- Cells:
Research Outcomes
-
Specific Outcomes:
- The framework was applied to redesign three interfaces: for ad writing, email composition, and story creation. Each interface demonstrated the framework's applicability to different tasks.
- Experimental results showed that interfaces designed based on the framework significantly encouraged users to generate more outputs, experiment with more inputs, and adopt model suggestions more frequently in final outputs.
- A design workshop revealed that the framework not only provided designers with concrete interaction design components but also inspired them to further modularize the generation process.
-
Advantages over Existing Solutions:
- Provides comprehensive control and personalized support for users' generation processes, significantly improving their iterative and experimental experiences.
- Addresses the limitations of existing generative tools that only support single-component customization by integrating comprehensive interaction support for inputs, model settings, and outputs.
-
Experimental and Evaluation Results:
- A user study compared the framework-based interface with traditional configuration interfaces, finding that users generated more outputs in the former (M=9.78 vs. M=6.33, p=0.006) and used a higher number of unique inputs (M=5.89 vs. M=3.06, p<0.000).
- Participants using the framework had a significantly higher adoption rate of generated outputs (BLEU score analysis: M=0.884 vs. M=0.768, p=0.045).
-
Limitations and Future Directions:
- Limitations include the difficulty of predicting the impact of model parameters and the lack of intelligent suggestions for modifying generation configurations.
- The authors suggest future research focus on improving the interpretability of generator parameters, developing new lenses that balance output breadth and review efficiency, and optimizing the automatic generation and recommendation of cells.
Open Resources
- The authors have released an open-source ReactJS library for quickly integrating "Cells, Generators, Lenses" components, facilitating interface design for developers (URL: https://github.com/kixlab/llm-ui-objects).
Research Questions / Practical Problems
Question signals indexed for this paper.
Research Questions
3- How can existing generative model writing interfaces be optimized to better support user experimentation and iteration?Category: Writing Collaboration, Summarization, and Text SuggestionsSimilar questionsarrow_forward
- Can materializing key components of generation configuration (e.g., input, model parameters, output) improve users' multi-configuration prototype exploration experience?Category: Writing Collaboration, Summarization, and Text SuggestionsSimilar questionsarrow_forward
- How do structured interaction components (e.g., units, generators, and lenses) affect user content generation and adoption of model suggestions?Category: Writing Collaboration, Summarization, and Text SuggestionsSimilar questionsarrow_forward
Practical Problems
1- Users struggle to effectively configure generative models, limiting exploration and experimentation freedom.Category: Writing Collaboration, Summarization, and Text SuggestionsSimilar questionsarrow_forward
- 75%
Mapping Machine Learning Advances from HCI Research to Reveal Starting Places for Design Innovation
CHI '18· Human-LLM Collaboration
- 75%
Sketching NLP: A Case Study of Exploring the Right Things To Design with Language Intelligence
CHI '19· Human-LLM Collaboration +1
- 75%
An Evaluation of Situational Autonomy for Human-AI Collaboration in a Shared Workspace Setting
CHI '24· Human-LLM Collaboration +1
- 75%
IntentTuner: An Interactive Framework for Integrating Human Intentions in Fine-tuning Text-to-Image Generative Models
CHI '24· Generative AI (Text, Image, Music, Video) +1
- 75%
Bridging the Gulf of Envisioning: Cognitive Challenges in Prompt Based Interactions with LLMs
CHI '24· Human-LLM Collaboration +1
- 75%
Deus Ex Machina and Personas from Large Language Models: Investigating the Composition of AI-Generated Persona Descriptions
CHI '24· Human-LLM Collaboration +1
- 75%
User Experience of LLM-based Recommendation Systems: A Case of Music Recommendation
CHI '25· Human-LLM Collaboration +1
- 75%
AI-Instruments: Embodying Prompts as Instruments to Abstract & Reflect Graphical Interface Commands as General-Purpose Tools
CHI '25· Generative AI (Text, Image, Music, Video) +1
- 75%
IdeationWeb: Tracking the Evolution of Design Ideas in Human-AI Co-Creation
CHI '25· Human-LLM Collaboration +1
- 75%
Human Speakers Help Machine Listeners To account For Visual Asymmetries in Dialogue
CUI '23· Voice User Interface (VUI) Design +1
Based on Jaccard similarity of research subtopics & professions (≥60%)