基于视觉浏览行为的购物类APP商品展示界面图文布局设计研究

目的 通过眼动追踪技术探索被试浏览不同图文布局商品展示界面时的视觉行为规律。方法 基于现有购物类APP商品展示界面的设计，制作双栏上图下文卡片式、左图右文列表式两种商品展示界面作为实验材料。招募40名健康被试进行实验，记录被试在自由浏览不同图文布局商品展示界面时的眼动数据。结果 相较于双栏上图下文的卡片式布局，左图右文的列表式布局增加了用户对文字区域的关注及认知努力，平均注视持续时间显著增加，用户的浏览时间更长，而平均眼跳速度和平均眼跳幅度显著降低。无论哪种布局界面，屏幕中间区域都是用户关注的焦点，屏幕上方区域的信息容易被用户忽略。结论 被试浏览双栏上图下文卡片式布局的商品展示界面时更关注图片，用户浏览行为呈现从左到右，自上而下的之字形规律。而浏览左图右文的列表式布局的界面时，用户更关注文字信息，自上而下逐条浏览。     

基于眼动视觉跟踪技术的新闻类APP界面可用性研究

目的 分析用户在真实动态浏览新闻类APP的视觉规律及典型界面设计的可用性评价,提出有利于提升用户体验的新闻类APP界面设计建议。方法 分析现有的3款新闻类APP界面的信息构架和图文布局,归纳为两点式、四点式、五点式的信息构架,以及左文右图、右文左图、上图下文和上文下图4种图文构建方式,通过眼动视觉跟踪技术,对眼动指标（轨迹图、热点图、焦点图、网格图）及行为指标（误操作、犹豫点）进行分析,针对用户浏览时的表现,以用户访谈的形式询问用户的理解和操作行为,进行新闻类APP界面可用性评估。结果 提出了更有利于新闻类APP阅读的界面设计建议。结论 此次可用性评估测试是基于APP的动态眼动仪测试,是具有普适性的新闻类APP用户界面设计的可用性评估方法。     

重型卡车平面广告视觉注意研究

目的找到重型卡车平面广告中3个物理特征元素对于潜在消费者视觉注意的浏览顺序,并且确定视觉前注意过程和视觉注意过程各个广告元素影响程度。方法利用眼动行为数据对43名潜在消费者浏览重型卡车平面广告视觉前注意和视觉注意过程进行分析,在广义估计方程下对各个眼动行为数据进行方差分析。结果本文结果显示,广告元素在视觉前注意和视觉注意过程存在显著差异,其中文字部分在视觉前注意过程吸引浏览者优先级最高。在视觉注意过程,文字部分和图片部分出现回溯现象。此外,空间布局对于浏览者眼动行为也具有显著影响作用。结论重型卡车平面广告与一般商品平面广告浏览过程不同,潜在消费者更加关心文字信息和品牌元素。文字顺序和空间布局可以显著影响浏览者眼动行为,并且回溯现象的产生是由于短时记忆容量限制引起的。     

基于“峰终定律”的404 错误页面改进

分析了404 错误页面的现状,并使用Tobii 裸眼式眼动仪来实验分析用户在浏览404 错误页面时的反馈。论述了什么是“峰终定律”,“峰终定律”在用户体验中的运用,进而用眼动实验分析了“峰终定律”在404 错误页面中的应用。以改善用户的404 错误页面设计的整体体验感为目的,从视觉化设计和色彩搭配角度提出了基于“峰终定律”的404 错误页面改进所遵循的理论。     

界面视觉设计干扰子对搜索效率的影响机制研究

目的 探讨移动应用界面中视觉设计干扰子对搜索效率的影响机制,为提高视觉界面搜索效率提供搜索界面设计策略和方法。方法 通过文献研究,梳理视觉搜索理论及行为模型,并在此基础上探究视觉信息搜索思维逻辑。并基于某大学图书馆研修室预约系统,设计制作7组界面视觉干扰子实验样本,通过动态界面交互眼动实验研究,探明界面视觉设计干扰子对搜索效率的影响机制。结果 在界面结构、功能布局、交互方式、信息表现、信息层级、色彩搭配与UI动效7组不同界面视觉设计干扰子样本中,用户目标任务的搜索效率都有显著差异。结论 搜索类型界面设计应使界面结构清晰,主次功能分布合理,尝试灵活多样的交互方式,尽量减少信息层级以及进行适当的信息可视化,给用户舒适的色彩对比度以及恰当的UI动效引导。     

眼动交互在大屏手机操作中的应用趋势

目的探讨超出单手手势操作范围的大屏手机新的交互方式和趋势。方法以视线跟踪方法和视线控制技术为基础,阐明"眼动交互"对下达任务指令、识别用户身份、识别用户兴趣点、增强游戏体验等多种手机操作的适应性。同时,探讨了"眼动交互"高效率、直觉性、可识别情感等诸多优势,以及易疲劳、"米达斯接触"、眼动识别精度等可能存在的问题。结论新的手机屏幕尺寸需要新的交互形式与之相适应,眼动交互将成为人与大屏手机交互的有益补充。视线辅助交互方式将成为未来手机和平板电脑操作的新趋势。     

工商银行网页理财页面可用性的眼动研究

目的对工商银行官网首页和理财页面进行可用性研究以提高用户的搜索效率。方法本文结合工商银行网页的内容、布局和功能,设计了易用性和有用性的两组眼动实验,采集被试在实验中的目标搜索时间、目标区域整体注视次数、兴趣区注视时间百分比及目标区域首次注视时间等眼动指标数据,并配合问卷调查。结果两组被试浏览路径总体都呈现"F"型分布格局;在易用性实验中用户对于工商银行官网首页中的投资理财业务模块关注度并不高,在有用性实验中工商银行投资理财网页的有用性较高,但并没有达到最优值。结论可以根据两组实验的眼动结果对工商银行理财网页的页面布局进行合理化建议。     

城际物流APP界面导航设计的视觉搜索绩效研究

目的 以城际物流APP首页界面导航设计为研究对象,通过分析不同用户的视觉搜索绩效,提出最佳的导航布局方式和导航设计建议.方法 基于视觉认知理论,利用眼动实验法从客观、定量的角度对用户的搜索行为进行量化分析,通过对被试在四个界面的搜索速度、搜索准确率及相关眼动测量数据的分析,探讨不同的界面导航设计对用户视觉搜索绩效的影响.结果 被试在陈列馆式导航布局中获取信息的难度更大,准确率较低,搜索绩效较差;被试在宫格式的导航布局中获取信息的难度较小,准确率较高,搜索绩效较好.结论 提出了城际物流APP的界面导航设计建议,导航图标较多的情况下可以采用宫格式的导航布局方式;要控制相邻导航图标之间的距离;尽量采用导航内容区域规则排布的布局方式.     

基于行为认知分析的消防疏散图设计研究

目的 通过分析用户疏散过程与使用消防疏散图过程的行为与认知,探讨消防疏散图产品定位和视觉设计策略。方法 通过行为观察、访谈、实验方法分析用户疏散行为与认知过程,梳理用户认知要点和需求;通过行为观察、访谈方法,结合认知理论,分析用户使用消防疏散图行为与认知过程;采用眼动仪实验和主观评价获取数据,并进行相关性分析,分析用户使用消防疏散图认知过程的关键视觉影响因子。结论 梳理了用户消防疏散的行为过程、所需信息和信息区域;梳理了消防疏散图中影响用户认知的视觉影响因子;通过眼动仪实验获取了用户使用疏散图的认知效率数据,并分析了视觉影响因子与认知效率的相关性。在以上研究基础上提出消防疏散图的原则与策略。     

网页布局对视觉搜索影响的眼动研究

以12名大学生为被试,研究基于网页布局的视觉搜索的眼动特性,探讨了网页布局对被试视觉搜索的影响。实验以眼动仪为主要实验设备。研究结果表明：（1）网页布局对注视点数目、总扫视距离和注视时间影响显著。（2）不同网页布局首视点分布的象限差异不显著,但在同一布局下不同象限的首视点分布差异显著。（3）被试在视觉搜索时,“T”型网页布局的绩效优于其它网页布局。     

移动终端HTML5页面互动版式设计研究

目的对HTML5页面的互动版式设计进行研究,有效利用HTML5的技术优势来创造多种设计的可能性,更好提升用户体验,为移动终端HTML5页面设计的发展提供一些参考。方法以HTML5页面的"互动性"为出发点,通过实际案例进行分析研究。结论以电子屏幕为媒介的页面版式设计更加强调"互动性",HTML5的页面设计应该利用HTML5自身的技术优势,巧妙使用动态元素,避免版式同质化现象;合理运用超链接,可使版式更加简单易读;互动版式设计注重用户体验,满足个性化需求。     

复杂系统数字界面的多层级导航布局实验研究

目的 针对复杂数字界面视觉搜索不流畅、信息感知绩效低的实际问题,从界面导航布局角度开展实验研究,探讨不同导航布局形式对于用户操作绩效的影响.方法 以典型的三层级导航为研究对象,归纳总结出三大类、三十四种布局形式,并基于眼动追踪技术对被试在不同布局情况下完成任务所需要的反应时和眼动数据进行对比分析.结果 实验结果表明不同类别的导航布局对于被试的搜索绩效有显著影响;在A类布局中A1、A3明显优于A4、A7;在B类布局中B1明显优于B4、B6;在C类布局中C2明显优于C3、C6.从整体布局而言,B类左侧与C类右侧布局效果较优.结论 实验相关结论可为多层级导航的数字界面设计提供参考和指导性建议,对于提升用户界面交互的可用性有重要作用.     

基于视觉认知特征的网课界面布局设计研究

目的 探究网络课程教育的教学效果。方法 以大学思政网课为研究对象,结合个体视觉认知特征归纳出三种典型网课界面布局,通过实验采集被试者在不同网课界面布局中的眼动数据、绩效数据及问卷数据。结果 网课界面布局中文字的左右分布更能吸引被试者的视觉注意力,从而产生更好的学习效果;网课界面布局中教师人像因素会对被试者的凝视时间、凝视次数等眼动数据产生显著影响(P<0.05);教师的眼神与肢体动作会有效吸引被试者的注意力,形成更多的凝视时长与凝视次数,从而达到更好的学习效果;问卷数据也进一步表明,被试者对有教师存在的网课界面布局评价更高。结论 该设计为网课教育教学的发展提供了科学的理论参考。     

基于湖南省博物馆APP的梅山傩面具展品功能入口交互设计需求分析

目的在湖南省博物馆APP基础上增加梅山傩面具数字展示内容,分析探讨梅山傩面具展品功能入口的交互设计需求以及方案选择。方法通过介绍业务需求、用户需求来分解关键因素从而形成交互设计的方案。在梅山傩面具展品功能入口的交互设计实际过程中,阐述根据业务需求和用户需求具体分解关键因素的思路与方法,包括如何与产品经理、市场运营、开发工程师等协商完成展品功能入口的一级页面、二级页面交互设计稿以及交互视觉稿。结论基于湖南省博物馆APP的梅山傩面具展品功能入口的交互设计需求就是将业务目标转换为用户行为,并通过创造动机、排除担忧与解决障碍来形成交互设计方案,它关键着业务目标与用户体验目标的顺利达成,为其他类似博物馆APP新增展品内容,其功能入口的交互设计需求与方案选择提供一定的参考。     

基于生理电的移动网页时延对体验质量的影响

目的从用户角度出发,研究移动设备网页浏览过程中网页时延与用户体验质量之间的关系。方法通过记录多类网页浏览过程中不同时延下用户皮电、心电两类生理指标的变化,利用方差分析以及t检验计算其特征值发生显著性差异时对应的时延长度并对该时延长度进行标记,结合MOS评分量表,对用户的主观感受作出评价。结果实验得到了较为可靠的结论,研究发现不同移动网页时延下用户的体验质量是不同的。用户在打开网页时的主观体验与网页的时延长度整体存在非线性负相关关系。结论当移动网页缓冲时延小于1 s时,用户体验良好;当时延超过1 s时,用户体验质量在一定时延范围内随时延增加而下降且该变化呈现较大的个人差异性;当时延超过4 s时,用户负面体验较为严重。     

电商手机APP界面背景和图片特征对消费者搜索效率影响的研究

目的采用眼动追踪技术,探讨电商手机APP商品分类导航界面背景特征和图片复杂程度对消费者搜索效率的影响。方法以52名青年人为被试,以模拟电商手机APP商品导航界面为材料,采用SMI RED非接触式眼动仪,记录了被试在不同类型导航界面上的目标商品搜索过程。结果消费者在简单图片组成的分类导航界面上搜索效率最高;消费者在浅色背景的分类导航界面上的搜索效率最高。结论商品分类导航界面影响消费者的搜索效率,消费者在简单图片、浅色背景的商品导航界面上,对目标商品的搜索效率最高。     

基于注意力分配的儿童教育类APP界面布局优化策略研究

目的 为解决现有儿童教育类APP界面布局设计缺乏针对性的问题,提出基于注意力分配的界面布局优化策略。方法 通过眼动实验收集了20名被试者浏览应用程序界面活动中的眼动指标,提取了各区域的注视总持续时间、首次注视时间、首次注视持续时间共3项注视类指标,并统计分析了被试者的注意力分配情况及影响因素。结果 儿童在屏幕上半部分的中间区域注意力分配最集中;颜色和背景对儿童注意力分配存在影响但不会造成反差性结果;注视总持续时间与首次注视时间存在负相关性。此外,对被试者的移动终端操作水平进行了评估,并分析得到其操作水平与注意力分配情况无相关性。结论 通过实际案例验证表明,基于儿童注意力分配情况优化界面布局,可使重要信息或内容有更高的机会被阅读,最大限度地传递信息,提高信息接收效率,以此为儿童教育类应用程序界面布局优化提供参考。     

CSS3与网页视觉设计及技术呈现研究

目的研究网页视觉设计中,使得网页负载更小、交互更友好和更便捷、自适应性更好的方法和技术。基于当前CSS3、HTML5和JavaScript技术的甄别与筛选,基本涵盖了网页视觉设计呈现所必需的基本语言代码规范和格式要求。方法利用CSS3、HTML5和JavaScript等进行联合测试,重点在于CSS3的源代码测试,比较使用CSS3与使用最基础版本的CSS代码实现同一效果的差异,这些差异包括HTML文件的大小和加载时间、线程比较等。结论有无受体(如加载外部图片),均可通过CSS3实现动画演绎和图片常见效果的变化,提高页面性能,降低网页载荷;使用CSS3实现网页自适应,使不同浏览终端设备之间更易实现无障碍切换,同时DIV不会错乱;CSS3的新特性让微交互更轻松、更便捷且兼具景深效果;CSS3更能有效优化页面性能,节省开发成本。