2009年马上就要结束了,“用户体验”已成为上至领导老大下至我等平民百姓挂在嘴边的口头禅。

究竟体验是什么？体验好,但又好在哪里？以下列出国外Frank Spillers 作的2010年用户体验挂历，

加上阿石对09年各产品用户体验的理解加以点评，不到之处欢迎指正！

一月份 Intuitive（ 让产品具有让人产生直觉的）

直觉意思就是不需要理解。对一个产品来说，一个让人有直觉的产品是通过设计来满足用户期望的;对用户产品说直觉就是产品就如、自己期望的那样运行操作，而且她们也没必要过问自己为什么那样。

如QQ2009面板中个人信息面板中，空间、邮箱、钱包、邮箱上的数字消息提醒，一看就让人明白有新的、多少消息提醒，点击进去后直觉告诉用户回去哪里。

二月份 Sociability(让产品具有社交性的)

社交性给予了用户扩展社交交互和社交行为的方法.一个产品越具有高度的社交性,那么它也就越能够更好的将用户和社区联系在一起.社交界面可以促进用户状态、用户的归属感及群体解决问题的能力，而这些可以使得用户参与贡献、分享及共同进步。

如Slideshare是一家做Slide、PPT稿件上传分享的网站，里面有象twitter那样follow和发送短消息那样的社交功能。

三月份 Explicitness（让产品直截了当的吧）

条条框框是直截了当的死敌。产品给使用过程中的条条框框和逻辑能力要求会导致用户挫败感。”dumbing it down”的意思就是产品设计过程中要注意避免用户不知道你所知道的。

淘宝的站内搜索在之前阿石日志《站内搜索的演化——淘宝篇》中提到过，新版淘宝站内搜索给用户最大的观感就是直截了当的一搜就看到搜索结果，不像现在正式版中搜索到的还有一大堆筛选分类，搜索结果在类目多时第一眼看上去更像是分类器。不过这种直截了当的做法也可能引起老用户的反弹，如最近《万店签名！共同抵制淘宝的按“人气”排名》的帖子引起很大反响，其实淘宝站内搜索还是在A/B test，但A Test中已然在改动实际触犯了老用户的真金白银实际利益。

四月份 Context of Use(注意产品使用过程中的情境）

任何一款产品或者一组用户行为都“生存在”在一个独特的情境当中，这个情境是由产品所在的环境、企业文化、工作流程、产品设计情感、社会现象等各种因素塑造的。拥抱产品使用情境的设计吧，这样就能更加懂得什么样的用户什么时候需要她（产品）。

如豆瓣9点的根据用户上网时间情境的白天、黑夜模式自动切换

五月份 Personas(请关注产品的用户身份）

“用户身份”本意是拉丁语的“面具”。一个“用户身份”就是一个用户档案，抑或是一个具体用户、用户行为、用户期望和用户需求的快照。好的“用户身份”，植根于用户行为的深度观察和了解，用以帮助优化产品设计并对其追踪跟进，以及使产品设计更加体现真实的生活。

如新浪微薄的对名人推出的新浪认证小徽章，因为有真实，才会有用户努力追求真实。对比与139说客的“真实互联”，新浪的认证更容易形成用户层级，也富于可操作性。

—————到了2010下半年的分页符，转载请注明来自阿石的日志www.ashnotes.com——————

六月份 Task-Oriented Design（面向任务的产品设计）

一个面向任务的产品设计可以给予用户有益的产品功能点和特点，使得她们可以更加容易地完成任务（或一组动作流程）、更快的达到她们的目标和释放产品学习和使用过程中造成的阻滞感。

如京东的购物车流程设计，随着用户购买的进度区分购买流程的步骤，到了订单核对页，还可以点击进度导航往前一级回退，这个细节设计让人佩服，值得学习。

七月份 Progressive Disclosure(进度显示）

进度显示是一项连续界面过程中展示信息和动作交互设计技艺，用以避免用户感到不知所措。通过显示信息的进度，你可以向用户展示每一步的产品信息主要部分，这样可以帮助用户在使用过程中的发现她们平时不易发现的产品强大特点和功能。

如QQ软件安装进度展示，不仅显示安装进度， 还可以在安装过程中以简单、清晰图文展示新版推出的功能，在QQ版本屡创“新高”的09年这一招无疑是个很好的熨贴。

八月份 Pleasurability（令人心情舒畅的）

令人心情舒畅的产品会让人产生一种深度情感体验的满足感。越是让人心情舒畅的产品，它也就越能够从社交、生理及认知上满足用户，甚至是她们的价值观。用户会对一个高度令人舒畅的产品产生积极反应，甚至会“爱上”这款产品。

如身边的苹果控们热爱力推的iphone 3Gs,谁也不能否认“信乔布斯哥”的威力，谁说产品不能让人产生信仰？

九月份 Cognitive Overload(信息设计中关于认知的过度加载）

认知的过度加载描述了这样的一个情境：用户在海量信息中感到不知所措，以至于达到认知的极限。困惑、沮丧、神奇、甚至无助等用户使用产品过程中产生的阻滞感都是常常都是来自于认知过度加载。当用户抱怨道：“太多了”时，这其实就是用户对产品发出认知“被”过度加载的信号!

信息设计的认知过度加载实在是太常见了，一本《don’t make me think》道尽了信息设计过程出现的种种现象，著名的Krug三大定律也是解决这个问题的良方

十月份 Containership（UI设计中的集装箱理论）

“集装箱”讲的是相关类信息的视觉组合。只要有联系的信息都可以被组合或是在界面的同一区域看上去是组合的，或包含的。提供好的集装箱意味着提供可以将各种控制走到一起清晰的边界。例如，在产品设计过程中，一个表现为“局域性”的动作不能表现为和“全局性”动作。

如江苏移动首页“优惠与活动”中全球通、动感地带、神州行三个Tab切换，全球通的品牌色是蓝色，区块背景是全球通的logo，当切换到动感地带时，Tab标题的颜色也随之切换为动感地带的品牌色橙色，背景换位动感地带的logo。局域性有封装的“集装箱”，也有清晰的边界。

十一月份 Synch （让用户与产品一起同步心跳）

“同步”即在用户和产品之间存在的一种直觉合并的状态或者是“流”。产品和谐的运行在用户的工作韵律当中，例如产品以更少的错误、和用户在一起、以及和用户一起“心跳”。带有 同步感的产品设计会让用户产生一种“情感孽债”，而这种情感会帮助用户完成任务、强化用户的满足感以及提高产品的舒适感。

如豆瓣电台，用户期盼豆瓣算法可以向其推送好的歌曲，豆瓣算法也需要吸收统计用户的偏好（我喜欢、不在播放、跳过曲目）等动作，用户和产品各取所需，两者之间自然有一条一起心跳的“流”。

十二月份 Desirability (让用户对产品产生令人向往性)

“令人向往性”是指用户实际想要和需要的一个特点或一些功能点，这里不仅指的是她们需要这些，更是期望这些都在产品用户体验里面。可用性将目光聚焦于使产品使用变得更加容易，令人向往性呢这是和用户在一起想要、需要、以至一起向往。不管是可用性还是令人向往性，都是一个好的用户体验的必须，而令人向往性则须优先考虑。

令人向往性的产品今年非Google wave莫属，社交娱乐、即时通讯、团队协作集成到一个平台下无疑是一个平台级产品的梦想，也十分令人向往的。不过Frank Spillers本人在可用性与令人向往性的优先上，阿石认为值得商榷，给用户“画饼想像”的理念当然很好，如果基本的可用性不能达到要求，令人向往性则成了无本之末。

淘宝今天正式公测它的站内搜索.在“大淘宝”的思路下，之前风传淘宝会推出一款搜索引擎以和百度抗衡，但就现在发布的公测效果来看，淘宝搜索还是面向于淘宝的卖家和买家，而不是所谓的”通用搜索引擎”.也有人称是独立搜索，由于采用的是二级域名，我们依然可以将其称为站内搜索的升级版。由于上次在《谈谈站内搜索》中提到淘宝，通过站内搜索的易用性、信息设计方面对其深入探讨，分享给大家。

1 提升搜索易用性，挖掘技术也很重要

通过比较旧版的淘宝站内搜索，和新的升级版的淘宝站内搜索，会发现一些有趣的事情。例如以“魅族”关键词为例，旧版得出的结果为“在当前分类中共找到“魅族 ”宝贝1394件” ,而在新版中得出的结果为“找到相关宝贝27286件”。由此可见在搜索数量在新版比旧版“挖到”得更多。在精确性的比较上，旧版的搜索原理是在“魅族”其所属分类上进行检索，搜索前几项都是魅族的MP4产品；而在新版中出现的则是人气极高的M8，当然也是“装作用户”的我想要的。因此，在搜索的数量和精确度上，新版提升了原版站内搜索的易用性。另外对比二者的链接也有意思：

• 淘宝站内搜索旧：http://search1.taobao.com/browse/0/n-g,67enpzi——-2——-b–40–commend-0-all-0.htm?ssid=e-s1&at_topsearch=1
• 淘宝站内搜索新：http://search.taobao.com/search?q=%F7%C8%D7%E5

以上是以“魅族”为关键词作为搜索案例，能辨析出淘宝搜索的技术转变 ，如果对比于百度的链接，则淘宝的志向可不容小觑。
百度搜索：http://www.baidu.com/s?wd=%F7%C8%D7%E5

2 以用户为中心的信息设计

信息设计是是“人们对信息进行处理的技巧和实践，通过信息设计可以提高人们应用信息的效能”。站内搜索的目地是在纷繁芜杂的商品大海中找到用户心仪的那颗“针”，中间步骤是越少越好，前提是又不能丧失搜索结果的精确性。淘宝站内搜索旧版的搜索结果中首屏一般呈现不是搜索结果，而是杂七杂八的分类、筛选条件、以及淘宝商城的“横插一脚”，整个搜索结果的信息设计没有照顾“用户要看搜索结果”的核心需求，可谓是陷入了泥淖，大大降低了用户查询结果、“寻针”的效率。

新版不同，继承了旧版的布局，在砍掉过多分类、去掉过多筛选、对重要信息字段的信息设计，给人的感觉是清新、简单、易用，用户对搜索核心诉求得到了释放。如以下细节

• B区淘宝推荐类目、将相关搜索的智能推荐提到筛选区的位置之上加以强调，
• C区对人气TAB标签内容中用户关注的销量、运费、价格等信息的设计重视，淘宝商城以icon小图标的形式建议区分，而非以广告栏的形式既节约、有效利用页面区域，又能保证搜索的公正性；
• D区掌柜热卖虽然压缩了旧版的信息展示高度，信息集中、一览无余的同时，还提示卖家做“直通车”的广告，对卖家用户来说这样的信息设计也是个提醒作用。

（阿石备注：据腾讯科技，淘宝高管路鹏称不做竞价排名，要学Google那样在搜索结果右侧推出广告位）

3 对产品质量的谦卑，关注用户反馈

在现在互联网大行于世的“快速发布，逐次迭代”的产品发布模式，产品的变动在所难免，对应的对产品质量缺要求越来越低，在这一点尤其表现在对用户反馈的重视上。在新版淘宝站内搜索底部，一句“搜的不爽？！我要说两句”深获我心。看看淘宝自己认为不足的选项也很有意思，前四项都聚焦与搜索的精确性上，其次才是信息设计，再次是搜索响应速度，无论与否，这都是构成搜索用户体验的要素。

淘宝自从去年屏蔽百度爬虫，到今天的独立发展站内搜索，已经在实质上实践着站内搜索的演化，下一步该如何走？或许百度的框运算也可供其未来发展参考模式，欢迎阅读阿石前面写的《谈谈站内搜索》，敬请指正！

先给大家看看i-dong的游戏中心原型，如下图：

为方便分析对原型做了区域标注，如下图：

A区: 游戏内容区,包含了分类类目和类下各游戏名称。
B区：游戏玩家区，包含玩家账户、社交 、及系统设置和退出
C区: 游戏状态区，包括硬件设备运行情况、网络状态以及玩家登录情况

问题：

1 很显然A区是原型设计者重点突出的核心区，一是摆明这里游戏丰富，二是希望玩家一上来就可以挑选游戏，迅速进入游戏状态。但将游戏分类和游戏同区全部展示，以及健身类和益智类游戏循环滚动（无限制的）无疑分化了玩家选择。因为i-dong的手柄感应控制不像电脑的鼠标可以随意、快速选择，这一物理属性就决定了i-dong游戏中心在设计交互时必须平衡如何快速让玩家决策、选定自己玩的游戏而同时保持自己游戏的丰富性。

而玩家在选择具体游戏时，游戏区块会弹出”?”号让人不可捉摸，在场的云天同学也表示了质疑，因为我的选择是明智的，为何还要给个问号质疑我的选择呢？虽然设计者的初衷是考虑问号相当于帮助中心，有啥不明白的点击问号,她会告诉你。

2 B区和C区有同质化倾向、对各自区域功能定位存在逻辑混乱。B区的注销本意是删除账户，但这里的功能实际是退出功能，在文案设计时可考虑用“退出”代替让人感觉更平实。“已登录”很明显是玩家的登录状态，似乎更应该放在B区。同时“已登录”为何采用按钮形式且不可点击切换（如隐身？退出？），更让人感觉困惑,还不如直接去掉。

优化方案：

1 对A区即游戏内容区采用Tab形式，隔开分类类目和类内容，信息可寻性得以加强；同时增大各游戏区块，更醒目，方便玩家识别。将选中状态的问号去掉，或者用其他icon或“查看详情”等字样代替

2 简化B区，强调用户中心；将“设置”和“退出”剥离出来，并放置C区底部，强调“系统”概念,和左侧“系统”状态保持信息平衡

优化效果：

以上是用Axure制作的原型，有兴趣的同学，可以点击这里，查看效果….