AI在环的以用户为中心设计：利用“Vibe Coding”进行快速用户界面原型开发的案例研究
User-Centered Design with AI in the Loop: A Case Study of Rapid User Interface Prototyping with "Vibe Coding"
AI总结：
本文通过公路交通数据分析界面案例，提出AI在环的UCD构思—原型流程，展示利用LLM的“vibe coding”快速生成UI、获取反馈并验证多种设计的价值与局限。
AI中文摘要：
我们提出一项使用生成式用户界面（generative user interfaces）或称“vibe coding”的案例研究，该方法利用大型语言模型（LLM）通过自然语言提示生成代码，以支持以用户为中心设计（UCD）中的快速原型开发。在扩展传统UCD实践的基础上，我们提出一种AI在环的构思—原型开发流程。我们分享了将该流程整合用于开发一个交互式数据分析界面的实证经验，该界面面向公路交通工程师，旨在帮助其有效检索和分析历史交通数据。借助生成式UI，团队能够从用户评估访谈以及与领域专家的实时协作会议中获取丰富的用户反馈，并测试多种备选设计想法。我们讨论了vibe coding在弥合设计专业知识与特定领域专业知识之间差距方面的优势和陷阱。
英文摘要：
We present a case study of using generative user interfaces, or ``vibe coding,'' a method leveraging large language models (LLMs) for generating code via natural language prompts, to support rapid prototyping in user-centered design (UCD). Extending traditional UCD practices, we propose an AI-in-the-loop ideate-prototyping process. We share insights from an empirical experience integrating this process to develop an interactive data analytics interface for highway traffic engineers to effectively retrieve and analyze historical traffic data. With generative UIs, the team was able to elicit rich user feedback and test multiple alternative design ideas from user evaluation interviews and real-time collaborative sessions with domain experts. We discuss the advantages and pitfalls of vibe coding for bridging the gaps between design expertise and domain-specific expertise.
