[目的/意义] 研究移动阅读背景下新闻平台界面设计要素对信息视觉搜索效率的影响机制，提出设计优化策略。[方法/过程] 通过控制移动端新闻平台界面中3个重要因素——信息密度、图文结构、文字粗细，采用行为及眼动实验，并结合主观满意度问卷，考察不同界面要素对用户信息视觉搜索效率的影响结果，对3种因素的交互作用进行探讨从而得出其影响机制。[结果/结论] 移动端新闻信息平台中信息密度、图文结构、文字粗细3种界面设计要素的交互作用显著，且信息密度对用户的主观满意度有显著影响，视觉搜索效率最优组合为上文下图、低密度、细体组合。
[Purpose/significance] This paper studies the mechanism of the influence of the elements of news platform interface design on the efficiency of information visual search in mobile reading context, and puts forward the design optimization strategy.[Method/process] By controlling the three important factors in the interface of mobile news platform:information density, graph-text structure and stroke weight, it uses behavior experiments, and eye movement experiments combined with the subjective satisfaction questionnaires to investigate the effects of different interface elements on the visual search behavior of user information. The interaction of the three factors is discussed and the influence mechanism is obtained.[Result/conclusion] In mobile news information platform, the interaction of information density, graph-text structure and stroke weight is significant, and the information density has a significant impact on the subjective satisfaction of users. The optimal combination of visual search efficiency is the combination of text at the top of the image, low density and fine body.
[1] 威肯斯. 工程心理学与人的作业[M]. 上海:华东师范大学出版社, 2003.
[2] 宫勇, 张三元, 刘志方,等. 颜色对图标视觉搜索效率影响的眼动研究[J]. 浙江大学学报(工学版), 2016,50(10):1987-1994.
[3] WOLFE J M. Guided search 2.0 a revised model of visual search[J]. Psychonomic bulletin and review,1994,1(2):202-238.
[4] SUN J Y,PERONA P. Preattentive perception of elementary three-dimensional shapes[J]. Vision research, 1996, 36(16):2515-2529.
[5] 周晓英. 信息构建(IA)——情报学研究的新热点[J]. 情报资料工作, 2002(5):6-8.
[6] 刘婷,侯文军.基于视觉行为的手机新闻App图文布局设计研究[J].北京邮电大学学报(社会科学版),2016,18(3):6-13.
[7] 陈晓皎,薛澄岐,陈默,等.基于眼动追踪实验的数字界面质量评估模型[J].东南大学学报(自然科学版),2017,47(1):38-42.
[8] 李诗慧.网页空间密度和信息密度对视觉信息搜索的影响——基于行间距和字符大小的研究[D].杭州:浙江大学,2013.
[9] KOLERS P A, DUCHNICKY R L, FERGUSON D C. Eye movement measurement of readability of CRT displays[J]. Human factors, 1981, 23(5):517-527.
[10] MUTER P, LATRÉMOUILLE S A, TREURNIET W C, et al. Extended reading of continuous text on television screens[J]. Human factors, 1982, 24(5):501-508.
[11] HALVERSON T, HORNOF A J. Local density guides visual search:sparse groups are first and faster[J]. Human Factors and Ergonomics Society annual meeting proceedings, 2004, 48(16):1860-1864.
[12] 禤宇明, 傅小兰. 格式、偏好和性格对汉字网页关键词搜索的影响[J]. 人类工效学, 2004, 10(2):1-3.
[13] WELLER D. The effects of contrast and density on visual web search[EB/OL].[2018-07-16]. http://psychology.Wichita.edu/surl/usabilitynews/62/density.asp.
[14] 刘杰, 饶培伦. 针对网页视觉设计的视觉搜索能力研究[J]. 人类工效学, 2006, 12(2):1-3.
[15] BECK M R, LOHRENZ M C, TRAFTON J G. Measuring search efficiency in complex visual search tasks:global and local clutter[J]. Journal of experimental psychology:applied, 2010, 16(3):238-250.
[16] 汪海波, 薛澄岐, 黄剑伟,等. 基于认知负荷的人机交互数字界面设计和评价[J]. 电子机械工程, 2013, 29(5):57-60.
[17] SNOWBERRY K, PARKINSON S R, SISSON N. Computer display menus[J]. Ergonomics, 1983, 26(7):699-712.
[18] 雷静. web信息架构对视觉搜索的工效影响[D].北京:北京邮电大学,2011.
[19] GOONETILLEKE R S, LAU W C, SHIH H M. Visual search strategies and eye movements when searching Chinese character screens[J]. International journal of human-computer studies, 2002, 57(6):447-468.
[20] RUSSELL M C. Hotspots and hyperlinks:using eye-tracking to supplement usability testing[J]. Usability news, 2005, 7(2):1-11.
[21] 丁锦红, 李杨, 胡荣荣,等. 视觉搜索中空间不对称性的眼动研究[J]. 心理科学, 2007, 30(1):116-119.
[22] MALDONADO C A, PESNICK M L. Do common user interface design patterns improve navigation?[J]. Human Factors & Ergonomics Society annual meeting proceedings, 2002, 46(14):1315-1319.
[23] BENWAY J P. Banner blindness:the irony of attention grabbing on the world wide web[J]. Proceedings of the Human Factors & Ergonomics Society annual meeting, 1998, 42(5):463-467.
[24] 李成. 大学生图文阅读中插图效应的眼动研究[D]. 长春:吉林大学, 2009.
[25] PREVIC F H, BLUME J L. Visual search asymmetries in three-dimensional space[J]. Vision Research, 1993, 33(18):2697-2704.
[26] CORBALLIS P M. Visuospatial processing and the right-hemisphere interpreter[J]. Brain & cognition, 2003, 53(2):171-176.
[27] 张红. 汉字信息密度与编排设计中文字编排的关系[J]. 美与时代(上), 2013(1):91-92.
[28] LING J, SCHAIK P V. The influence of font type and line length on visual search and information retrieval in web pages[J]. International journal of human-computer studies, 2006, 64(5):395-404.
[29] 宫殿坤, 郝春东, 王殿春. 字体特征与搜索方式对视觉搜索反应时的影响[J]. 心理科学, 2009,32(5):1142-1145.
[30] WANG H F. Influence of highlighting, columns, and font size on visual search performance with respect to on-screen Chinese characters[J]. Perceptual & motor skills, 2013, 117(2):528-41.
[31] 张丽娜, 张学民, 陈笑宇. 汉字字体类型与字体结构的易读性研究[J]. 人类工效学, 2014, 20(3):32-36.
[32] COOK J R. Cognitive and social factors in the design of computerized jobs[D]. West Lafayette:Purdue University, 1991.
[33] 戴均开, 葛列众. 手机原型界而的可用性评估[J]. 人类工效学,2007, 13(2):13-15.
[34] HE S, CAVANAGH P, INTRILIGATOR J. Attentional resolution and the locus of visual awareness[J]. Nature, 1996, 383(6598):334-337.
[35] 林曦. 适用于屏幕显示的中文字体设计探讨[J]. 装饰, 2011, (2):127-128.
[36] 刘伟, 赵月芳, 李久洲. 图片分享网站布局与视觉行为的眼动研究[J]. 北京邮电大学学报(社会科学版), 2014, 16(1):18-24.
[37] NICHOLLS M E R, WOOD A G. The contribution of attention to the right visual field advantage for word recognition[J]. Brain & cognition, 1998, 38(3):339-357.
[38] 侯冠华, 董华, 刘颖,等. 导航结构与认知负荷对老年读者数字图书馆用户体验影响的实证研究——以国家数字图书馆为例[J]. 图书情报工作, 2018, 62(13):45-53.
