把学术研究变成可直接用的UI设计建议
ReFinE: Streamlining UI Mockup Iteration with Research Findings

- 从人机交互论文中提取设计洞见,实时匹配当前UI原型
- 提供具体可视化修改建议,降低理解成本
- 适合需要快速融入科研成果的UI设计师
尽管人机交互(HCI)研究论文提供了宝贵的设计洞见,但设计师在实际工作中常因难以查找相关文献、理解专业术语、缺乏上下文关联和行动指引而难以应用。为此,我们提出 ReFinE——一款 Figma 插件,可在设计过程中实时呈现与当前原型相关的研究发现。ReFinE 识别并整合与设计情境相关的 HCI 研究结论,将学术证据转化为针对特定原型的可操作视觉指导,帮助设计师优化界面。通过技术评估和用户研究验证,结果表明 ReFinE 能有效提炼并情境化设计启示,减轻认知负担,提升设计师整合研究证据的能力。本工作推动了研究与设计实践之间的衔接,实现了将学术成果嵌入用户界面设计流程。
原文摘要 · Abstract (English)
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.
Thank you to arXiv for use of its open access interoperability. PaperDance 不是 arXiv 官方产品;中文卡片由大模型生成,请以原文为准。