接着说一说如何在Web设计中如何很好的实现以用户为中心的设计。就需要有一个基本的逻辑：即UCD是可以和软件工程一样，形成一套科学的方法论，并且需要有效地嵌入到产品设计和开发流程中。

我刚入行的时候把UCD看成一种偏感性的设计理念，我想很多人会跟我一样的观点。比如，我们能指出某个产品设计的不足和某个失败的交互，但这还只是凭借观察体验和一些思路得出的认知。但其实UCD是一们科学的体系。并且UCD已在ISO13407中有非常清晰的定义（同样的可用性在ISO9241-11也有明确定义）：
a) 用户积极的融入及对用户和他们的任务需求的清晰理解；
b) 用户与技术之间一个合适的功能定位；
c) 设计方案的迭代；
d) 跨学科的设计。

建立这个逻辑之后，我们聚焦到web设计上来。这里推荐的是Jesse James Garrett在《The Elements of Web Design》的经典web设计模型，非常理体系化。

上图的很多标识不够清晰，更详细版本大家可以点击这里查看。

Jesse提到了web设计的两条线：作为软件的web设计（Web as software interface）和作为超文本的web设计（Web as hypertext system）。前者是任务导向（task-oriented），后者是信息导向（information-oriented）。然后在两条线上有或者交叉或者独立的方法来演进。这个模型狂赞不止哇……

最后说说衡量UCD效果这个问题：用户满意度和用户推荐度。

1. 数据对创新没有价值，但是数据可以指导设计。之前互联网圈子就该不该听用户的话题有很多讨论。Keso早就说过不要听用户的。在我看，确实用户的很多需求不是用户自己说出来的，而是产品人员发现或创造的。同样的用户数据，不同的产品人员一定会有不同结论，最后不同的结论会输入到各自的产品。当然当转移到交互设计等环节的时候，用户的声音就需要放大，并灌输到产品中。

2. 对于调研报告和数据的分析要有技巧。前期需要调研开放性问题，先做定性调研，否则可能有大的缺漏。因为有可能我们设定的某些调研场景就是有问题的，比如一部商务手机在我们设想里的应用场景可能是office或者车上，如果我们都没有假设沙发或者床这样的场景，后期定量结果可想而知。

3. 用户做调研的心态和用户真正使用和购买的心态是不一样的。所以别把数据当宝贝，数据在那放着，关键是你如何从数据中得到恰当的反馈。当日还有这样一个案例：一部手机的用户报告显示，该手机的摄像头使用率非常低，于是该厂家决定取消摄像头功能，这样大大降低了用户的购买价格。而结果是， 没有摄像头的手机销量情况很差。为什么？因为用户填写数据报告的场景和用户购买的场景是不一样的。用户给你反馈了5个新功能，但是当你满足了用户所说的5 个功能的时候，用户可能反而不要了。

4. 数据报告是以前的东西，而产品是未来的产品。在互联网领域，数据报告和产品上线周期较短，问题较小。而从一部手机设计实现周期而言，通过数据报告得出需求，再到产品实现的时间差需要考虑。所以积累一些预期产品（PS 就像那些不会量产的概念车一样）。

5. 更多的了解数据分析原则，在产品评审中争夺话语权。亲身经历告诉我们产品需求评审和运营方案评审，没有这个是不行的。

6. 人人都要有产品经理的素质。发现很多企业的产品经理更多的是项目经理的角色。如果只是卡项目节点，关注时间节点，那么这个产品经理只是参与了产品生命周期的一小部分。这个是个老话题，我这里建议UI、ID、运营、市场都具备一定产品的素质，这样产品在前期开发和后期营销的衔接会更顺畅，产品才会更成功。

首页增加互动因素：可以看看这个例子：

番茄树首页的“番茄树每天都在成长”这个设计很赞，其实可以理解为网站twitter的updates。通过Social Media的方式实现互动。

友商网的首页的“可动”的区域有两个：一个广告位，一个公告。动态交互性不足。

当然还有就是变换轮播图片广告。资讯类网站及电子商务网站几乎每天都有变换的轮播图片banner广告。当然这个需要为市场、运营等的具体内容服务。除此之外就是专题、公告等等的更新了。

另外一个网站的动态变化是网站改版。改版在一定程度上会影响用户已经熟悉的一些操作习惯。改版的原因很多，不是本次讨论的重点。

1、内容策划。
在我掌管EDM之后，我极力将产品信息提升至重要位置，尽量淡化市场内容。新产品、老产品新功能属于Products信息，价格折扣信息属于Sales信息。但是Marketing内容应该淡化，我的观点很明确，用户不需要软文。（当然，营销类邮件和订阅类邮件的内容部署又有差别。）当然不管你内容多拽，一定要提供邮件的页面阅读地址及提供退订。

2、视觉设计环节与用户调研
详细见Saidy的设计与用户体验一文。

3、前端环节
满足不同邮件服务提供商、不同浏览器、不同邮件客户端对于前端工作是个挑战。本次EDM第一次强大的兼容了126、163、QQ、gmail、hotmail等众多邮件服务商。不过行距处理上还需要再改善。

4、发送阶段
邮件发送工具（这个东西可以提高效率，估计不少邮件Spam有更牛X的工具）；
发送时间（两封邮件相差6秒以上，运维同事反馈10秒为佳，这样可以保证EDM达到成功率）；
邮件服务器（多几台机器，过几个IP来发送，可以有效防止被当做垃圾邮件）。

5、结果反馈
整体发送使用时间（要知道超过10W以上的邮件数量，这个数量就需要考察时间与效率问题了）；
退信数量；
退信中各邮件服务商的退信比例。

其实这个项目很简单，需要协调各部门和各种资源，但是这些基本功一直不扎实。如果成为一家令人尊敬的公司，就要注重产品本身，注重用户体验，精力放在KPI上不靠谱。将职业规划定位在产品经理的我非常坚定的认为优秀的产品 + 社会化口碑营销才是王道。

说到这里，就突然想扯扯关于用户名登陆的设计了。Twitter的设计比较合理，用户名可以修改，而且以邮箱、用户名都可以作为登陆依据。其实如果仅仅以字母数字组成的用户名最为登陆依据，那么这个用户名应该算是用户数据库表里垃圾字段了。我现在比较倾向于Open ID、邮箱（或者手机号码）作为用户名。增加昵称的非主键字段，可以随时修改，即使重名也不受影响。想想原来的情况，注册某站点的时候，发现自己喜欢的用户名已经被注册了，于是不得不选择第二甚至第三种方案。结果导致用户名很容易被遗忘，然后只能翻箱倒柜从E-mail里找或者就此离开。现在越来越多的站点开始使用邮箱作为登陆名了，最好例证就是QQ。卓越亚马逊也已经是邮箱登陆了，但是在登陆的地方没有任何提示，细节地方没做好。这点支付宝的同学做的最早也是最到位的。看看支付宝的登陆入口提示：账户名(Email地址或手机号)

>>从邮件设计角度看：
1、提供退订地址。
2、提供邮件的网页版地址。比如明显处提供：邮件如不能正常显示请点击这里。这样对邮件样式可能错误的修正。（小朱请回答：现在我们发送邮件样式，是怎么绝对路径加载的，还是直接写在标签里的？）
3、邮件的宽度要窄。邮件宽度应该<800px，否则出现横滚动条，就囧大了。主流显示器分辨率为1024*768，除去各类邮箱界面和邮件客户端的sidebar（竖边栏导航），800px是比较保险的宽度。（啰嗦一句1024*768分辨率下，gmail给真正邮件的宽度约是600px，其余的约424px是边栏和adsense广告。）

>>从邮件制作内容看：
1、客户的响应邮件准确到位。比如会员在执行注册、购买、变更记录等操作时，邮件要发，而且要及时。
2、营销部门（价格策略）、市场部门（会员活动方案）、运营部门（会员积分体系）等需要协调协调邮件内容，邮件出口一定要单一。千万别你妈的几个部门分开发。
3、不要给会员发软文吹自己牛逼，发送折扣信息，通知积分兑换状况等等。比如，我是索尼单反用户，索尼月刊发布的内容基本是与单反有关的信息，索尼发布战略会的内容跟丫用户有啥关系，要以用户为中心。
4、针对不同级别的用户发送不同的电子邮件。 注册用户、购买用户、购买额度超过XX元的VIP用户、深度使用用户，邮件应该有针对性。不过需要建立在整站完善的积分体系上。

1、wordpress2.7第一次发布了官方中文版，地址在：http://cn.wordpress.org

2、wordpress2.7后台做了改动较大，而且中英文版本的界面稍有差异。

3、中文版本下wordpress弃用了顶部导航，第一次使用侧边栏导航。针对对越来越多宽屏用户，侧边导航栏已经越来越收到重视。但是wordpress2.7的边栏导航的巨变，改变了一致性，估计很多人会很不习惯这样的改动。

4、不得不说wordpress的侧边栏比较烂。比如如果你要调整“设置”的时候，发现左侧导航已经被拉到第3屏或者更低的位置了，我的建议是导航分类、二级导航等还需要继续精化。

5、整体wordpress2.7后台界面更紧凑，并预设了之前需要插件才能完成的功能，比如tags功能和Gravatar头像。

6、在找related posts插件的时候，发现了有道出品的一款wordpress相关文章插件。上周和同事也在讨论基于搜索引擎算法的相关性匹配对于内容为主的频道而言非常重要。所以赞有道一个（PS：我一直认为网易的用户体验团队是比较好的，可用性和情感表达都比较入味）。但是较多外部引用，站点加载速度会受影响。

2、系统站内信。很多站点都会用站内信来推送消息。白鸦最近以百度、豆瓣、5g的站内信为例做了一些分析。我也认为不要以自己的利益来给用户推送站内信。即时推送了站内信，也要提供“多选标记为已读”的功能。很多站点告知用户的唯一方式便是站内信，但是仍旧要慎用。其实相对于系统发送站内信，用户会更加喜欢用户见的站内消息交流。比如Discuz论坛站内信，是站点与用户，用户与用户之间私下交流的很重要方式。

3、EDM。99bill、淘宝、当当、20ju都会定期推送邮件。EDM也是一门营销的学问。推送什么内容，推送频率都应该有节奏。我个人是比较反感没有实际内容的邮件，烂邮件（比如节日邮件）没有正效果，反而会有负效应。内容 + 频率 + 去中心化是EDM的关键。

4、在线客服。QQ的互动状态其实就是最简单的在线客服。现在腾商已经可以做到在线视频客服了。中国人喜欢即时通讯，直接了当，很多站点利用的已经不错，比如新蛋中国。我个人是比较反感弹出。当然浮动也不是好方式，而且如果浮动也一定提供简单的关闭按钮。但是在线客服是用户主导，站点没有推送的主动权，不过这不正是以用户为中心么。

5、短信。alipay、招行的短信做得不错。短信应该尽量不要成为推送或者促销的渠道，否则跟之前的分众无线没有区别。之前收到深圳图书馆的还书日期提醒。但是因为开通港股账户，每天会定期收到招商证券的港股资讯，不够和谐，而且不知道如何取消。这个时候就已经演化为干扰。而短信干扰比其它干扰更令人产生排斥。

6、其它。最牛逼的例子莫过QQ推送新闻的方式。不过如果你不是QQ，千万不要乱来。

站点与用户的沟通，是网站粘性很重要的一步。但是如何做好，似乎是大话题。

1、Norman对于设计提出的六个重要概念：Affordances (受用性)、Constraints (限制)、Mappings (映射)、Feedback (反馈)、Visibility (可视性)、Mental Model (头脑模型)。

2、用户体验从产品交付那一刻就开始了，包括说明书、帮助文档等。

3、一致性，如果没有更好的理由，坚决不要破坏产品的一致性。

4、designer’s design model应该尽量接近user’s model。

最近参加了不少地面活动，非常遗憾的是没有参加小辛说起的用户体验年会。

表扬一下这个页面的策划。

今天正好看到了腾讯CDC的blog。CDC就是腾讯的用户研究与体验设计中心，Customer Research & User Experience Design。界面很不QQ。CDC的blog使用了wp，为什么使用wp，bottom下没有标识？这个角度看确实不友好。

白鸦在twitter说设计团队的blog越来越多，确实如此，收集了几个：
淘宝：http://ued.taobao.com/blog/
阿里妈妈：http://ued.alimama.com/
口碑：http://ued.koubei.com/
雅虎：http://www.yuiblog.cn/
阿里巴巴：http://www.aliued.com/
阿里软件：http://www.alisoftued.com/
网易：http://www.ued163.com/
友商网：http://www.kdued.com/
九天音乐：http://www.9skyucd.com/
____

UI：User Interface，用户界面，或者叫界面设计吧，或者粗糙点说就是设计。
UE：User Experience，用户体验。
UCD：User-Centered Design，以用户为中心的设计。

不得不承认，之前我和很多人一样是相对轻视前端开发和UI设计的。而偏重于对后台的操作系统、应用服务器、数据库到脚本语言。也是数月前，才从关注UE、UCD才开始关注UI和web前端的。前端开发跟用户最直接最感官的进行交流，所以很重要。最极致的应该是苹果，通常我们也总是先感叹苹果的UI，才会慢慢体验体验mac、touch等等。

关于前端开发，有以下几个体会：
1、页面要尽一切可能轻量级，提高加载速度。对于SaaS、电子商务类站点尤其如此，没有什么可以值得你牺牲速度。简单讲就是多用样式少用图。
2、关注标准，使用标准语义语法。
3、上下游协同，为可维护性做好准备。
4、Css+div > table。结构清晰，减少垃圾代码。

关于UE
1、法则：关注用户。举个例子：最近看到几个数字比例，据说宽屏成为主流，所以设计要切合更多用户。据说facebook左侧菜单于此有之间关系。
2、UE的根基应该是产品经理。
3、越来越觉得，这是个大话题。少看新浪新闻，多看白鸦、麦兜等blog。