注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

{800Bu}

——Well, Here We Are...

 
 
 
 
 

日志

 
 

运用眼动研究,优化页面布局(转载)  

2011-12-12 13:48:47|  分类: 教程学习 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
原文转载自互联网的那点事...

互联网出现以来,网站和用户的成长一直在相辅相成——网站从简单的主页展示发展到现在的电子商务,挑战传统渠道;用户从当初的潮人一拨变成了如今的普罗大众……在“可用性”方面来讲,网站的做法引导了用户,在无形中建立了用户的使用习惯和稳定的心理预期,而用户本身,也是道高一尺魔高一丈地无师自通了“无视广告”的惯性行为……可以说,两者一直在互相培养,长期迁就的历程中。

运用眼动研究,优化页面布局(转载) - 800bu - {800Bu}

一、首先要树立意识:遵循常规,尊重用户

要打造一个优秀的网站,必须要正视这个现实,也就意味着要做到:遵循网站常规、尊重用户习惯

所谓网站常规,也就是在长久的磨合和锤炼以来,网站所沉淀下来的惯用做法,用户已习以为常不以为意,就像吃饭喝水一样自然。这种常规,遵守了的利益不明显,打破它的代价却会有点大——用户到你的网站上找不到自己想找的东西,拔脚走人。

网站常规如下

  • 显而易见的菜单栏,贯穿页面顶部
  •  网站徽标位于所有页面左上角
  •  搜索输入框位于所有页面右上角
  •  登录、注销位于所有页面右上角
  •  功能导航位于页面顶部或最下面,比主导航略小或视觉感觉略弱。

优秀页面的成功要点

  • 简洁:(1)控制内容数量,(2)控制风格种类,风格一致便于识别:信息较多时要呈现一致的格式。(3) 善用空白区、内容框和色彩有助于用户看到。要勾划出这些区域,不要让内容太杂乱。注意一点,色彩会提升彩色框中内容的重要性。所以,要善用,不能滥用。
  •  清晰:(1)标题让人一目了然:每个版块都要有标题。(2)清晰 的图片引人注目,模糊的图片会被无视。

二、然后从分析自己、分配版面开始

好网站的第一步

  • 明确优先级:明确用户来网站的任务Top10,明确各内容模块的优先级
  •  合理分配版面,突显最重要元素:划分页面的优势区,把最高优势区分给最高优先级,一一对应

然后就是遵循以上说到的“简洁”和“清晰”原则。

有时也难以避免失败(用户找不到要找的东西、页面主要图片成了用户回避的对象),失败通常有如下原因

  • 低级错误是网站方面的设计失败:优势错配以至于给用户完成任务碍事了;术语不清晰以至于用户视而不见
  •  有些问题是用户方面的原因:广告盲(用户已习惯忽视貌似广告的一切东西);用户类型(搜索型还是浏览型);惯性行为(用户个人特点)

三、具体研究,对症下药

对具体网站的眼动研究

设定任务后,对每个任务可采集的定量数据

c 任务完成时间

  • a 用户体验评级
  •  b 任务完成成功率
  •  c 任务完成时间
  •  d 错误路径

研究方法

a和b可以结合起来评定网站是否基本可用。再加上c可以说明网站是否高效好用。d可以解释c为何冗长。发现d问题以后也可就出错点进行轨迹图分析。

研究要点

  • 对被访者的仔细观察
  •  对其视线转换的清晰解读
  •  对网页布局的全面了解

版权声明:转载时请以超链接形式标明文章原始出处和作者信息及本声明

原文:http://janethink.blogbus.com/logs/176305433.html

  评论这张
 
阅读(104)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017