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

摘要：

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

关键词：人机交互、界面、产品设计、购物类APP、图文布局、眼动追踪、用户体验

所属期刊栏目：29

分类号：TB18(工程基础科学)

资助基金：国家自然科学基金;国家自然科学基金

在线出版日期：2023-09-28（万方平台首次上网日期，不代表论文的发表时间）

页数：共7页

页码：9-14,19