相对设计获取:一种用于创建引导用户选择的视觉界面的计算方法

计算方法在HCI中的应用UI/UX 设计师HCI 研究员

文献结构化整理与要点提炼

文献标题

Relative Design Acquisition: A Computational Approach for Creating Visual Interfaces to Steer User Choices

文献信息

  • 主题领域: 人机交互 (HCI) 和界面设计
  • 关键词: 界面设计, 贝叶斯优化, 计算交互, 人机界面, 用户选择引导, 相对设计获取, 人类反馈

研究背景与问题

  • 问题发现:

    • 传统的计算设计多聚焦于优化设计参数以最大化性能指标,而忽略了相对设计的需求。在实际场景中,如购物网站或地图导航,界面需要通过视觉设计来引导用户决策,此类场景需要一种“相对设计”方法,而非单一优化设计。
    • 例如:在地图应用中,设计一个优选路径的视觉引导界面,同时设计吸引力较低的其他路径,以达到控制用户选择比例的目的。
  • 研究重要性:

    • 相对设计能够在不丢失界面功能的基础上,通过控制“设计质量参数”引导用户行为,有助于提升用户体验,并为多种实际应用(如交通导航、购物促销)提供新的解决方案。
  • 研究动机与相关工作:

    • 当前的计算交互领域主要研究如何应用贝叶斯优化、人机反馈等方法来优化具体目标(如速度、准确性)。虽然已有工作专注于设计最优界面,但很少关注如何生成具有“相对质量”的设计。
    • 此外,随着交互设计工具(如DesignScape、MenuOptimizer)及机器学习技术(贝叶斯优化、生成模型)的发展,研究如何生成相对设计值得深入探讨。

解决方案

  • 提出的方法:

    • 提出了一种名为“相对设计获取”(Relative Design Acquisition, RDA)的新方法,通过构建高斯过程(Gaussian Process, GP)模型,生成相对于参考设计的相对设计,并通过质量参数(𝛾)控制设计质量。
  • 创新之处:

    1. 将问题数学化,将“设计质量”作为一个可控参数,定义相对设计获取的目标函数。
    2. 方法独立于数据采样方式,可以与贝叶斯优化或随机采样结合使用。
    3. 提出了一种新的设计目标函数,平衡参考设计与相对设计之间的质量差异。
  • 实现步骤:

    1. 高斯过程建模: 以用户在给定界面参数配置上的表现为目标函数,拟合一个高斯过程作为代理模型。
    2. 参考设计生成: 从代理模型中找到与用户偏好最接近的设计作为参考设计(通常是最优设计)。
    3. 相对设计生成: 定义目标为生成与参考设计有一定质量差距的相对设计(通过调整 𝛾 值实现)。
    4. 用户实验与反馈: 在人机反馈实验中探索相对设计在不同情景下的有效性,包括无视觉上下文和有视觉上下文的应用情景。

研究成果

总体成果

  • 成功验证了相对设计获取在视觉界面生成中的可行性与有效性。
  • 通过三项实验(无上下文场景、上下文场景和群体实验),展示了相对设计在提升用户行为引导、设计可控性及决策时间影响方面的能力。

具体实验结果

  1. 实验一(无视觉上下文场景):

    • 检验了是否能够捕捉个体化视觉偏好。
    • 结果显示,设计质量参数 𝛾 能够显著影响用户对相对设计的评分。
    • 数据采样量对设计质量的影响不显著。
  2. 实验二(有视觉上下文场景):

    • 验证了在类似购物网站的场景下,方法是否有效。
    • 相比随机采样,贝叶斯优化能够生成更接近用户偏好的参考设计,说明优化质量高的参考设计能更好地支持相对设计生成。
  3. 实验三(跨群体测试):

    • 验证方法是否适用于新的用户群体,且是否能够控制决策时间。
    • 在任务有明确预期时,𝛾 对用户决策时长的控制效果显著:当两个设计的质量差距缩小时,决策时间明显增加。
    • 在无明确偏好的任务中(如上下文缺乏的按钮设计任务),𝛾 的控制效果减弱。

优势

  • 跨越无上下文和有上下文场景,RDA 方法在不同任务和用户群体中均表现出良好的鲁棒性。
  • 可控的质量参数(𝛾)为设计者提供了调节界面吸引力的工具,从而支持多样化的应用场景。

局限性与未来方向

  • 局限性:

    • 目前的 RDA 无法融入参考设计的方差信息,仅依赖高斯过程的均值,可能导致生成的相对设计不够全面。
    • 方法在“无视觉上下文场景”任务中表现较弱,需优化以适应用户偏好多样的任务。
  • 未来方向:

    • 探索 RDA 在视觉上下文不断变化的任务中的效果。
    • 集成方差信息提升 RDA 模型和目标函数。
    • 使用更加直观的用户反馈数据(如眼动数据、反应时间),扩展场景至更多样化的应用中。
    • 研究设计参数 𝛾 的调整对用户点击率或实际决策行为的影响。
    • 探讨 RDA 方法与深度学习模型结合,实现更自动化且强大的用户行为建模工具。

全文总结

本文提出了一种新型的相对设计获取框架,通过高斯过程与质量参数 𝛾 的结合,实现了在视觉界面中引导用户选择的目的。通过实验展示了方法在多种上下文情景中的有效性,并指出其在实际应用和用户体验提升中的潜力。

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/papers/chi/95920/2023

广告推荐

学习 AI 编程到 CodeNow

open_in_new打开DOI链接
DOI: https://doi.org/10.1145/3544548.3581028
一眼看懂

论文快照

fact_check
dataset
来源
CHI
calendar_month
年份
2023
emoji_events
奖项
未标记奖项
group
作者
2 位作者
sell
研究子方向
计算方法在HCI中的应用
work
职业/产业
UI/UX 设计师、HCI 研究员
article
内容状态
已索引正文
hub
相关论文
10 篇相关论文