摘要
图标在人机交互中起着举足轻重的作用,代表软件产品中的功能及操作,用户只需点击交互界面中的图标,就可以快速找到目标对象或功能。全图标是指多个图标在界面中同时呈现,这时图标可能分布在界面各个部分,也可能是规整地以一种群组组合而成,目前在界面设计中被广泛采用和研究。全图标显示利用简单的图标代表复杂的功能,降低了界面的复杂度,但是全图标显示中大量的图标同时也导致了用户的认知困境,增加了用户在搜索图标时的认知负荷,降低了搜索效率。随着移动互联网的迅猛发展,产品变得越来越复杂,人机界面承载着大量的信息,同时具有复杂、动态多变的布局,因此需要对其进行优化,以降低用户的认知负担。现有的研究大多是关于图标的单一要素,如颜色、形状、风格等对搜索效率的影响,忽略了对全图标交互元素和全图标显示场景的研究。本文基于人的视觉认知理论,设计实验研究了全图标显示场景下的关键交互元素,图标群组的分组方式和群组标签对图标视觉搜索的影响,获得实验结果,构建基于视觉认知的全图标显示优化设计模型,将其应用到实际设计案例中,并通过可用性测试验证该方法的有效性和可行性。 本文的主要研究内容如下: (1)对人机交互界面和界面图标的定义及发展历程进行分析研究,对图标影响因素、全图标交互元素的研究现状和界面图标的应用研究现状进行了深入研究。基于人的认知理论和信息加工模型分析了人机界面中图标的认知过程,建立了全图标交互元素显示的认知机制,总结并归纳了视觉搜索中注意力的引导因素以及视觉搜索的理论模型,为后续的研究奠定了理论基础。 (2)通过心理学实验探究了全图标交互元素分组方式和群组标签对图标视觉搜索及用户感知的视觉舒适度的影响。实验结果表明:与类型分组方式相比,采用颜色分组时受试者的反应时间显著更短,注视次数显著更少,因此搜索效率更高;在类型分组条件下,有群组标签比无群组标签反应时间显著更长,注视次数显著更多,搜索效率降低;采用颜色分组的全图标显示可以帮助用户显著提高视觉舒适度,减少视觉疲劳。在实验结论的基础上,建立了基于视觉认知的全图标显示优化设计模型。 (3)将全图标显示优化设计模型应用到产品设计中,根据设计模型对饮品站APP内相关的全图标显示页面进行了改进设计,验证了基于视觉认知的全图标显示优化设计模型的有效性。 本文的研究拓宽了图标认知的研究思路,可以为设计师提供一定的参考,提升界面交互设计中的用户体验。