相对设计获取:一种用于创建引导用户选择的视觉界面的计算方法
计算方法在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)模型,生成相对于参考设计的相对设计,并通过质量参数(𝛾)控制设计质量。
-
创新之处:
- 将问题数学化,将“设计质量”作为一个可控参数,定义相对设计获取的目标函数。
- 方法独立于数据采样方式,可以与贝叶斯优化或随机采样结合使用。
- 提出了一种新的设计目标函数,平衡参考设计与相对设计之间的质量差异。
-
实现步骤:
- 高斯过程建模: 以用户在给定界面参数配置上的表现为目标函数,拟合一个高斯过程作为代理模型。
- 参考设计生成: 从代理模型中找到与用户偏好最接近的设计作为参考设计(通常是最优设计)。
- 相对设计生成: 定义目标为生成与参考设计有一定质量差距的相对设计(通过调整 𝛾 值实现)。
- 用户实验与反馈: 在人机反馈实验中探索相对设计在不同情景下的有效性,包括无视觉上下文和有视觉上下文的应用情景。
研究成果
总体成果
- 成功验证了相对设计获取在视觉界面生成中的可行性与有效性。
- 通过三项实验(无上下文场景、上下文场景和群体实验),展示了相对设计在提升用户行为引导、设计可控性及决策时间影响方面的能力。
具体实验结果
-
实验一(无视觉上下文场景):
- 检验了是否能够捕捉个体化视觉偏好。
- 结果显示,设计质量参数 𝛾 能够显著影响用户对相对设计的评分。
- 数据采样量对设计质量的影响不显著。
-
实验二(有视觉上下文场景):
- 验证了在类似购物网站的场景下,方法是否有效。
- 相比随机采样,贝叶斯优化能够生成更接近用户偏好的参考设计,说明优化质量高的参考设计能更好地支持相对设计生成。
-
实验三(跨群体测试):
- 验证方法是否适用于新的用户群体,且是否能够控制决策时间。
- 在任务有明确预期时,𝛾 对用户决策时长的控制效果显著:当两个设计的质量差距缩小时,决策时间明显增加。
- 在无明确偏好的任务中(如上下文缺乏的按钮设计任务),𝛾 的控制效果减弱。
优势
- 跨越无上下文和有上下文场景,RDA 方法在不同任务和用户群体中均表现出良好的鲁棒性。
- 可控的质量参数(𝛾)为设计者提供了调节界面吸引力的工具,从而支持多样化的应用场景。
局限性与未来方向
-
局限性:
- 目前的 RDA 无法融入参考设计的方差信息,仅依赖高斯过程的均值,可能导致生成的相对设计不够全面。
- 方法在“无视觉上下文场景”任务中表现较弱,需优化以适应用户偏好多样的任务。
-
未来方向:
- 探索 RDA 在视觉上下文不断变化的任务中的效果。
- 集成方差信息提升 RDA 模型和目标函数。
- 使用更加直观的用户反馈数据(如眼动数据、反应时间),扩展场景至更多样化的应用中。
- 研究设计参数 𝛾 的调整对用户点击率或实际决策行为的影响。
- 探讨 RDA 方法与深度学习模型结合,实现更自动化且强大的用户行为建模工具。
全文总结
本文提出了一种新型的相对设计获取框架,通过高斯过程与质量参数 𝛾 的结合,实现了在视觉界面中引导用户选择的目的。通过实验展示了方法在多种上下文情景中的有效性,并指出其在实际应用和用户体验提升中的潜力。
研究问题 / 现实痛点
这篇论文在当前问题库中对应的问题线索。
help
研究问题
3- 如何通过视觉界面设计来引导用户选择相对优质的选项?分类: 显示布局、视觉负担与呈现知觉同类问题arrow_forward
- 在生成相对设计时,如何通过调整设计质量参数(𝛾)来影响用户行为?分类: 显示布局、视觉负担与呈现知觉同类问题arrow_forward
- 相对设计生成方法在不同应用情境(无上下文与有上下文)中的效果如何变化?分类: 显示布局、视觉负担与呈现知觉同类问题arrow_forward
lightbulb
现实痛点
1- 用户在复杂界面中难以找到或理解适合自己的选项。分类: 显示布局、视觉负担与呈现知觉同类问题arrow_forward
- 100%
DeepSI:面向语义交互的交互式深度学习
IUI '21· 计算方法在HCI中的应用
- 75%
使用深度学习预测垂直菜单选择中的人类性能
CHI '18· 推荐系统用户体验 +1
- 75%
在图标网格中建模完全和部分约束的Lasso运动
CHI '19· 原型设计与用户测试 +1
- 75%
ORCSolver:一个用于具有OR约束的自适应GUI布局的有效求解器
CHI '20· 原型设计与用户测试 +1
- 75%
VINS:面向移动用户界面设计的视觉搜索
CHI '21· 交互式数据可视化 +1
- 75%
调查网页设计的同质化:一种混合方法论
CHI '21· 原型设计与用户测试 +1
- 75%
i-LaTeX:在LaTeX代码和生成的文档之间的过渡表示进行操作
CHI '22· 原型设计与用户测试 +1
- 75%
Tesseract:通过操纵微型世界查询空间设计记录
CHI '23· 混合现实工作空间 +1
- 75%
模拟触摸屏输入中的错误
CHI '25· 力反馈与伪重力感 +1
- 75%
面向交互设备的成本感知贝叶斯优化
CHI '26· 原型设计与用户测试 +1
基于研究子主题与职业分类的 Jaccard 相似度(≥60%)
快捷操作
广告推荐
学习 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 篇相关论文