网页的认知风格(cognitive style)和网页感知(webpage perception)

文章描述:有趣的用户研究:中、美、韩用户眼动比较.

最近中韩两国研究者进行了一个关于认知风格(cognitive style)与网页感知(webpage perception)的跨文化研究,找来中美韩三国用户(共27人)进行了眼动测试,研究结果颇有意思。实验是让用户浏览(不做任何点击)以下这个仿照雅虎布局的测试页面(根据用户的国籍使用相应语言版本的页面),眼动仪将做实时记录,测试过程为30秒。

图1:测试页面研究者将页面分为9个兴趣区域(AOI, AREA OF INTERESTS)。

图2:兴趣区域(AOI)从下图“头25秒用户访问的AOI总和”可以看出,韩国用户的眼睛一直在整个页面到处跳动。比起其他两个组别,他们更多地在各个区域中跳来跳去。在头15秒,中美两国用户的眼动比较相似,在头10秒,中国用户的AOI活动稍微高于美国用户,但很快就明显领先了。15秒之后,美国用户的AOI的增长率低于中国用户,说明美国人的眼睛活动开始稳定,并开始将注意力集中在页面的某一处。

下图是“每AOI注意点时长总和”。注意点停留时长反映出该区域对用户的重要性。页头中部的区域2(见图2)是尤其重要的,它吸引了三国用户最长久的注意。总体来说,美国用户将注意力放在区域1、2、5的时间明显高于其他两组。中国用户则在区域6、7、8、9集中了更久的注意力。

再来看看眼动结果(由上至下依次为中、美、韩)。绿色的点代表眼睛活动的开始,红色代表结束。

[1] [2]  下一页

时间: 2024-10-27 01:04:42

网页的认知风格(cognitive style)和网页感知(webpage perception)的相关文章

Ajax风格的一款网页Loading效果

 本篇文章主要是对Ajax风格的一款网页Loading效果的实例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 现在比较流行的一款Ajax风格的网页Loading,多见于一些大量使用Ajax技术的网站中,页面加载时会自动显示提示信息,带载入动画效果,网页加载完自动消失,是一款正在具有Loading功能的网页进度条.     <html></P> <P><head> <title>Loading</title> <s

网页设计流行风格模板及评析---商业清爽型

模板|设计|网页|网页设计  现在网页设计流行风格模板及评析(1)-商业清爽型 商业清爽型的风格可以说是国外现在较流行的风格,国内也有不少模范者,可是往往在色彩调配和细节方面有所欠缺,先列几个例子 特点:利用方框构图,简介明了,图片一般大面积出现,但图片一定要结构清晰,色彩鲜明. 色彩方面多使用大面积浅灰度和白色,以衬托logo和配图的色彩鲜艳,配以高明度小小色块(如导航处). 因为结构构图简单,细节方面一定要讲究,不适宜有过于复杂的logo和点缀出现,多用简洁明快的几何图形结合 此类站点非常适

网页设计师的风格是怎样形成的

设计|网页|网页设计 风格一词在词典上的解释是"气度.作风:某一时期流行的一种艺术形式".具体到网页设计的基础上,网页设计师的风格就是在运用自己的所拥有的手段,包括所拥有的审美的素质.应用软件的能力.以及感受生活的敏锐的觉察力,来建立起自己独特的设计形式.独特的作风.从这个概念出发,设计师就应该有自己的风格. 在网络如此发达的今天,网页也是五花八门,千奇百怪,但是作为一个设计师的地位还没有得到应有的提升,造成今天的网页设计师的风格没有真正的得以体现,使网页的设计在一个低层次的水平上重复

用CSS和JS实现网页的多种风格的设置

css|js|网页 本站原创内容,转载请注明出处网页教学网. 大家都见过好多网页可以实现多种风格的显示,比如动网论坛等等,而且好多网站都 设置多种风格,方便用户按照自己的设置风格来浏览你的网站. 实现的方法我在这里不做讨论.今天我给大家介绍一种特简单的方法,用CSS+JS简单 方法就可以实现网页的多种风格显示. 本教程提供的方法希望对大家做主页的时候有用. 我认为这是一种最好的实现方法了,如果大家还有其他简单的方法可以和我讨论.QQ :76312395 网站:http://www.webjx.c

网页设计指导:五种常用精美网页风格

在浏览精美的网页时,我们都会发现许多网站的风格的有一些共性,总结这些网站风格特点可以为网页设计师提供更精准的设计趋势方向.同时能为我们的网页设计起到指导作用,比如下面的这五种网页风格就经常在许多网站中见到,我们可以看到虽然使用的元素和风格相近,不过每个网站都有自己独特的特性. 使用大标题的网站设计 使用大图片的网站设计 受大自然启发的网站设计 使用素描/插画的网站设计 使用滑动效果的网站

网页制作技巧:你做的网页试过“面目全非”吗?

技巧|网页 如果只是因为浏览器的设置改变,或浏览器不兼容,使自己精心制作的网页变得"面目全非",多令人沮丧!这里我们列出几个网页初学者常见的网页布局问题以及解决方法-- 如果只是因为浏览者改变了浏览器的设置,或者因为浏览器不兼容,使自己精心制作的网页变得"面目全非",那多令人沮丧!下面我们以网页爱好者的常用工具Dreamweaver(以下简称DW)为例,列出几个网页制作初学者较常见的网页布局问题以及解决方法,希望对初学者们有所帮助. 一.消除任意缩放浏览器窗口对网页

网页设计中如何让CSS控制网页背景?

css|控制|设计|网页|网页背景|网页设计 在符合标准的网页设计中如何用CSS控制网页的背景呢?包括背景的颜色,背景的图片等一些问题,在本教程中一次给你讲清楚. ·背景颜色 background-color 我想这个我就不用多做介绍了,颜色代码我想大家都知道的,不是用英文来代替就是用指定的代码来表示的.这个的默认值是transparent(透明色). 例:body{background-color:yellow}H1{background-color:#000000} ·背景图片 backgr

网页问卷响应情况的影响因素和网页问卷效果的衡量标准

网页制作Webjx文章简介:总结网页调研问卷的入口设计. 近几年电子商务.SNS迅速发展,并且已经成为人们生活中越来越重要的组成部分.被他们牵绊着的人不免会感受到一些变化,无论是新产品的诞生,还是老产品的换新貌,似乎这些变化越来越符合我们的需求.而对于用户研究人员来讲,为了使产品越来越满足人们的需求,在这个过程中我们常常使用的一个调研方法是问卷调研. 提到问卷调研,就不得不回忆下几年前问卷调研是如何进行的.相信大家都还记得我们常看到街头有那么一群人,手里拿着厚厚的资料,遇到路人就拦截下来请其帮忙

网页设计中的审美需求,网页制作学习

网页设计是一们新兴的设计类和网络的交叉学科,近几年随着网络的发展而逐渐收到人们的重视,它本身以网络为载体,把各种信息以最快捷.方便的方式传达给受众.在这种标准的要求下,逐步产生了审美的需求.人们对美的追求是不断深入的,网页设计同样如此.网页不光是把各种东西放上去,能看就行,这是远远不够的!要考虑如何受众能更多的和更有效率的接收网页上的信息,从而使他们对给网站留下很好的印象,那就更能促进自己网站的运作.这就需要从审美的方面入手,结合使用方便的要求,就能制作出清晰.整体性好的页面.使人浏览起来心情愉