博客园_大猪窝

用户体验有多重要？——驳《用户体验可以不重要》

2010-08-15T12:07:00Z

周末在博客园看到一篇关于用户体验的文章《用户体验可以不重要》，这是博客园少有的关于用户体验的文章，但文章的标题以及内容却给出来一般人都无法想到的一个结论“用户体验可以不重要”。“用户体验重要”，这应该是大家心里早就肯定的一个结论，就如针对“运营、模式、技术、设计、推广”这几点，谁敢拍着胸脯说“技术可以不重要”，“运营可以不重要”……,一个项目的成功可以说是以上各方面的成功，以上提出的“运营、模式、技术、设计、推广”缺一不可，但以上几点有一点失败，那么整个项目就危险了。其实，我觉得我们没有太大的必要去讨论“用户体验可以不重要”，我们真正应该讨论的是“用户体验究竟有多重要？”。

这里首先说明一个概念，什么是用户体验？用户体验（User Experience，简称UE）是一种纯主观在用户使用产品过程中建立起来的感受。用户体验显然不只是简单的界面的设计、交互的设计，而更多的是一种思想的体现，一种“以用户为中心的产品设计”的思想的体现。

再谈谈几点关于用户体验常见的误区：

1、用户体验是指好看实用的界面设计。好的界面设计是用户体验的很小一部分。用户体验这个概念还没有被放大的时候，更注重的是UI的好看，但如今产品设计更注重的是好用。好看是基础，好用是核心，这正是用户体验针对界面设计的要求。

2、用户体验就是好的页面特效和交互设计。同样，交互设计也不是用户体验的全部，依然只是用户体验中很小的一部分，过多的页面交互，很炫的js效果不一定是用户想要的。其实用户体验对交互的要求其实是“简单”，简单的操作，简单的步骤，让用户不必思考，这些不一定需要很多的页面特效。

3、用户体验就是无条件满足用户的要求。其实很多的时候用户想要什么用户自己都不是很清楚。如“用户希望添加某项功”，其实表达的是用户的喜好。用户希望“添加×××的说明”，其实你可以删除某些多余功能就不会对用户产生干扰了。用户需要引导，用户体验的目的就是去引导用户，在深入挖掘用户想法的基础上引导用户。

用户体验是一门深入的学问，就像我们程序员所关心的面向对象一样，它就是一种产品设计的思想，以用户为中心的思想。如果忽略用户体验就是忽略用户。

任何事物在不同的环境都会显现出不同的重要性，这是一个基本的规律，就像我们会听到有人说“面向对象不重要”，“设计模式不重要”，当然某些环境，这些不重要，但大多数的情况，它们是很重要的。武断的说“用户体验不重要”显然是很不靠谱的。用户体验在哪些时候哪些地方很重要呢？

1、很多人使用的产品用户体验很重要。用户体验在互联网圈子里会被拔高到如此高度，就是因为互联网有非常广泛的用户群体。面对着各式各样的用户，我们无法一对一的进行培训沟通，那么我们就要通过研究用户的习惯去了解用户的心理，提高产品的用户体验。不只是互联网，只要你的产品有广泛的用户群体，那么你就该重视用户体验。

2、经常使用的产品用户体验很重要。经常使用就不得不谈到交互，一个用户和产品的交流，你能针对用户习惯设计产品能节省用户时间，减少用户思考（用户体验常说的"don’t make me think"），那么就会无形中得到用户的喜爱。

有人提出“用户体验可以不重要”，特定的环境用户体验真的还不那么重要了。公司的运营包含的各方面，运营、模式、销售、技术、设计、推广、用户体验，杂七杂八的，总有相对重要和相对不重要，当你设计公司内部的系统的时候，用户体验就和某些方面比就显的不重要了。很多只为挣钱的企业网站设计，用户体验也不那么重要了。用户体验既然是一个产品设计的思想，所以产生效果需要一定的时间，所以当项目遇到问题的时候，总是首先忽略用户体验，因为短时间是无法验证用户体验的效果，导致有的人产生“用户体验不重要”这样的错觉。但更多的时候，用户体验却是很重要的，现在成功的产品设计都有好的用户体验，但在众多因素中是否“最重要”，那就不得而知，但可以肯定的说，用户体验“很重要”。

我们现在仔细想想我们生活中的点点滴滴，塑料袋开口的设计、交通标识的设计、垃圾篓摆放位置的设计、遥控器的诞生、甚至只是我们正在使用的计算机的发展史，无一是一个基于用户体验的设计和改进的历史。在产品设计界有一本广为流传的书《人人都是产品经理》，但我觉得知道“处处皆是用户体验”。用户体验很重要。

本文链接

用户行为分析心得

2010-08-12T13:55:00Z

最近对产品设计以及用户体验很感兴趣，对此进行较为深入的研究，用户行为分析是提高用户体验的基础，掌握了用户行为的数据才能真正的了解用户，提高用户体验。对于用户的行为分析主要是两点：1、用户视觉行为分析。2、用户操作行为分析。这里针对用户行为谈几点常用的用户行为分析方式：

这里先介绍下视觉行为测试的方式。

1、眼睛第一感觉测试

这个测试是最为基础的测试，完全的视觉测试，当然这样的测试也不完全准确，但也能说明很多问题。这个测试的方式就是把一个UI（本文中UI主要是指网站界面）打开，让用户浏览一遍，1—2分钟左右即可，然后回答如下几个问题：
（1）这是个什么网站（网站标志是否明显）
（2）我在哪个页面上（网页标题）
（3）这个网站的栏目有哪些（导航是否明晰）
（4）我最想点击的地方
（5）我所处的位置是哪个栏目
（6）我怎么搜索

……
记录用户的第一印象，就能了解网站整体风格的设计是否合理、导航是否明晰、页面重点是否突出。

2、通过测眼仪测试
测眼仪是一种专门测试用户眼睛焦点的仪器，价格比较贵，一般的公司也不会配置这样的设备。其原理和我们测试近视的时候差不多，现在眼睛验光的时候医生可以知道我们研究什么时候能看清楚仪器中显示的内容，这个仪器也能测试出我们眼睛的焦点是停留在网站的哪一部分。页面F型模型大家都应该知道，这个结论也是通过仪器以及相关的分析得出的结论。因为涉及到专业的医学设备，我也没有测试过，这里就不详细描述了。

（F型图片示例）
以上是针对视觉的测试，因为视觉更多的是个人的一种第一反应，很难有好的量化的测试方法，第一种应该是比较常用的方式，通过多人的测试，也能得到正确的结论。其实用户视觉和用户的操作是相辅相成的，操作是视觉传达给大脑后的一种执行。视觉是参数，操作是输出的结果。所以操作才是用户行为分析更为重要的一点。下面就谈一下用户操作行为分析的方式：

3、操作行为录像分析
其实这个是很“笨”的一个方法，但也是最为有效最直观的方法。网站功能开发完成，进入实际的测试阶段的时候，可以针对网站的用户群体要求相关用户进行测试，我们可以根据自己的实际情况制定测试的规则，让用户进行操作，我们通过录像（以前都是DV，现在用屏幕录像软件即可），记录用户操作的过程，重点分析用户的操作步骤和我们设想的步骤有哪些不同，这些不同点就是我们在网站设计过程中对用户产生的干扰。这里我举个简单的例子：
现在我们是个C2C的电子商务平台，今天测试的目的主要是测试会员中心操作的用户体验，这里我们要求用户做以下几点：

(1)进入网站，想办法成为网站的有效商户
（2）完善个人和商铺的信息
（3）设置自定义的商品分类
（4）发布15个商品，推荐其中的5条，下架其中的3条
（5）修改其中6条商品的价格和相关分类

……

这样通过屏幕录像记录用户操作的过程，对这个录像进行分析，如果用户操作的步骤和我们设想的步骤差别或是在某个步骤花费的很多的时间或思考了很久，那么这些地方就是我们改进的重点区域。

以上这个示例只是一个最简单的示例，大家可以根据自己的实际情况制定一个完整的录像分析的方案包括搜索、注册、登录、管理等等，从这个分析能最为直观的发现我们产品设计中存在的问题。

4、用户行为分析工具
国外有很多用户行为分析的工具，和咱网站统计工具类似，操作很简单，只要在网站上面嵌入一段代码，这些工具就可以分析用户最常点击的地方、最少点击的地方、鼠标移动的区域等等相关数据。网站可以找到相关的资料，这里不详细介绍，一般只有的工具都是需要付费的，费用较低，是可以承受的。有兴趣的可以看看这里：http://www.chinaz.com/Webbiz/Free/05101142T2010.html 其中ClickTale个人使用过一段时间，觉得可以尝试一下。大家还可以尝试一下这个工具，由 Keep Walking推荐，clickheat(http://www.labsmedia.com/index.html)

5、数据分析推断用户操作行为
这是大家一定都在使用的方法，我们可以结合网站统计工具或是自己编写的CRM系统进行分析，数据是能说明很多问题的。百度统计（http://tongji.baidu.com/hm-web/welcome/login）和51.la是个人推荐的统计工具。然后结合网站本身的特点对用户的行为进行分析，如电子商务网站进入购物体系后需对用户的每一步操作进行监视，可以知道用户崩失率最多的操作是哪一步，通过点击可以统计用户更喜欢的内容。阿一兄的这篇文章就为我们说明了这点：《抛砖：如何进行互联网项目开发》http://www.cnblogs.com/JustinYoung/archive/2010/01/25/internet-project.html

以上是对用户分析的一些常用的方法，

方法1，2适用于网站开发前，方法3，4适用于测试阶段，方法5上线后长期进行。

其实没有很创新的方法，贵在简单实用，希望能对大家有所帮助。

本文链接

[边学边用]jquery插件制作

2010-06-22T08:42:00Z

jquery插件丰富，很多都是很好用的，最近学习了一下如何制作jquery插件，发现jquery插件制作其实很简单，这里介绍一下。

jquery插件的基本格式：

(function($){
$.fn.tab = function(options){//$.fn后面的tab是这个插件的函数名称。可以更具自己喜好进行修改
var defaults = {
//相关属性设置
}
var options = $.extend(defaults, options);
this.each(function(){
//实现的功能设置           });
};
})(jQuery);

我这里是做一个tab的插件，我来完善以上代码

我想大家都用过一些jquery插件，我这里看下插件使用时的代码：

（代码二）

结合以上两段代码进行说明

$("#tabtitle")表示你要使用在哪个地方，稍微了解jquery的童鞋都知道是什么意思了，不多介绍了，

.tab 就是这个插件我们定义的函数名了，对照（代码一）中的$.fn.tab中的tab。

.tab({eventname:"mousemove",sedcss:"sed"}); 中eventname和sedcss就是（代码一）var defaults ={};中定义的属性值了。如果我们不需要改变属性值，那么我们就使用默认的属性值，那么插件就应该这样使用

<html>
<head>
<title>tab test</title>
<script type="text/javascript" src="jquery.js">
</script>
<script type="text/javascript" src="jquery.joyleetab.js">
</script>
<script type="text/javascript">
$().ready(function(){
$("#tabtitle").tab({eventname:"mousemove",sedcss:"sed"});
})
</script>
<link href="css.css" rel="stylesheet" type="text/css">
</head>

<body>
<ul id="tabtitle">//这里的ID对应$("#tabtitle")中的ID,LI的ID分别是尾部添加数字
<li id="tabtitle1" class="sed">asdfasfd</li>
<li id="tabtitle2">asdfasfd</li>
<li id="tabtitle3">asdfasfd</li>
<li id="tabtitle4">asdfasfd</li>
<li id="tabtitle5">asdfasfd</li>
</ul>
<div id="tabtitleinfo">//这里的ID对ul中的ID,ID分别是尾部添加数字和"info"
<div id="tabtitle1info" >000000</div>
<div id="tabtitle2info" style=" display:none">111111</div>
<div id="tabtitle3info" style=" display:none">22222</div>
<div id="tabtitle4info" style=" display:none">33333</div>
<div id="tabtitle5info" style=" display:none">44444</div>
</div>
</body>
</html>

此文重点在说明jquery插件的制作方法，示例中代码还有要优化的地方，请见谅

最后附上源码：http://files.cnblogs.com/joylee/tab.rar

本文链接

电子商务网站列表页应该如何做？（1）——前台设计

2010-06-07T13:11:00Z

列表页是网站最常见的页面，不管是什么网站都会有自己的列表页，这里着重介绍下电子商务网站列表页应该如何做？？这里说的如何做指1、前台如何展现 2、后台程序如何实现。列表页的实现有很大的通用性，不管是电子商务、门户、或是其他网站有相同的地方，当然不同类型的网站也有区别，希望这里的介绍能抛砖引玉。

一、列表页前台展示

1、搜索让用户尽量可以选择点击或是输入文本双重选择，以点击为主，输入为辅。输入的内容一般为关键字和价格参数，但也必须让用户有点击的选择。如：关键字可以有自动匹配功能，价格可以让用户可以点击和输入两种方式。如下图：

(自动提示，减少用户的输入)

(相关关键词推荐，减少用户输入)

(价格可以点击筛选和手动输入筛选双选择)

2、参数应放在左侧，根据UED多年对用户行为研究以及F型模型表明，左上角是用户点击的重灾区。左侧主要参数，右侧列表这样的布局方式是最符合用户习惯的。而且也可以发现淘宝、Ebay、亚马逊等等电子商务网站都这样做了。

3、翻页不一定非要到页面底部，很多时候用户一打开页面就想翻页。翻页按钮只有底部才有那是大大浪费用户的时间。

4、翻页按钮一定要有上下页按钮、有总数、让用户知道当前位置、有直接跳转翻页方式，参考下图。

4、列表页请一定要放置直达顶部的按钮，因为用户随时都希望改变自己的搜索参数。

5、排序功能一定要全面，充分考虑不同人群对于排序的要求。

6、当搜索找不到结果时一定要提示用户接下来该怎么做，不要让用户找不着北。

7、列表页的seo也很重要，要定制des和key，以及title（感谢Keep Walking!提醒）

例如：搜索“笔记本”，网站的title可以设为应含有“笔记本”，key以及描述可以这样设置

本文链接

网站秒杀那点破事

2010-05-13T13:51:00Z

2010年光荣的劳动者节日过后某上午，经过一番所谓的唇枪舌剑、唾沫星子狂喷之后，宣布，此次××活动相当的烂，一干策划、设计、推广在会议上低下高贵的头，咱，技术部，某小B就开始了反省了——多好的员工啊。这里只介绍购物网站秒杀设计以及程序，其他一概不谈。首先，谈谈网站专题规划：（1）活动时间——五一期间是一个促销的好时机，并非有人说的所谓“五一期间很多人出去游玩，无心网购”。但真的是这样的吗？...

网站页面回车和鼠标焦点

2010-04-12T14:47:00Z

最近在开发中遇到一个问题，其实本是很简单的问题，可自己想半天也想不明白。情况大致如下：页面有个搜索框，再有个登录的表单，按回车时执行搜索呢还是执行表单提交，本来是个很容易的问题，可因当初写回车搜索的时候是直接写在页面上的，即只要回车就执行搜索。大致代码如下：当时不知道为什么鬼使神差的写了上面这段代码，愚蠢啊!!也就是不管什么情况，按下回车就执行搜索。显然，这是错误的。关于回车搜索的流程应该是这样的...

中小互联网公司如何提高网站用户体验

2010-03-30T13:48:00Z

首先这里明确本文的互联网公司主要是指以运营网站为生存手段的公司，不同于网络公司、软件公司，互联网公司的产品就是网站本身。网站即产品，可见网站是互联网公司耐以生存的基本。谈到用户体验不等不提的一个王者就是最近风靡的“Iphone”,Apple公司本来就有注重细节一这个特质，其实用户体验就是“完美细节”的一个重要体现。曾几何时，丰富的视觉效果是主导网站第一要素，特别是网络公司（这里主要是指专门帮助...

安装VS2010

2010-02-25T12:58:00Z

迟早都是有要使用VS2010的，先安装来熟悉一下，看看传说中的VS2010 微软官网下载RC版本的VS2010,正式版要等到4月份才发布。下载页面：http://www.microsoft.com/downloads/details.aspx?FamilyID=457bab91-5eb2-4b36-b0f4-d6f34683c62a&displaylang=en 总共2.25G，安装截...

初次给鼠标手术

2010-02-23T07:54:00Z

陪伴我的两个鼠标都经过100多个昼夜，日均5小时与我右手的战斗，终于身负重伤。鼠标中键真的是太脆弱了，被我用了两个月，滚轴就不太利落了，在此先呼吁各位网友：用鼠标尽量少用中键，会导致滚轴不灵。下班在家闲来无事，也为了本着中华民族“节约”的传统美德，自己来修理一下。遇到了第一个困难，怎么打开鼠标，我用东西撬了半天，没搞开，做的真TMD坚固啊。硬来是不行了，仔细一看，发现有...

Windows 7 语音识别和屏幕录像

2010-02-21T03:42:00Z

win7中有很多xp中没有的新功能，这里简单介绍几个好玩的，更多的大家可以在附件中找到后慢慢研究。试玩语音识别打开语音识别控制面板中选择语音识别启动语音识别启动后就能看到语音识别的窗口对于初次使用语音识别的用户，可以通过语音“语音识别”设置栏中的“学习语音教程”进行学习。相对于手机的语音识别，WIN7的语音识别功能要强大很多，很强准确...