查看: 330|回复: 8

[新闻] 用眼球跟踪改善网页设计

[复制链接]

294

主题

6

好友

5150

积分

状元

Rank: 6Rank: 6

  • TA的每日心情
    擦汗
    2014-11-30 10:07
  • 签到天数: 170 天

    [LV.7]常住居民III

    发表于 2014-6-8 07:47:40 |显示全部楼层
    1100d7cbfa39a06b2bcf820c78360b87.jpg

    你在看机器,机器也在看你。最近眼球跟踪技术诞生了不少的应用案例。比方说,Intel 研发 3D 笔记本摄像头,可以追踪眼球读懂情绪;上海琢视的纯软件眼球追踪可支持用眼睛玩打飞机游戏等。现在EyeQuant则利用先进的神经技术研究用户眼球看网页时的运动,从而生成设计元素和网页区域的热点图(即用户的注意力集中的区域),再研究如何改进网页设计。以下就是他们的发现。
    Web设计应该注意什么
    眼球跟踪技术的第一个发现是,Web 的 F 和 E 形模式布局设计(利用用户大都最喜欢观看左侧屏幕的特点进行布局)未必就是对的。只要内容吸引眼球,不在 F 或 E 形模式区的地方一样会受人关注。比方说,高对比度、中心布置及排列整齐的内容。实际上,Web设计时应该更关注3W:网页要说什么(What),用户为什么要关注(Why)以及接下来要去哪里(Where)
    某些Web设计的最佳实践受挑战
    还有一些 Web 设计的最佳实践受到了眼球跟踪技术的挑战。比方说,传统观点认为人总是会注意脸部。EyeQuant 在用眼球跟踪技术研究了数千个不同网站后发现,脸部和注意力的确存在关系,但是人却未必总是关注脸部。另一个 Web 设计的观点是要想让文字突出,就得把字体放大。但研究发现,尽管有些页面的字体很大却被用户无视。
    关于图库的选择与使用
    要想图片引人注目,最重要的是要有高反差—不仅图片本身要有高反差,而且相对于页面的其他内容也要形成强烈对比。这不光是颜色的对比,在亮度上也要有反差。图片需放在上半版面,位于中间或者坐上位置。而且不要放得太凌乱,应该给页面留点空白的空间。
    像旋转横幅和幻灯片这样的重图像元素有效性如何?
    运动的确可以在开始时吸引注意。换句话说,也可能造成干扰,而这些元素往往只跟一部分浏览网页的用户相关,所以对于商业网站来说,这些元素反而会对转化率产生负面影响。
    像苹果用的那种日渐流行的大英雄区域是否有效?
    所谓的大英雄区(Big hero area)是指大幅图像伴随少量文字的布局,苹果尤其擅长使用。如图像是相关的话,大英雄区极其有效,否则的话就会造成干扰。如果采用图库的图片的话,必须挑选可支持希望传递信息的图片,而且不要过多分散对页面其他关键内容的注意力。
    长幅滚动页面还是让重要元素保持在上半版面?
    部分长幅面的滚动页面的确非常成功,而且用户对此似乎也越来越习惯。但是数据表明一般用户仍把大部分时间花在上半版面。
    链接按钮应该如何设计?
    人是对比生物,所以按钮与背景色之间,按钮文字和按钮之间都必须形成鲜明对照。
    用户会看哪里?
    作为设计师应该有能力影响用户看什么地方,而不应该成为某个布局或模式的奴隶。元素在页面的布置只是影响用户关注的其中一个因素。只要理解了注意力的建构要素,你想让他们看哪里他们就会看哪里。哪些是影响注意力的要素呢?这四个:对比,位置,大小和空白区域。

    回复

    使用道具 举报

    43

    主题

    5

    好友

    5544

    积分

    状元

    Rank: 6Rank: 6

  • TA的每日心情
    奋斗
    昨天 08:27
  • 签到天数: 1474 天

    [LV.10]以坛为家III

    发表于 2014-6-8 08:09:21 |显示全部楼层
    探测眼球转动的传感器对眼睛是否有害呢?
    用技术,爱生活!
    回复

    使用道具 举报

    294

    主题

    6

    好友

    5150

    积分

    状元

    Rank: 6Rank: 6

  • TA的每日心情
    擦汗
    2014-11-30 10:07
  • 签到天数: 170 天

    [LV.7]常住居民III

    发表于 2014-6-8 11:10:33 |显示全部楼层
    dwwzl 发表于 2014-6-8 08:09
    探测眼球转动的传感器对眼睛是否有害呢?

    应该不会,电脑笔记本的摄像头加上算法就能捕捉眼球运动。但是每次视频聊天的时候摄像头晃到你的眼睛了么?
    回复

    使用道具 举报

    无效楼层,该帖已经被删除
    5#
    无效楼层,该帖已经被删除
    6#
    无效楼层,该帖已经被删除

    43

    主题

    5

    好友

    5544

    积分

    状元

    Rank: 6Rank: 6

  • TA的每日心情
    奋斗
    昨天 08:27
  • 签到天数: 1474 天

    [LV.10]以坛为家III

    发表于 2014-6-8 20:09:32 |显示全部楼层
    de6ian 发表于 2014-6-8 11:10
    应该不会,电脑笔记本的摄像头加上算法就能捕捉眼球运动。但是每次视频聊天的时候摄像头晃到你的眼睛了么 ...

    哦,这么说来就是被动探测了!
    用技术,爱生活!
    回复

    使用道具 举报

    43

    主题

    5

    好友

    5544

    积分

    状元

    Rank: 6Rank: 6

  • TA的每日心情
    奋斗
    昨天 08:27
  • 签到天数: 1474 天

    [LV.10]以坛为家III

    发表于 2014-6-8 20:10:21 |显示全部楼层
    de6ian 发表于 2014-6-8 11:10
    应该不会,电脑笔记本的摄像头加上算法就能捕捉眼球运动。但是每次视频聊天的时候摄像头晃到你的眼睛了么 ...

    哦,这么说来就是被动探测了!
    用技术,爱生活!
    回复

    使用道具 举报

    294

    主题

    6

    好友

    5150

    积分

    状元

    Rank: 6Rank: 6

  • TA的每日心情
    擦汗
    2014-11-30 10:07
  • 签到天数: 170 天

    [LV.7]常住居民III

    发表于 2014-6-8 21:01:03 |显示全部楼层
    dwwzl 发表于 2014-6-8 20:10
    哦,这么说来就是被动探测了!

    个人猜测,再说如果是主动的,会是什么?扫面?
    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    关闭

    站长推荐上一条 /5 下一条


    手机版|爱板网 |网站地图  

    GMT+8, 2016-12-10 03:29 , Processed in 0.207431 second(s), 19 queries , Memcache On.

    苏公网安备 32059002001056号

    Powered by Discuz!

    回顶部