Misty: UI Prototyping Through Interactive Conceptual Blending
Yuwen Lu, Alan Leung, Amanda Swearngin, Jeffrey Nichols, Titus Barik
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
Topics & Concepts
Computer scienceHuman–computer interactionRapid prototypingSoftware prototypingSoftware engineeringComputer graphics (images)Engineering drawingProgramming languageEngineeringSoftwareSoftware developmentMechanical engineeringUsability and User Interface DesignPersona Design and ApplicationsSpeech and dialogue systems