Texterial: A Text-as-Material Interaction Paradigm for LLM-Mediated Writing
Organizations: Microsoft Research Redmond, WA, USA · MIT Media Lab Cambridge, MA, USA · University of Toronto Toronto, ON, Canada
Abstract
What if text could be sculpted and refined like clay -- or cultivated and pruned like a plant? Texterial reimagines text as a material that users can grow, sculpt, and transform. Current generative-AI models enable rich text operations, yet rigid, linear interfaces often mask such capabilities. We explore how the text-as-material metaphor can reveal AI-enabled operations, reshape the writing process, and foster compelling user experiences. A formative study shows that users readily reason with text-as-material, informing a conceptual framework that explains how material metaphors shift mental models and bridge gulfs of envisioning, execution, and evaluation in LLM-mediated writing. We present the design and evaluation of two technical probes: Text as Clay, where users refine text through gestural sculpting, and Text as Plants, where ideas grow serendipitously over time. This work expands the design space of writing tools by treating text as a living, malleable medium.
Figures & tables
| ID | Occupation | Creativity | Experience | Type of Writing |
| P1 | Model maker (15 yrs) | 38 | 12 | N/A |
| P2 | Designer (20+ yrs) | 43 | 21 | Creative briefs, presentations |
| P3 | Principal PM Manager (1 yr) | 37 | 25 | Emails, essays, scientific articles, journaling |
| P4 | NLP Researcher (20+ yrs) | 45 | 29 | Scientific articles, short stories, poetry |
| Gulf | Chat Interface | Text-as-Material |
| Gulf of Envisioning ( Subramonyam et al., 2024 ) | High gulf | Very low gulf |
| Do I know what it can do and how to communicate my intent? | Blank prompt can be intimidating; users may not know what to ask or how to begin. Requires prior intent or inspiration. | The interface invites play and experimentation; users can begin without a clear goal or assumptions. Supports emergent thinking and discovery. |
| Gulf of Execution ( Norman Donald, 2013 ) | Moderate gulf | Low gulf |
| Can I do what I want to do? | Users must translate intent into language; success depends on prompt clarity. Requires mental effort to formulate effective instructions. | Users manipulate text directly with gestures; actions are intuitive and discoverable. Users feel in control through embodied interaction. |
| Gulf of Evaluation ( Norman Donald, 2013 ) | Moderate gulf | Low gulf |
| Did the system do what I expected? | Feedback is textual and may be verbose or ambiguous. Users may struggle to judge correctness or relevance. | Immediate visual and tactile feedback; changes are visible and interpretable. Users can assess results in real time. |
Appendix figures & tables15 assets
Supplementary material from the paper’s appendix.
Appendix
| Conceptual lens | Material affordances & constraints | Embodied reasoning | Direct manipulation | Non-linear workflow | Gestural-driven input | Expressive control | Immediate sensory feedback |
| Merge / combine blocks (drag & overlap) | “I can join/knead clay. Smearing two lumps together blends the seam. More overlap yields a more unified form; minimal overlap keeps pieces distinguishable.” | Approach direction sets ordering. A slow, deliberate push suggests careful integration; a quick shove suggests rough stitching. Where and how much I overlap determines what becomes the seam versus what remains intact. | User drags one text block onto another. Contact initiates merging, and overlap defines the blending region (the seam), rather than issuing a verbal instruction. | User can merge, rip to re-separate, then merge again with a different direction or overlap. | Drag vector (source target), drop position, overlap ratio, and anchor points corresponding to the intersection region (seam). | Drag direction determines ordering. Overlap magnitude controls degree of integration. Seam location biases where merge is strongest. | Blocks visually react on contact with spreading/bending at the contact edges and color becomes denser. After release, the merged text animates locally at the seam, highlights the change. |
| Texterial operation. COMPOSE (f 1 ) combines content, and under high overlap | |||||||
| Implementation hook (prompt routing + control variables). Detect / tag overlap. During drag, compute collision intensity from overlap extent (e.g., line/region intersection). Mark the visually overlapping lines in each block with <overlap> … </overlap> tags. Route by collision type + intensity. • Vertical merge (source above target). Call getVerticalCollisionPrompt(topTextWithTags, bottomTextWithTags, i, context) . Enforce ordering: TOP BOTTOM in the final text. Edits should concentrate within/near the tagged overlap region; avoid changes outside unless necessary for coherence. Output length (top+bottom). • Full blend (extreme overlap). For near-complete overlap, call getFullBlendCollisionPrompt(firstText, secondText, i, context) to generate a single unified passage that blends both sources (not simple insertion), with length (first+second). • Horizontal insertion (source into target). When the dragged block is inserted into a target block, call getHorizontalCollisionPrompt(mainTextWithTags, insertTextWithTags, pos, i, context, insertLineText?) . Use pos (or an anchor line) to place the insertion; apply blending primarily within/near <overlap> lines. Encode intensity guidance. Convert to intensityPercent and select a blending regime: light ( ) minimal edits for a smooth transition; moderate ( ) natural flow with moderate editing; heavy ( ) extensive merging/weaving. Constraints / outputs. Return only the combined text (no markup/tags/markdown). Keep length the same or shorter than the two inputs. If userWritingContext is provided, prepend it as a conditioning line and keep edits relevant to that project. | |||||||