融合认知负荷的用户界面布局优化
作者:
基金项目:

贵州省自然学科基金(黔科合基础-ZK[2021]一般341); 云岩区科技局项目(云科合字[2020]第15号); 贵州省科技厅自然科学基金(黔科合基础[2018]1049)


User Interface Layout Optimization Incorporating Cognitive Load
Author:
  • 摘要
  • | |
  • 访问统计
  • |
  • 参考文献 [21]
  • |
  • 相似文献 [20]
  • | | |
  • 文章评论
    摘要:

    为了优化项目管理系统界面, 提升界面的可用性, 提出一种融合认知负荷的界面布局优化设计方法. 该方法将客观认知规律与用户主观认知相结合, 形成布局设计原则, 并转化为可计算的界面布局多目标优化函数. 在此基础上, 利用麻雀搜索算法对目标函数编码, 寻求空间最优解, 得到布局优化方案. 为验证本文方法的有效性, 以某铁路项目管理平台首页为例, 使用该方法对其进行优化, 并将眼动生理测量方法引入评价过程中, 以测量眼动负荷大小为目标进行可用性测试. 实验结果表明优化后的界面布局相较于初始界面可用性指标有了明显提升, 证明了该方法的有效性且具有一定的实用性.

    Abstract:

    A design method integrating cognitive loads is proposed to optimize the interfaces of project management systems and improve the usability of the interfaces. This method combines objective cognition laws with subjective cognition of users to form layout design principles and then transform them into a calculable multi-objective optimization function for interface layout. On this basis, the sparrow search algorithm (SSA) encodes the objective function to seek the optimal solution in space and obtain the layout optimization plan. The homepage of a railway project management platform is taken as an example to verify the effectiveness of the method in this study. Specifically, apart from the optimization of the proposed method, the physiological measurement method of eye movement is introduced into the evaluation process, and the usability test is carried out to measure eye movement loads. The experimental results show that the optimized interface layout has been significantly improved regarding the interface usability index, which proves the effectiveness and practicability of the method.

    参考文献
    [1] 邓丽, 王国华, 余隋怀. 遗传-蚁群算法求解司钻控制室操纵器布局优化. 工程设计学报, 2016, 23(2): 143–151. [doi: 10.3785/j.issn.1006-754X.2016.02.007
    [2] 李晶, 郁舒兰, 刘玮. 基于眼动追踪的数控界面布局认知特性评价. 计算机辅助设计与图形学学报, 2017, 29(7): 1334–1342. [doi: 10.3969/j.issn.1003-9775.2017.07.020
    [3] 许永生, 李丽丽, 吴尤荻, 等. 基于注意力分配的高铁操纵台界面布局优化设计. 西南交通大学学报, 2022, 57(2): 401–409.
    [4] Wu XL, Chen Y. Correlation between error factors, visual perception, and interface layout—Taking digital instrument control equipment of nuclear power safety injection system as an optimization example. International Journal of Pattern Recognition and Artificial Intelligence, 2020, 34(5): 2055012. [doi: 10.1142/S0218001420550125
    [5] 康慧, 杨随先, 邓淑文, 等. 产品操作界面元素布局多目标优化设计. 包装工程, 2020, 41(8): 149–153, 172
    [6] 刘昕, 余隋怀, 初建杰, 等. 改进PSO的飞机驾驶舱组合排序人机布局优化. 计算机工程与应用, 2015, 51(7): 1–6. [doi: 10.3778/j.issn.1002-8331.1409-0243
    [7] Diego-Mas JA, Garzon-Leal D, Poveda-Bautista R, et al. User-interfaces layout optimization using eye-tracking, mouse movements and genetic algorithms. Applied Ergonomics, 2019, 78: 197–209. [doi: 10.1016/j.apergo.2019.03.004
    [8] Oulasvirta A, Dayama NR, Shiripour M, et al. Combinatorial optimization of graphical user interface designs. Proceedings of the IEEE, 2020, 108(3): 434–464. [doi: 10.1109/JPROC.2020.2969687
    [9] 袁义凡. 近十年认知负荷在界面设计中的应用研究综述. 设计, 2020, 33(17): 116–118. [doi: 10.3969/j.issn.1003-0069.2020.17.036
    [10] 赵子健, 吕健, 金昱潼, 等. 人因特性驱动蚁群算法的操作界面布局优化. 组合机床与自动化加工技术, 2020, (5): 124–127, 131
    [11] 叶坤武, 包涵, 魏思东. 基于视觉注意力分配的飞机驾驶舱人机界面布局优化. 南京航空航天大学学报, 2018, 50(3): 416–421
    [12] Xue JK, Shen B. A novel swarm intelligence optimization approach: Sparrow search algorithm. Systems Science & Control Engineering, 2020, 8(1): 22–34
    [13] 李雅丽, 王淑琴, 陈倩茹, 等. 若干新型群智能优化算法的对比研究. 计算机工程与应用, 2020, 56(22): 1–12. [doi: 10.3778/j.issn.1002-8331.2006-0291
    [14] 沈擎阳, 薛澄岐, 牛亚峰. 基于ERP的人机交互界面设计方法研究. 设计, 2018, (6): 134–135. [doi: 10.3969/j.issn.1003-0069.2018.06.045
    [15] 李雪楠, 赵江洪, 赵丹华. 基于用户认知偏好的3D打印软件界面交互设计. 机械设计, 2018, 35(7): 124–128
    [16] Sanders MS, McCormick EJ. 工程和设计中的人因学, 第7版. 清华大学出版社, 2009.
    [17] Wickens CD, Carswell CM. The proximity compatibility principle: Its psychological foundation and relevance to display design. Human Factors: The Journal of the Human Factors and Ergonomics Society, 1995, 37(3): 473–494.
    [18] 李晶, 薛澄岐, 王海燕, 等. 均衡时间压力的人机界面信息编码. 计算机辅助设计与图形学学报, 2013, 25(7): 1022–1028. [doi: 10.3969/j.issn.1003-9775.2013.07.012
    [19] Ngo DCL, Teo LS, Byrne JG. Modelling interface aesthetics. Information Sciences, 2003, 152: 25–46. [doi: 10.1016/S0020-0255(02)00404-8
    [20] 周蕾, 薛澄岐, 汤文成, 等. 界面元素布局设计的美度评价方法. 计算机辅助设计与图形学学报, 2013, 25(5): 758–766. [doi: 10.3969/j.issn.1003-9775.2013.05.022
    [21] Holsanova J, Holmberg N, Holmqvist K. Reading information graphics: The role of spatial contiguity and dual attentional guidance. Applied Cognitive Psychology, 2009, 23(9): 1215–1226. [doi: 10.1002/acp.1525
    引证文献
    网友评论
    网友评论
    分享到微博
    发 布
引用本文

陈磊,吕健,潘伟杰,刘翔.融合认知负荷的用户界面布局优化.计算机系统应用,2022,31(7):307-315

复制
分享
文章指标
  • 点击次数:664
  • 下载次数: 1930
  • HTML阅读次数: 1244
  • 引用次数: 0
历史
  • 收稿日期:2021-10-21
  • 最后修改日期:2021-12-08
  • 在线发布日期: 2022-05-31
文章二维码
您是第11292465位访问者
版权所有:中国科学院软件研究所 京ICP备05046678号-3
地址:北京海淀区中关村南四街4号 中科院软件园区 7号楼305房间,邮政编码:100190
电话:010-62661041 传真: Email:csa (a) iscas.ac.cn
技术支持:北京勤云科技发展有限公司

京公网安备 11040202500063号