Online design communities, where members exchange free-form views on others' designs, offer a space for beginners to learn visual design. However, the content of these communities is often unorganized for learners, containing many redundancies and irrelevant comments. In this paper, we propose a computational approach for leveraging online design communities to run a conversational agent that assists informal learning of visual elements (e.g., color and space). Our method extracts critiques, suggestions, and rationales on visual elements from comments. We present DesignQuizzer, which asks questions about visual design in UI examples and provides structured comment summaries. Two user studies demonstrate the engagement and usefulness of DesignQuizzer compared with the baseline (reading reddit.com/r/UI_design). We also showcase how effectively novices can apply what they learn with DesignQuizzer in a design critique task and a visual design task. We discuss how to use our approach with other communities and offer design considerations for community-powered learning support tools.
翻译:在线设计社区中,成员们对他人的设计作品自由发表观点,为初学者提供了学习视觉设计的空间。然而,这些社区的内容往往缺乏组织性,对学习者而言包含大量冗余和无关评论。本文提出一种计算方法,利用在线设计社区运行对话代理,辅助用户非正式学习视觉元素(如色彩与空间)。该方法从评论中提取关于视觉元素的批评、建议及理由。我们开发的DesignQuizzer系统,能够针对UI示例中的视觉设计提出问题,并提供结构化的评论摘要。两项用户研究表明,与基线方法(浏览reddit.com/r/UI_design)相比,DesignQuizzer更具参与度和实用性。我们还展示了初学者如何将DesignQuizzer所学知识有效应用于设计评论任务和视觉设计任务,并探讨了如何将该方法推广至其他社区,为社区驱动的学习支持工具提供了设计考量。