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所学内容。最后讨论了将该方法拓展至其他社区的途径,并为社区支持的学习工具提出设计建议。