Baseline interface
Computational workflow for structuring comments in design communities
DesignQuizzer interface
Results of the user study
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.
@article{peng2024designquizzer,
author = {Peng, Zhenhui and Chen, Qiaoyi and Shen, Zhiyu and Ma, Xiaojuan and Oulasvirta, Antti},
title = {DesignQuizzer: A Community-Powered Conversational Agent for Learning Visual Design},
journal = {Proc. ACM Hum.-Comput. Interact.},
issue_date = {April 2024},
volume = {8},
number = {CSCW},
month = april,
year = {2024},
issn = {2573-0142},
pages = {},
articleno = {44},
numpages = {40},
url = {https://doi.org/10.1145/3637321},
doi = {10.1145/3637321},
acmid = {},
publisher = {ACM},
address = {New York, NY, USA},
keywords = {Online communities, Visual design, Comment processing, Informal learning},
}
For questions and further information, please contact: