Problem
Research questions and friction points this paper is trying to address.
HCI research
design workflow
research-practice gap
actionable insights
UI mockup
ReFinE: Streamlining UI Mockup Iteration with Research Findings
🤖 AI Summary
Designers often struggle to effectively apply insights from human-computer interaction (HCI) research due to challenges in retrieval, disciplinary terminology barriers, and a lack of contextualized, actionable guidance. To address this gap, this work proposes ReFinE—the first Figma plugin that automatically synthesizes HCI research findings and integrates them directly into the UI design workflow. Leveraging natural language processing and context-aware recommendation techniques, ReFinE delivers real-time, visual, and actionable design suggestions tailored to the designer’s current task. Findings from a user study demonstrate that ReFinE significantly reduces cognitive load, enhances designers’ ability to incorporate empirical research evidence into their practice, improves design quality, and accelerates iterative prototyping cycles.
📝 Abstract
Although HCI research papers offer valuable design insights, designers often struggle to apply them in design workflows due to difficulties in finding relevant literature, understanding technical jargon, the lack of contextualization, and limited actionability. To address these challenges, we present ReFinE, a Figma plugin that supports real-time design iteration by surfacing contextualized insights from research papers. ReFinE identifies and synthesizes design implications from HCI literature relevant to the mockup's design context, and tailors this research evidence to a specific design mockup by providing actionable visual guidance on how to update the mockup. To assess the system's effectiveness, we conducted a technical evaluation and a user study. Results show that ReFinE effectively synthesizes and contextualizes design implications, reducing cognitive load and improving designers' ability to integrate research evidence into UI mockups. This work contributes to bridging the gap between research and design practice by presenting a tool for embedding scholarly insights into the UI design process.
Innovation
Methods, ideas, or system contributions that make the work stand out.
ReFinE
HCI research integration
contextualized design insights
actionable visual guidance
design iteration
🔎 Similar Papers
No similar papers found.
