Designing responsive visualizations for various screen types can be tedious as authors must manage multiple chart~versions across design iterations. Automated approaches for responsive visualization must take into account the user's need for agency in exploring possible design ideas and applying customizations based on their own goals. We design and implement Dupo, a mixed-initiative approach to creating responsive visualizations that combines the agency afforded by a manual interface with automation provided by a recommender system. Given an initial design, users can browse automated design suggestions for a different screen type and make edits to a chosen design, thereby supporting quick prototyping and customizability. Dupo employs a two-step recommender pipeline that first suggests significant design changes (Exploration) followed by more subtle changes (Alteration). We evaluated Dupo with six expert responsive visualization authors. While creating responsive versions of a source design in Dupo, participants could reason about different design suggestions without having to manually prototype them, and thus avoid prematurely fixating on a particular design. This process led participants to create designs that they were satisfied with but which they had previously overlooked.
翻译:设计适应多种屏幕类型的响应式可视化往往繁琐,因为作者需要在多次设计迭代中管理多个图表版本。响应式可视化的自动化方法必须考虑用户在探索可能设计思路及根据自身目标进行自定义时的能动性需求。我们设计并实现了Dupo——一种结合手动界面赋予的能动性与推荐系统提供的自动化特性的混合主导方法,用于创建响应式可视化。给定初始设计后,用户可以浏览针对不同屏幕类型的自动化设计建议,并对所选设计进行编辑,从而支持快速原型制作与可定制性。Dupo采用两步式推荐流程:首先建议显著的设计变更(探索阶段),随后提出更细微的调整(修改阶段)。我们邀请六位专家级响应式可视化作者对Dupo进行评估。在使用Dupo为源设计创建响应式版本时,参与者无需手动原型化即可对不同设计建议进行推理,从而避免了过早固守某一设计。这一过程促使参与者创建出令其满意却此前未曾考虑到的设计方案。