本篇论文目录导航:
【题目】如何有效提高网页设计的艺术美探究
【引言 第二章】从认知心理学的角度设计网页
【3.1】网页设计版面布局
【3.2】网页简短标题与提示语(label)
【3.3】网页图形图像的插入技巧
【3.4】认知心理学在网页菜单设计中的应用
【第四章】色彩设计理念在网页中的应用
【结语/参考文献】网页构建中认知心理学与色彩设计应用研究结语与参考文献
3.4 认知心理学在菜单设计中的应用
要在菜单设计中考虑到认知心理学的因素,应该从基本认知原理出发,建立一个用户行为过程的模型,包括人眼对信息搜索的过程、判断和裁决的过程、选择和做出反应的过程、以及信息的反馈过程。对于特殊的、多变的具体情况和环境,并没有一个固定的统一模式,但却有很多与此相关的技术可以供我们使用。
3.4.1 菜单的选择过程中用户的认知反应。
3.4.1.1 信息的搜索和获取。
用户浏览菜单获取信息的方式取决于用户的目的和它自身的知识积累,典型的情况有以下两种。第一,用户有非常明确的目标;第二,用户对所需要的资料只了解一部分。
如果用户的搜索目标很明确,搜索过程就是典型的二分的选择结构,在我们所提供的搜索菜单里,对应着每一层都只存在着匹配或不匹配两种情况,如果发生错误或者最终不能在列表中找到目标,就返回出错信息。
如果用户对所需要的资料只了解一部分,搜索过程包括译码和评估两方面内容,用户要读懂每个可选选项,并根据自己的需求做出选择。当用户要查找资料时,通常会选择一个与自己所需资料相关的选项,这时的选择取决于用户的主观因素,即用户认为自己需要的资料会在哪个范围内,对应哪个选项;有时也取决于用户的偏好,比如熟悉的领域或者感兴趣的东西。举个例子来说,如果用户想查询印度的人口数量,面对历史、宗教、人口统计、政治等选项,用户会根据主观的想法做出判断;如果用户查找的是印度的一些趣事或者对印度感兴趣的方面,那么做出什么样的选择完全由用户的兴趣爱好等自身因素决定。
在上述的第二种情况下,用户选择时会把所有选项浏览一遍并从中选出一个自己认为是最好的,或者干脆直接选择居于首位的选项。当用户为了避免较大的损失,或者为了避免选择错误以后出现的接二连三的错误时,他们就会比平时更加小心谨慎,追求完美。
另外,如果时间紧迫,用户往往也会直接选择居于首位的选项。
你也许会认为,所有的用户在选择之前都会把整个菜单从头看到尾,然后再做出选择,但事实证明并非如此,用户们常常会以自己的独特方式浏览菜单,他们可能会非常粗略的浏览,直到看到自己想选择的,或者按照随机的顺序选择。
3.4.1.2 信息查找的方法 .
用户为了做出有效的选择,得到所需要的效果,就要给计算机一个可读的易懂的提示,有两种典型的提示方法。一种是用户键入关键词,另一种是由系统提供可选选项的菜单,由用户来选择。对用户来说,键入关键词的方法相对复杂一些,因为这需要先了解网页上说明的相关规则,然后分析归纳出所需键入的关键词,再用键盘键入;而在菜单中选择相对来说就容易一些,虽然这需要用户首先定位当前的光标所在位置,然后找到目标选项的位置,利用鼠标或者触摸屏移动光标到目的位置,这个过程需要一些时间(人们用触摸屏定位光标的方法比用鼠标或者操纵杆等工具定位光标的方法所用时间短,因为利用触摸屏是眼手直接配合的方式),但人们通过练习,花在这上的时间是可以减少的。
3.4.1.3 菜单设计中的反馈提示。
用户在浏览了菜单,做出了选择了之后,需要一个信息的反馈。
比如表明选中目标的提示,收到信息或邮件的提示,任务执行完的提示或者对所要选择的选项的具体说明,这样的反馈信息可以帮助用户判断是否做出了正确选择。例如,再做出选择之前,用户只有50%的把握选择正确,在收到反馈信息后,如果用户根据反馈信息的提示,进一步确认自己的选择是正确的,那么用户就会有更大的把握。
另外,反馈信息也许不会直接提示用户是否做出了正确选择,这就需要用户在所选选项的子菜单中查找,看是否提供了相关的反馈信息。但是由于子菜单中的选项并不一定是所要搜索的最终目标,所以用户也很难确定自己是否选择了正确路径。如果收到正面的反馈信息,用户将会继续搜索过程;如果相反,用户就会返回上一级菜单或者放弃搜索。
3.4.2 注重认知因素的菜单设计方法。
3.4.2.1 比喻在菜单中的应用。
在菜单中应用比喻是为了使菜单的选项有一种更容易让用户理解的描述方法,有很多对计算机命令比喻的说法都是我们所熟悉的,但却有比我们所比喻成的东西更强大的功能。比如,我们把文字处理软件比喻成打印机,显然前者比后者功能强大的多。当然相反的情况也存在,比如,我们把计算机菜单系统比喻成餐馆的菜单。
3.4.2.2 提纲。
提纲是对所要描述系统的结构及其内容的主要特征的概括描述,从意义上来说,提纲是人们接受信息的一种方法。有经验的用户会根据系统的提纲判断出所需资料的位置。因此,对设计者们来说,提供提纲也是一种提高网页设计质量的方法。
3.4.2.3 人性化的网页设计。
人性化的设计不仅仅是指网页呈现给用户的外观是吸引人的,是简洁易懂的,设计当中对于整个系统本身所包含的基本元素以及各元素之间的联系的描述也应该是人性化的。
在设计过程当中,图解式的设计可以帮助用户形成在宏观上程序的执行的概念。
1) 路径图 .
人性化的菜单系统可以做成一张路径图,系统中的基本元素作为节点,相关的节点之间相连。用户可以从出发点开始查找目标,也可以从目标回溯到初始节点。初始时,用户可以根据路径图逐步找到所求节点,找到所求节点后,用户就可以跳过路径图上的中间节点,直接点击所求节点获得信息。
2) 树。
网页外观设计中采用树形的图解。有一个主题(根节点),从根节点向下分支,逐渐增加信息内容并细化,让用户对系统的基本元素及其关系一目了然,可以直接做出选择,避免用户进入子菜单层层选择。但当用户当前在页节点,并且想查询另外分支上的页节点时,就要先回到两分支交汇的节点处或返回根节点,再做选择。