请选择时期:
怀孕准备 怀孕 分娩 宝宝0-1岁 宝宝1-3岁 宝宝3-6岁

如何理解视觉搜索的网页设计理念

来源: 最后更新:22-04-01 01:42:29

导读:如何理解视觉搜索的网页设计理念,视觉搜索主要包含序列搜索和平行搜索两种模式。在所呈现的项目集合中,目标刺激和所有的项目同时进行比较,来找到目标刺激,是平行搜索;序列搜索则是把目标刺激和集合中的所有项目一一进行比较,直到找到目标,是系列搜索;?对平行搜索和系列搜索分类是通过研究说明的,认为在一系列弯曲不连续的图形中搜索弯曲连续的图形,叫做系列搜索,反之则叫平行搜索;在一系列椭圆形中搜索圆形叫做系列搜索,反之则叫平行搜索。

  视觉搜索主要包含序列搜索和平行搜索两种模式。在所呈现的项目集合中,目标刺激和所有的项目同时进行比较,来找到目标刺激,是平行搜索;序列搜索则是把目标刺激和集合中的所有项目一一进行比较,直到找到目标,是系列搜索;对平行搜索和系列搜索分类是通过研究说明的,认为在一系列弯曲不连续的图形中搜索弯曲连续的图形,叫做系列搜索,反之则叫平行搜索;在一系列椭圆形中搜索圆形叫做系列搜索,反之则叫平行搜索。
  
  视觉搜索分类
  

  显而易见,平行搜索所消耗的认知资源比较少,被测试者反应也比较快,其效率要远远高于序列搜索。但是究竟被测试者或者个体选择或偏好哪种搜索模式,则取决于目标刺激物的特点。一般有规律且等级结构清晰的刺激物能吸引用户的平行搜索,在网页信息设计中,尽量使信息的呈现变得有规律,使结构更清晰,或通过给不同的信息添加某种视觉刺激,引起浏览者采用平行搜索的视觉模式来获取信息,提高视觉搜索的效率。

  视觉搜索的特性及其影响因素
  
  眼跳
  

  视觉搜索中,眼跳是其重要的组成部分,是反应视觉信息加工过程的外显行为。观察者获取外界信息的视觉行为一部分会通过眼跳和注视表现出来。视觉搜索过程中的眼跳,分为内源性眼跳和外源性眼跳。内源性眼跳是由个体机体主动发生的眼跳,比如按指导语要求进行的眼跳;外源性眼跳是由外部刺激引起的眼跳,比如由一个新的、奇特的刺激的出现所引起的眼跳。在视觉搜索中引起外源性注意的外部刺激是指刺激物的基本特征,包括颜色、亮度、动态、形状、大小、方向等。网页界面中的元素主要影响的是个体的外源性眼跳。
  
  视觉搜索的非对称性
  
  视觉搜索的非对称性现象
  

  若视觉搜索的非对称性是指在若干个甲类项目(干扰刺激)中找到一个乙类项目(目标刺激),与从同样的若干个乙类项目(干扰刺激)中找到一个甲类项目(目标刺激),两者的搜索速度不一样,且具有显著差异,出现非对称现象。而且,当甲乙两个项目交换干扰刺激和目标刺激的角色时,它们的反应速度还是存在显著性差异。
  
  基于刺激相似性和熟悉性的视觉搜索非对称性
  
  目标物和干扰物以及干扰物和干扰物之间的相似性决定目标搜索。目标物与干扰物越相似,干扰物与干扰物越不相似,就越容易形成局部对比,进而使目标从干扰物中突显出来,引起人们的视觉注意和搜索。但是如果目标物和干扰物之间的差异足够大,例如用两种很醒目的颜色或者两种闪动的文字做刺激,那么两种刺激都会突显,非对称将消失。熟悉性很好理解,即阅读者对刺激材料的熟悉与否。熟悉性可以通过学习改变,与阅读者的经验和视觉模式有关,它和相似性一样是影响视觉搜索的一个因素。有学者认为目标刺激与干扰刺激之间的熟悉与否引起的搜索类型不同,材料之前越熟悉越会引起平行搜索,熟悉的项目激活度小,新颖的不熟悉的项目激活度大。当目标刺激和干扰刺激熟悉度相同,即同为熟悉或新颖,则激活度就没有差别。由此可知,熟悉性可作为影响视觉搜索的基本特征之一。
  
  视觉搜索的位置特征
  
  视觉搜索的位置特征表现为,人在对静态物体的特征进行加工时,表现出了颜色加工和形状加工的分离,即视觉系统在对颜色和形状进行加工时,是独立的,不存在相互干扰,并表现出了位置的分离。有学者对眼动追踪技术进行研究发现,当刺激物呈现在边缘视野时,人们对颜色的搜索目标会有较多的眼跳,表示边缘视野的颜色加工的目标指向性比较好,而对于形状搜索时这种目的性则较差。由此说明,人们运用边缘视野能够对颜色特征属性的目标进行较好的加工,而对形状特征的加工则更多地依赖中央窝来完成。
  
  视觉刺激响应
  
  视觉刺激响应,是指人对刺激物的基本物理特征,如图片、动画以及颜色搭配等产生的带有一些较为稳定的具有倾向性的反应,它是影响用户视觉搜索效率的一个重要因素。就有效信息的搜索而言,有学者研究发现,动态图像对用户的信息搜索能力帮助不大;动态信息中的动画对用户的信息搜索能力还会有严重影响;有时用户会本能地忽略网站上的图片;动态图像会干扰用户对围绕在图像周围的文字的注意,不利于用户对含有大量信息的网页中其它信息的加工,也会导致用户对网页的信息加工和信息搜索的时间增加。
  
  基于视觉搜索影响因素的网页设计
  
  考虑到视觉搜索的特征及其影响因素,并在参阅了之前学者多视觉搜索与网页设计研究的基础上,得出以下的设计建议,旨在为网页的优化设计提供一些指导性意见。
  
  (1)内源性眼跳由浏览者自身因素引起,是个体主动发起的,比如个体本身对某些信息感兴趣或者个体在指导语的提示下,主动进行的眼跳,它主要与返回抑制与眼运动记忆相关联。外源性眼跳则是主要与刺激物的基本特征有关,在研究者对引起眼跳的外源性刺激的研究中,从颜色特征到后来的方向、运动、大小、亮度、形状等目标特征,都会引起较大的眼跳,影响视觉搜索的效果。所有这些目标特征中,颜色特征的影响最大。国内有关研究还发现,在注视时间方面,注视时间由短到长依次是图画、中文词、英文词;在反应时方面,人的反应时从短到长依次为图画、英文词、中文词;在眼跳距离方面,眼跳距离从小到大依次是中文、英文、图画。有学者对分栏设计的视觉搜索效率的眼动研究发现,1大开本(1/16开本)设计材料在跳距离、行内与行间回视次数在阅读理解指标上均显著优于小开本(1/32开本)材料一栏、二栏、三栏设计材料,表现为一栏最优。在进行具体的网页设计时,如果设计的目的倾向于引起读者的注意,那么首选图片和动画,颜色可以选择鲜艳的能与周围信息区分开的;如果倾向于信息的获取或理解,应该首选文字,其次是图片或视频,最好不要选择过多的颜色,会增大眼跳,不利于信息的获取和理解。此外,和网页屏幕上呈现的网页材料相比,人们接触最多的文本材料更容易引起人的眼疲劳。因此,在有大量文本信息的网页设计中,为了减少被测试者的疲劳,可以采用大开本的一栏设计以方便浏览者的视觉搜索和理解。
  
  (2)在网页设计中,重要信息和目标信息是需要引起用户较多关注的。基于相似性的规律,可以尽量减少重点信息和非重点信息;基于目标信息和干扰信息之间的相似性,可以增加重要信息或目标信息的新颖性、诱目性、独特性,且背景信息尽量简洁,减少干扰,以使重要信息和目标信息从背景信息群中“脱颖而出”,以此吸引浏览者的注意,提高他们的搜索效率;在文字与背景颜色选择上,最好设置为深色文字,浅色背景;在超链接颜色选择上,最好选用不同的颜色来区分已访问和未被访问的链接,这样有利于用户将两者区分开来进而搜索还没有浏览的超链接,而忽略已经访问的超链接。
  
  (3)有学者研究发现,形状加工和颜色加工存在中央凹和边缘视野的分离。视觉的注意选择中存在这种空间位置效应,注意资源的分配也存在位置效应,当刺激呈现在中央凹视角时,被测试者对任务的反应时较刺激呈现边缘视角时的反应时变大。据此可以将文字信息置于网页中心位置,颜色图形等信息置于网页的边缘位置。
  
  (4)视觉刺激效应告诉我们,旨在让用户从网站中搜索或获取信息(例如一些新闻类门户网站),设计者应避免那些会引起强烈刺激的视觉呈现方式,或者过多的信息呈现也会影响用户的信息搜索能力。如果旨在让用户获得信息,最好不要添加一些动态图片、动态文字等动态效果强烈而很容易干扰用户注意力的信息元素,这会干扰用户对文字信息的搜索。
  
  (5)文章通过眼动实验对于Web页面视觉信息搜索行为的研究发现,人们在网页上进行视觉信息搜索时,更多地注视周边区域,而对于中心区域的注视较少,呈现视觉搜索的周边特性。而且,在带有浮动广告的网页上进行视觉信息搜索时,同样呈现视觉搜索周边特性。实验结果表明,从视觉搜索角度来看,在网页设计时,对于具有超级链接性质的标题信息,放置在网页的周边区域比放置在网页中心区域更利于人们的视觉搜索行为。而且,在视觉信息搜索时,人们很少去看浮动广告,说明浮动广告的广告效应并不明显,应该改变其广告形式。
  
  结语
  
  笔者在前人研究的基础上,根据人的信息加工特点和视觉搜索规律,提出了网页设计的一些意见和建议,旨在通过科学的网页信息呈现来促进网页浏览者高效地获取网页中的有效信息,提高视觉搜索的效率。对于如何使人们高效获取信息的同时也保证视觉上的舒适性,则是需进一步研究的问题。

标签: 网页设计  理念  视觉  标签  

免责声明:本文系转载,版权归原作者所有;旨在传递信息,其原创性以及文中陈述文字和内容未经本站证实。

本文地址:http://www.zuomama.com/qiaomen/youxi/207664.html

  • 1学校组织学生徒步自费看《满江红》,这种“自愿”未免太牵强

    学校组织学生徒步自费看《满江红》,这种“自愿”未免太牵强

  • 2怎么样鸽子 怎么养鸽子不怕它飞走

    怎么样鸽子 怎么养鸽子不怕它飞走

  • 3拱辰享怎么样 粉色后拱辰享怎么样

    拱辰享怎么样 粉色后拱辰享怎么样

  • 4汉能怎么样 汉能 北京

    汉能怎么样 汉能 北京

  • 5清华怎么样 蒲城朗悦清华怎么样

    清华怎么样 蒲城朗悦清华怎么样

  • 6叶酸片怎么样 斯利安叶酸片怎么样

    叶酸片怎么样 斯利安叶酸片怎么样

  • 7湘雅怎么样(湘雅各医院的优势)

    湘雅怎么样(湘雅各医院的优势)

  • 8民生保险怎么样 中国人民保险怎么样

    民生保险怎么样 中国人民保险怎么样

  • 9鸽子怎么样(鸽子怎么样做才好吃)

    鸽子怎么样(鸽子怎么样做才好吃)

  • 10新君威怎么样 全新君威怎么样

    新君威怎么样 全新君威怎么样

关于我们 | 广告服务 | 网站合作 | 免责声明 | 联系我们| 网站地图

© 2006-2022 做妈妈育儿网 all rights reserved. 浙ICP备2022035435号-3

声明: 本站文章均来自互联网,不代表本站观点 如有异议 请与本站联系 联系邮箱:kf#zuomama.com (请把#替换成@)