高级检索
李源枫, 吴群, 张剑, 牛蓉, 朱一凡, 宗婕聪. 结合用户导向和遗传算法的医疗终端界面布局设计[J]. 计算机辅助设计与图形学学报, 2021, 33(5): 662-670. DOI: 10.3724/SP.J.1089.2021.18338
引用本文: 李源枫, 吴群, 张剑, 牛蓉, 朱一凡, 宗婕聪. 结合用户导向和遗传算法的医疗终端界面布局设计[J]. 计算机辅助设计与图形学学报, 2021, 33(5): 662-670. DOI: 10.3724/SP.J.1089.2021.18338
Li Yuanfeng, Wu Qun, Zhang Jian, Niu Rong, Zhu Yifan, Zong Jiecong. Layout Design of Medical Terminal Interface Combining User-Oriented and Genetic Algorithm[J]. Journal of Computer-Aided Design & Computer Graphics, 2021, 33(5): 662-670. DOI: 10.3724/SP.J.1089.2021.18338
Citation: Li Yuanfeng, Wu Qun, Zhang Jian, Niu Rong, Zhu Yifan, Zong Jiecong. Layout Design of Medical Terminal Interface Combining User-Oriented and Genetic Algorithm[J]. Journal of Computer-Aided Design & Computer Graphics, 2021, 33(5): 662-670. DOI: 10.3724/SP.J.1089.2021.18338

结合用户导向和遗传算法的医疗终端界面布局设计

Layout Design of Medical Terminal Interface Combining User-Oriented and Genetic Algorithm

  • 摘要: 为了优化公共终端界面设计,提升用户体验,提出一种结合用户导向和遗传算法的界面布局方法.该方法将用户主观认知与客观视觉原则结合后转化为布局指标,以界面布局方案的指标为自变量,用户体验值为因变量,将界面设计布局指标与主观用户体验之间的认知关系建模为可计算的函数.在通过切片树方式对界面布局特征编码后进行展开解空间搜索,具体步骤包括生成树结构、确定切割方式获得最佳切片树和调整元素节点找到最佳布局.以医疗公共终端中挂号界面和交款界面为例,使用该方法对其进行布局优化,最后使用可用性测试进行验证.实验结果表明,经过优化后的界面布局在各可用性指标上与初始界面的相比有明显的提升,证明了该方法在医疗终端界面设计场景的应用中具有有效性;此外,这类生成式辅助设计有助于减轻设计师的工作量,提升工作效率.

     

    Abstract: In order to achieve the optimal interface design of the public terminal while improving user experience,this paper proposes an interface layout method that combines user orientation and a genetic algorithm.According to this method,the subjective cognition of users and their objective vision principle are integrated before conversion into a layout index.With the index of the interface layout scheme taken as the independent variable and the user experience value as the dependent variable,the cognitive relationship between the interface layout index and subjective user experience was modeled as a computable function.The expansion solution space was searched after the interface layout features were encoded using the slicing tree method.The specific steps include generating tree structure,determining the cutting method to obtain the best section tree,and adjusting the element nodes to identify the most satisfactory layout.With the registration interface and payment interface of the medical public terminal as an example,this method was applied to optimize its layout and then verified through a usability test.According to the experimental results,the usability indicators of the optimized interface layout was improved more significantly compared with the initial interface,suggesting the effectiveness of this method in the application of medical terminal interface design scenarios.Moreover,the generative auxiliary design of this kind is conducive to reducing the workload placed on designers and to enhancing efficiency.

     

/

返回文章
返回