UED.Alimama.com

互联网产品的用户体验看着“很美”

这几年来，我们这个行业一直都在谈用户体验，以用户为中心的设计。“用户体验”是指用户访问网站的界面、功能、相关信息的可读性、操作的方便性，交互性等方面的过程中建立起来的心理感受，用户在产品服务过程中的印象和感觉是否满意等。大家都知道用户体验在产品中的重要性，我们集团各子公司也都建立了UCD流程。借用阿里软件的1张UCD流程图：

但真正做产品的都有体会，固然大家都知道用户体验很重要，但如果按上图的流程在项目中从头到尾实施起来还是有很多制约瓶颈。特别在互联网行业，互联网产品开发时间短，变化快,高速发展无标准是其特点。项目中时间摆在那，商业利益摆在那，如果不计成本的做下来，项目的pm，pd想必早跳脚了。这让设计师有时候不得不感叹用户体验看着“很美”。左边是用户，右边是商业，设计师需要去保持两边的平衡。当商业需求与用户体验发生冲突的时候，用户体验设计师有时不得不做取舍——用户体验有时必须先满足商业需求，或者屈尊于技术可行性。这就是用户体验设计师不得不面对的现实。。。。。  

之前我们部门的分享会上大家讨论过这个话题，怎么去做互联网产品的用户体验？如何尽量好的去达到用户，商业，技术三者的统一？如何快速迭代的开发产品？这边我先抛砖谈谈看法。

首先用户体验师必须去学着了解产品背后的商业背景、读懂BRD,PRD,将产品规划中必须达到的目标和你认为有碍于用户体验的点抽取出来，去挖掘需求背后的目的。

其次UCD流程中一些影响到产品发展的关键点应该尽量去实行。

在概要阶段：用户体验师要把PD需求文档中抽象的功能转化为用户需求。通过选择通过做概念图、信息架构（建立层次逻辑关系）、建立用户场景（了解服务的人群，更好审视产品）等方法来定产品的大方向。

在详细设计阶段：设计有完善交互流程的原型demo（这个阶段如果条件允许可以进行低保真demo的可用性测试，把产品交互上一些问题尽早的暴露出来。）在原型评审后跟进视觉设计。在前端完成页面后，最好进行次高保真的可用性测试，确保不会在开发好后才发现产品有大问题。

由于很多项目时间紧急，可能都没法进行可用性测试，设计师首先要会审视自己的设计哦！

下面介绍一些基本的可用性原则和规则：

7±2 原则

由于人类大脑处理信息的能力有限，它会将复杂信息划分成块和小的单元。根据乔治A米勒（George A. Miller）的研究，人类短期记忆一般一次只能记住5-9个事物。这一事实经常被用来作为限制导航菜单选项到7个的论据；然而关于神奇的“7，加2或者减2”还是引起了激烈的讨论。因此目前还不清楚是否7±2原则能、可能或应该应用到web中。米勒的研究

2秒原则

一个松散的原则，即用户没有必要对某些系统响应等待2秒以上的时间，比如应用程序转换和开始的响应时间。选择2秒有点武断，但确是一个合理的数量级。可靠的原则就是：用户等待时间越少，用户体验越好。[可用性优先]

3次点击原则

根据这个原则，如果用户在3次点击中无法找到信息和完成网站功能时，用户就会停止使用这个网站。换句话说，这个原则强调明确的导航，逻辑架构和后续站点的层次结构。在大多数情况下，点击的次数是无关紧要的；真正重要的是，游客总是能知道他们现在在哪，他们去过哪，他们接着将会去哪。如果用户感觉他们对该系统如何运作有个充分的了解的话，甚至10次点击，用户都会觉得OK。

80/20原则（帕累托原则）

帕累托原则（也被称为重要少数法则和因素稀疏原则）指出，80%的效应来自20%的原因。这是商业中的基本经验法则（“80%的销售额来自20%的顾客”），但也可以应用于设计和可用性。举例来说，我们可以通过确定那些贡献80%利润的20 ％的用户、客户、活动、产品或程序，并最大限度地注意对他们适用，来显著提高效应。[帕累托原则在维基百科]

8个接口设计的金科玉律

作为接口设计研究的成果， Ben Shneiderman提出并收集了一些从经验中启发而来，适用于大多数交互系统的原则。这些原则适用于用户接口设计，也适用于网页设计。

1. 争取保持一致性

2. 为老用户提供可用的快捷方式

3. 提供有益的反馈

4. 设计结束功能的对话框

5. 提供简单的错误处理

6. 允许简单的逆转功能

7. 提供控制感。支持内部控制点

8. 减少短期记忆

费茨定律

由保罗费茨（Paul Fitts）发表于1954年，费茨定律模拟了人类活动，以目标距离和目标规模大小为函数，预测了迅速移动到目标区所需时间。该法通常应用到鼠标的移动，访客就必须从A点移动到B点。例如，这个规则对于如何放置内容区域，以更实用的方式，最大化内容可及性和提高内容点击率，是非常重要的。

倒金字塔

倒金字塔是一种在文章开头表达总结文字的写作风格。这种方式使用了新闻业中著名的“瀑布效应”，新闻作者试图让他们的读者即时知道他们的报道的主题。文章以总结开头，接着是关键点，最后那些次要的细节，如背景资料。由于网络用户需要即时的满足，这种倒金字塔写作风格，对于网络写作和更好的用户体验是非常重要的。就像尼尔森的支持

满意

网络用户不喜欢用最佳方式找到他们寻找的信息。他们对最合理和最健全的解决问题方案不感兴趣。相反，他们永远扫描他们认为“足够好”的quick’n'dirty解决方案。在网络中，这种方式准确地描述了用户的满意：用户使用一个“足够好”的方案解决问题——即时在长远看来一些替代方案能够更好地满足他们的要求。

偶然在一个网站上看到一个模仿苹果电脑界面的效果，感觉很拉风，相信很多人都会很喜欢（尤其是年轻人），拉风之后不经让我幻想以后的网站会怎么样？单一的美观界面还能再满足用户的需求吗？？
记得2007年在腾讯校园宣讲会上，腾讯公司向我们展示了他们将来的QQ聊天工具，全新的面貌，全新的交互，它和触摸屏技术紧紧结合让交互变得生动。让用户体验到操作这个软件的乐趣所在，而并非因为依赖他的功能（开始是球状，会随手在触摸屏上划出的轨迹而改变形状，交互起来非常生动。）
其实这些效果我感觉离普及将不再是遥远，iphon的问世,微软触摸屏电脑的推出，

就是预示着平淡的平面交互立体化情趣化的必然走向？？
然后我们再回到web上来，web将来会怎么样？？我想回答是肯定的，随着硬件设备性能的提升以及新技术的不断推出，当不再有技术上束缚设计师的大脑，一切都变得皆有可能时。web界面也将绝不会落伍于软件！！
这个时候就让我们开始想像如何将web在很好的展示信息的同时能融入更多的趣味性交互？
现在我们设计师想破脑门也不能落实到每个用户只能把大众作为为设计对象~~~至于“你”到底爽不爽我们不知道~~
假如我们不再强迫用户该这么做该那样做，让用户自己做一把交互设计师，把自己的Idea加入web交互中去。我们的web界面在你的浏览器上可以随你改变，按钮随你挪，信息板块随你拉，无用信息框的去留，一切有你决定，那岂不是更爽了。积极调动用户的DIY，这样也可以减少交互设计师的负担。呵呵~~
接下来的假如你说会怎么样？？（大家继续）。。。

Web可用性三大定律
一、 别让我（访问者）思考
二、 点击多次都没有关系，只要每次点击都是无须思考、明确无误的选择。
三、 去掉每个页面上一半的文字，然后把剩下的文字再去掉一半。

一、 别让我（访问者）思考

我们有时候打开一个网站，由于设计师太过强调视觉效果而不知从何点起，要嘛就是导航不清晰让访问者不知道自己处于网站的什么位置；要嘛就是本该出现的搜索框却怎么也找不到；页面应当突出的内容也没有标识；一些按钮的设计让人不能马上确定它就是按钮；一些虽标识出功能按钮却表达不甚准确让访问者需要花时间琢磨这个到底是做什么用的。凡此种种，这些在设计时没注意的小细节造成了访问者的厌恶情绪，耐心不好的自然立马点击关闭了页面，潜在客户也就这样流失掉了。

那我们该怎么办呢？其实也很简单——别让我思考，它意味着设计者应该尽量做到，当我们看一个页面的时候，它应该是不言而喻，一目了然，自我解释的。就像是商场里的指示牌，都能明确无误的标识出哪里有洗手间、哪里是紧急安全出口、哪层楼卖哪类商品。

别让用户思考的建议：
 1、这是什么网站（Logo）n
 2、我在什么位置（导航，面包屑）？n
 3、当页名称叫什么？n
 4、他们把**放在什么地方了？
 5、这个页面上最重要的是什么？n
 6、这个是否可以点击？n
 7、功能按钮名称表达正确吗？n

这本书还明确的告诉了我们三个关于用户实际上是如何使用网站的事实：

第一个事实：我们不是阅读，而是扫描

你是否有这样的经验：每当我们上网时就是在快速的寻找资料，但网络上的信息浩如烟海，我们当然没那么多时间去阅读所有的相关资料，只能通过快速扫描文章的大致内容来判断是否是自己需要的，是就保留，否就关掉，然后看下一个页面。

第二个事实：我们不作最佳选择，而是满意既可

你是否还有这样的经验：有时候时间紧迫，一旦我们发现一个连接，看起来似乎能跳到我们想去的地方，那我们就会很快点击它，实际上这不一定就是最佳的选择，但在设计不佳的网站上过多的花精力去做最佳判断还不如凭感觉查看的第一个页面来的感觉好，即使错了后退就行了。

第三个事实：我们不是追根究底，而是勉强应付

书里举了个例子：很多人会在yahoo的搜索框里输入url地址（例如：www.ebay.com）来找网站，这让我们这些搞互联网的挨踢精英来说实在是不可想象。虽然这可能是极端的例子，但说明用户已经习惯了某种方式的话就会一直这样使用，除非发现了更好的方法。这个时候如果你的网站能很好让用户容易找到自己需要的东西；更容易理解你的网站提供的服务；更可能引导用户看到你希望让他们看到的地方；那他们就会乐于经常去你的网站并成为老客户。

有了前面的介绍，你就会明白，页面设计应该是为让用户更方便的扫描而不是为了阅读。

如果用户们都是疾驰而过，那么，你需要注意以下5个重要方面，来保证他们尽可能地看到了一并理解了你的网站：

1.        在每个页面上建立清楚地视觉层次

a)        越重要的地方越突出：重要的标题要么字体更大更粗，颜色有区别，有留白或接近页面顶部。

b)        逻辑上相关的部分在视觉上也相关：例如一个分类就需要放在一个标题下并放在明显的区域。

c)        逻辑上包含的部分在视觉上进行嵌套：一个分类的标题出现在某本具体书名上，在视觉上包括书籍区域，因为该书属于这个大标题。

2.        尽量利用习惯用法。

中国的大部分网页设计中，导航都是在顶部的，而西方则喜欢放在右边（国内的有些论坛也喜欢放在右边）。

3.        把页面划分成明确定义的区域。

用划分明显的块来放置不同内容非常方便访问者扫描。

4.        明显标识可以点击的地方。

有时候网站上的链接颜色样式和正文是一样的，这就会容易给访问者造成困惑，链接样式应该和正文有明显区分。

5.        最大限度降低页面干扰（视觉噪声）。

有时候网站为了突出页面上的诸多内容，都分别做了视觉上的强调，殊不知都强调了，也就是什么都没强调，让访问者不知道什么才是最重要的。

二、 点击多次都没有关系，只要每次点击都是无须思考、明确无误的选择。

这里举一个大脚社区的反面例子，等我注册完成准备上传自己头像时，选择的是之前输出的GIF格式，但点继续后竟然没有任何提示，开始以为上传成功了。但跑到相册里一看什么都没有，然后再点回上传照片页面，仔细的看了第二行“大脚社区支持JPG和PNG等格式的照片上传”，这个“等格式”从常理说应该包括很常用的GIF啊，无奈又马上试了一下JPG格式的，这次到是有反应了，上传成功后直接跳到编辑信息页面。再次回到上传页面，又仔细的查看了“上传规则”http://footbig.com/upload/photos/rules 才发现了以下内容：

“另外就是，请不要上传操作系统自带的桌面背景、各种 logo 或者商标、影视截图（这类图片的绝大部分被用在侵犯版权的场合）、GIF 动画、证件标准照、泛滥互联网的各种所谓的美女图（一点都不美）和搞笑图（在我们看来一点都不好笑）、图片素材、签名档（所有支持签名档的论坛都是无聊透顶的）、带水印的等等具有低劣质量的垃圾图片。”

谁规定了GIF格式的图片就一定是动画形式，就算是动画形式，难道就不能是相机连拍后组成的GIF吗？！

即使你不能上传JPG和PNG以外的格式（BMP格式也不能上传）也不应该用“等格式”这样极易造成用户误解的语句。“上传规则”最后一句竟然还是：“我们注重用户体验，但是前提是你是否真的是我们的用户。” 前提是我真的很想使用你们的服务并成为你的用户，但事实上你们又没有完全注重用户体验，那我到底算不算是你们的用户呢？

三、 去掉每个页面上一半的文字，然后把剩下的文字再去掉一半。

有力的文字都很简练。句子里不应该有多余的文字，段落中不应该有多余的句子。同样，画上不应该有多余的线条，机器上不应该有多余的零件。
 去掉没有人会看的文字会有以下好处：

1.        可以降低页面噪声

2.        让有用的内容更加突出

3.        在页面更简短，让用户在每个页面上一眼就能看见更多的内容，而不必滚动屏幕

直接拿ucdchina.com上举的例子吧