Misty: UI Prototyping Through Interactive Conceptual Blending

UI prototyping often involves iterating and blending elements from examples such as screenshots and sketches, but current tools offer limited support for incorporating these examples.Inspired by the cognitive process of conceptual blending, we introduce a novel UI workflow that allows developers to rapidly incorporate diverse aspects from design examples into work-in-progress UIs.We prototyped this workflow as Misty.Through a exploratory first-use study with 14 frontend developers, we assessed Misty's effectiveness and gathered feedback on this workflow.Our findings suggest

Authors

Institutions

Publication Details

Published
2025-04-25
DOI
https://doi.org/10.1145/3706598.3713924
Citations
5
Primary Topic
Usability and User Interface Design
Type
article
Field-Weighted Citation Impact
9.68
Controls
|||
ALL TIME
JAN
FEB
MAR
APR
MAY
JUN
JUL
AUG
SEP
OCT
article

Misty: UI Prototyping Through Interactive Conceptual Blending

Titus Barik, Yuwen Lu, A S M Leung, Jeffrey W. Nichols et al.
5 citations
Usability and User Interface Design
9.68
article

Misty: UI Prototyping Through Interactive Conceptual Blending

Titus Barik, Yuwen Lu, A S M Leung, Jeffrey W. Nichols, Amanda Swearngin
article en
5 citations

Abstract

UI prototyping often involves iterating and blending elements from examples such as screenshots and sketches, but current tools offer limited support for incorporating these examples.Inspired by the cognitive process of conceptual blending, we introduce a novel UI workflow that allows developers to rapidly incorporate diverse aspects from design examples into work-in-progress UIs.We prototyped this workflow as Misty.Through a exploratory first-use study with 14 frontend developers, we assessed Misty's effectiveness and gathered feedback on this workflow.Our findings suggest

University of Notre Dame (US), Apple (United States) (US)
Openalex Percentile: Top 2%
Usability and User Interface Design
9.68
AI Navigator

Ask Laika to Summarize, Analyze, and Connect papers live on the map.

Summarize Papers & Methodologies

Extract key findings, datasets, and comparative methods across publications.

Benchmark Rankings & Visual Analytics

Rank top research institutions, authors, funders, topics, and journals by Field-Weighted Citation Impact (FWCI) and paper volume with instant charts.

Connect Distant Disciplines

Bridge topological clusters on the map to find hidden collaborative intersections.