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 that Misty's conceptual blending workflow helps developers kickstart creative explorations, flexibly specify intent in different stages of prototyping, and inspires developers through serendipitous UI blends. Misty demonstrates the potential for tools that blur the boundaries between developers and designers.

著者
Yuwen Lu
University of Notre Dame, Notre Dame, Indiana, United States
Alan Leung
Apple, Seattle, Washington, United States
Amanda Swearngin
Apple, Seattle, Washington, United States
Jeffrey Nichols
Apple Inc, San Diego, California, United States
Titus Barik
Apple, Seattle, Washington, United States
DOI

10.1145/3706598.3713924

論文URL

https://dl.acm.org/doi/10.1145/3706598.3713924

動画

会議: CHI 2025

The ACM CHI Conference on Human Factors in Computing Systems (https://chi2025.acm.org/)

セッション: UI/UX Design

G304
7 件の発表
2025-04-29 20:10:00
2025-04-29 21:40:00
日本語まとめ
読み込み中…