zfben.com

良好网络广告体验的FACT法则

Fri, 30 Jul 2010 05:19:34 GMT

广告，已经成为在线生活的一部分，当我们关注网站和产品的用户体验时，广告不应该被忽视。

说起广告，不少设计师会眉头一皱：多少次，自己在设计时一个作品时，对每一个细节都力求完美：风格、布局、用色、对比、平衡……结果产品上线后，旁边有一个大大的广告位，充满声光电效果的flash动画让人无“语”伦比。

说起广告，在跟用户面对面的交流中，用户对广告虽然大都抱持一种理解的态度，但总免不了提到“广告再少点儿”的期望。

我们都有过被设计粗糙、广告满天飞的网站所折磨的经历，在大家的印象中，广告与用户体验总是以一种此消彼长的关系出现。但是，当广告不可避免地成为在线体验的一部分的时候，我们不应再简单地将它与体验对立起来，陷入在非此即彼的争论中，而应该更深入地思考两者之间的关系：如何平衡广告与用户体验的关系，如何提升广告本身的用户体验、如何通过广告提升网站/产品的用户体验，这些都是成功产品要解决的关键问题。

1.网络广告的分类和市场表现

关于网络广告的分类，并没有一个绝对权威的统一标准，很多资料提到的分类和描述都不一样，我们关心的主要还是常见的广告形式。

网络广告常用的计费方式包括

CPM（Cost Per Thousand Impression）：按每1000次广告展示进行计费。
CPC（Cost Per Click）：每点击成本，以点击一次广告进行计费。
CPA（Cost Per Action）：每行动成本，按广告投放实际效果计费。
CPR（Cost Per Response）：每回应成本，以浏览者的每一个回应计费。
CPS（Cost Per Sale）：以实际销售产品数量来计费。
CPP（Cost Per Purchase）：每购买成本，按产品购买行为进行计费。
CPL（Cost Per Leads）：以搜集潜在客户名单多少来计费。

近年来，网络广告（尤其是传统横幅广告）的点击效果不断下降，传统网络广告形式正逐渐被搜索广告、富媒体广告所取代。

2.网络广告研究的一些关注点和发现

网络广告的体验，应与广告和受众接触的整个过程相关。但以往研究主要关注“到达”和“注意”这两部分的效果。

现在对广告的研究，会更全面地考察用户与广告互动的整个过程：从接触情境（用户动机、模式和信息处理过程）到广告展现（类型、形式、要素），再到广告效果。而对广告效果的评估，除了关注用户的点击行为，还开始重视用户在接触广告的过程和结果中，有哪些认知和态度方面的因素，会对广告效果产生影响。这有助于我们更深入地了解广告和用户体验的关系。

Nielsen结合他人和自己的研究给出了十个最不受欢迎的广告设计要素，弹窗广告高居榜首。而其他包含以下特征的广告，也容易引起消极情绪和挫败感，用户可能会主动忽略：

干扰目的、打断操作
欺骗性质
侵略式
用户无法控制

另外，眼动研究揭示了一种重要的现象：横幅广告或看起来像广告的信息（例如红色的大字体）往往被用户忽略，也就是Banner Blindness。

3.良好网络广告体验的“FACT”法则

那么，如何对广告进行优化，以创造更好的在线广告体验呢？

可以尝试从以下四个方面着手：

①Form-形式

什么是好的广告形式？

与网站设计风格尽可能一致
内容相关、位置合适
富有创意和视觉吸引力
互动性
可预知操作结果

如何引人注意？

表达具体、直白
提供可操作的选择
与目的或当前主题相关
不像推销

最能吸引眼球的设计要素有哪些？

纯文本
脸部
身体部位
形似内容的广告

要注意些什么？

不使用弹窗广告
帮助用户识别、理解和快速定位广告区域
不要同时出现过多的广告类型
根据不同的页面的特点，在合适位置安排不同类型的广告
善用文字广告
提供个性化/定向/智能广告
建立并执行广告规范

总之，“形式”方面，要注意平衡和协调，玄妙之处就在于“像”广告与“不像”广告之间。

②Affection-情感

下面是苹果公司在NYT网站投放的一个广告组合：左栏是头发再生广告，右栏广告中用PC的人跟秃顶的广告演员在做眼神交流，而用Mac的人则跟顶部的苹果用户体验广告在做眼神沟通。一组简单的广告变得妙趣横生。

广告反映的不应只是赤裸裸的推销与被推销的关系。通过情感要素来打动用户，而不仅仅是骇人的感官效果，效果会超乎想象。比如下面的杜蕾斯广告：

总之，“情感”方面，要让广告容易被人接受，传递的不仅仅是商品信息，还有用户所关心的价值。

③Content-内容

提供有用信息，帮助用户完成任务

广告本质上也是一种信息，这些信息是否对用户有用，是否能成为他完成任务必不可少的一部分，决定了用户对广告的态度和互动深度。

跟踪历史浏览行为和兴趣推送匹配广告

让用户感觉到广告是与自己有关的（前提是用户不认为这触犯了其浏览隐私）。

提供用户真正关心的广告内容，如促销信息

将产品置于生活场景/真实情境中

广告之所以“太广告”，往往是因为脱离了我们熟悉的场景。在广告中提供真实的生活场景，或者将商品置于自然的情境下，效果会更佳。

总之，“内容”方面，提供有用的信息，让广告和用户能形成互动。

④Timing-时机

广告出现的时机重要吗？太重要了！过去我们往往会忽视这个要素。

用户在网络使用的不同态度和行为模式之下，对广告的接受程度可能存在差异：

就态度而言，以被动模式（如网页弹窗广告、电视节目中插播的广告）接触的广告容易引起反感；以主动模式（如订阅邮件广告、报纸分类广告）接触的广告容易被接收。
就行为而言，用户在目的明确的搜索模式下接触广告，会倾向于将其视为干扰因素而忽略；在随意的浏览模式下，注意到广告的机会则大大增加。

用户从进入网站到离开，会根据自己的目标完成一系列任务。在每一个小任务进行的过程中，用户的注意力主要集中在当前操作上，这时候如果强行插入广告，容易产生消极的体验。所以要注意分析用户使用网站/产品主要的任务流，不要在主要任务上打断、干扰用户。可以多采用一些间隙广告（Interval ad），任务节点广告（Post-task ad），情境辅助广告（Contextual Approaches），精准广告（Target Audiences），以确保不会在用户对内容的注意力处于峰值时受到广告的干扰。

总之，“时机”方面，尽可能根据用户目标，在恰当的位置、时机展示广告。

上面介绍的就是良好广告体验值得关注的四个方面：F-形式，A-情感，C-内容，T-时机。其实称不上“法则”，只是便于理解和记忆，取了“FACT”的名字。

广告与用户体验，是一个有趣且具有实用价值的话题，在这里抛砖引玉，希望听听大家的想法：）

#Marketing

@http://www.ued163.com/?p=1367

一些关于ipad的统计图表

Thu, 29 Jul 2010 06:39:18 GMT

截图来自于http://www.slideshare.net/forum4editors/mobile-future-of-newspapers

#Apple

@http://zfben.com/blog/一些关于ipad的统计图表

十个著名的思想实验

Wed, 28 Jul 2010 13:43:17 GMT

10．电车难题（The Trolley Problem）
“电车难题”是伦理学领域最为知名的思想实验之一，其内容大致是：一个疯子把五个无辜的人绑在电车轨道上。一辆失控的电车朝他们驶来，并且片刻后就要碾压到他们。幸运的是，你可以拉一个拉杆，让电车开到另一条轨道上。但是还有一个问题，那个疯子在那另一条轨道上也绑了一个人。考虑以上状况，你应该拉拉杆吗？（农民注：这个问题在“公平：怎么做才正确？”中也有涉及）

解读：
电车难题最早是由哲学家Philippa Foot提出的，用来批判伦理哲学中的主要理论，特别是功利主义。功利主义提出的观点是，大部分道德决策都是根据“为最多的人提供最大的利益”的原则做出的。从一个功利主义者的观点来看，明显的选择应该是拉拉杆，拯救五个人只杀死一个人。但是功利主义的批判者认为，一旦拉了拉杆，你就成为一个不道德行为的同谋——你要为另一条轨道上单独的一个人的死负部分责任。然而，其他人认为，你身处这种状况下就要求你要有所作为，你的不作为将会是同等的不道德。总之，不存在完全的道德行为，这就是重点所在。许多哲学家都用电车难题作为例子来表示现实生活中的状况经常强迫一个人违背他自己的道德准则，并且还存在着没有完全道德做法的情况。

9．空地上的奶牛（The Cow in the field）
认知论领域的一个最重要的思想实验就是“空地上的奶牛”。它描述的是，一个农民担心自己的获奖的奶牛走丢了。这时送奶工到了农场，他告诉农民不要担心，因为他看到那头奶牛在附件的一块空地上。虽然农民很相信送奶工，但他还是亲自看了看，他看到了熟悉的黑白相间的形状并感到很满意。过了一会，送奶工到那块空地上再次确认。那头奶牛确实在那，但它躲在树林里，而且空地上还有一大张黑白相间的纸缠在树上，很明显，农民把这张纸错当成自己的奶牛了。问题是出现了，虽然奶牛一直都在空地上，但农民说自己知道奶牛在空地上时是否正确？

解读：
空地上的奶牛最初是被Edmund Gettier用来批判主流上作为知识的定义的JTB（justified true belief）理论，即当人们相信一件事时，它就成为了知识；这件事在事实上是真的，并且人们有可以验证的理由相信它。在这个实验中，农民相信奶牛在空地上，且被送奶工的证词和他自己对于空地上的黑白相间物的观察所证实。而且经过送奶工后来的证实，这件事也是真实的。尽管如此，农民并没有真正的知道奶牛在那儿，因为他认为奶牛在那儿的推导是建立在错误的前提上的。Gettier利用这个实验和其他一些例子，解释了将知识定义为JTB的理论需要修正。

8．定时炸弹（The Ticking Time Bomb）
如果你关注近几年的政治时事，或者看过动作电影，那么你对于“定时炸弹”思想实验肯定很熟悉。它要求你想象一个炸弹或其他大规模杀伤性武器藏在你的城市中，并且爆炸的倒计时马上就到零了。在羁押中有一个知情者，他知道炸弹的埋藏点。你是否会使用酷刑来获取情报？

解读：
与电车难题类似，定时炸弹情景也是强迫一个人从两个不道德行径中选择的伦理问题。它一般被用作对那些说在任何情况下都不能使用酷刑的反驳。它也被用作在极端形势下法律——就像美国的严禁虐囚的法律——可以被放在第二位的例子。归功于像《24小时》的电视节目和各种政治辩论，定时炸弹情景已成为最常引用的思想实验之一。今年早些时候，一份英国报纸提出了更为极端的看法。这份报纸提议说，如果那个恐怖分子对酷刑毫无反应，那么当局者是否愿意拷打他的妻子儿女来获取情报。

7．爱因斯坦的光线（Einstein’s Light Beam）
爱因斯坦著名的狭义相对论是受启于他16岁做的思想实验。在他的自传中，爱因斯坦回忆道他当时幻想在宇宙中追寻一道光线。他推理说，如果他能够以光速在光线旁边运动，那么他应该能够看到光线成为“在空间上不断振荡但停滞不前的电磁场”。对于爱因斯坦，这个思想实验证明了对于这个虚拟的观察者，所有的物理定律应该和一个相对于地球静止的观察者观察到的一样。

解读：
事实上，没人确切知道这意味着什么。科学家一直都在争论一个如此简单的思想实验是如此帮助爱因斯坦完成到狭义相对论这如此巨大的飞跃的。在当时，这个实验中的想法与现在已被抛弃的“以太”理论相违背。但他经过了好多年才证明了自己是正确的。

6．特修斯之船（The Ship of Theseus）
最为古老的思想实验之一。最早出自普鲁塔克的记载。它描述的是一艘可以在海上航行几百年的船，归功于不间断的维修和替换部件。只要一块木板腐烂了，它就会被替换掉，以此类推，直到所有的功能部件都不是最开始的那些了。问题是，最终产生的这艘船是否还是原来的那艘特修斯之船，还是一艘完全不同的船？如果不是原来的船，那么在什么时候它不再是原来的船了？哲学家Thomas Hobbes后来对此进来了延伸，如果用特修斯之船上取下来的老部件来重新建造一艘新的船，那么两艘船中哪艘才是真正的特修斯之船？

解读：
对于哲学家，特修斯之船被用来研究身份的本质。特别是讨论一个物体是否仅仅等于其组成部件之和。一个更现代的例子就是一个不断发展的乐队，直到某一阶段乐队成员中没有任何一个原始成员。这个问题可以应用于各个领域。对于企业，在不断并购和更换东家后仍然保持原来的名字。对于人体，人体不间断的进行着新陈代谢和自我修复。这个实验的核心思想在于强迫人们去反思身份仅仅局限在实际物体和现象中这一常识。

5．伽利略的重力实验（Galileo’s Gravity Experiment）
为了反驳亚里士多德的自由落体速度取决于物体的质量的理论，伽利略构造了一个简单的思想实验。根据亚里士多德的说法，如果一个轻的物体和一个重的物体绑在一起然后从塔上丢下来，那么重的物体下落的速度快，两个物体之间的绳子会被拉直。这时轻的物体对重物会产生一个阻力，使得下落速度变慢。但是，从另一方面来看，两个物体绑在一起以后的质量应该比任意一个单独的物体都大，那么整个系统下落的速度应该最快。这个矛盾证明了亚里士多德的理论是错误的。

解读：
这个思想实验帮助证明了一个很重要的理论：无论物体的质量，不考虑阻力的情况下，所有物体自由落体的速率都是一样的。

4．猴子和打字机（Monkeys and Typewriters）
另一个在流行文化中占了很大分量的思想实验是“无限猴子定理”，也叫做“猴子和打字机”实验。定理的内容是，如果无数多的猴子在无数多的打字机上随机打字，并持续无限久的时间，那么在某个时候，它们必然会打出莎士比亚的全部著作。猴子和打字机的设想在20世纪初被法国数学家Emile Borel推广，但其基本思想（无数多的人员和无数多的时间能产生任何/所有东西）可以追溯至亚里士多德。

解读：
简单来说，“猴子和打字机”定理是用来描述无限的本质的最好方法之一。人的大脑很难想象无限的空间和无限的时间，无限猴子定理可以帮助理解这些概念可以达到的宽度。猴子能碰巧写出《哈姆雷特》这看上去似乎是违反直觉，但实际上在数学上是可以证明的。这个定理本身在现实生活中是不可能重现的，但这并没有阻止某些人的尝试：2003年，一家英国动物园的科学家们“试验”了无限猴子定理，他们把一台电脑和一个键盘放进灵长类园区。可惜的是，猴子们并没有打出什么十四行诗。根据研究者，它们只打出了5页几乎完全是字母“s”的纸。

3．中文房间（The Chinese Room）
“中文房间”最早由美国哲学家John Searle于20世纪80年代初提出。这个实验要求你想象一位只说英语的人身处一个房间之中，这间房间除了门上有一个小窗口以外，全部都是封闭的。他随身带着一本写有中文翻译程序的书。房间里还有足够的稿纸、铅笔和橱柜。写着中文的纸片通过小窗口被送入房间中。根据Searle的理论，房间中的人可以使用他的书来翻译这些文字并用中文回复。虽然他完全不会中文，Searle认为通过这个过程，房间里的人可以让任何房间外的人以为他会说流利的中文。

解读：
Searle创造了“中文房间”思想实验来反驳电脑和其他人工智能能够真正思考的观点。房间里的人不会说中文；他不能够用中文思考。但因为他拥有某些特定的工具，他甚至可以让以中文为母语的人以为他能流利的说中文。根据Searle，电脑就是这样工作的。它们无法真正的理解接收到的信息，但它们可以运行一个程序，处理信息，然后给出一个智能的印象。

2．薛定锷的猫（Schrodinger’s Cat）
薛定锷的猫最早由物理学家薛定锷提出，是量子力学领域中的一个悖论。其内容是：一只猫、一些放射性元素和一瓶毒气一起被封闭在一个盒子里一个小时。在一个小时内，放射性元素衰变的几率为50%。如果衰变，那么一个连接在盖革计数器上的锤子就会被触发，并打碎瓶子，释放毒气，杀死猫。因为这件事会否发生的概率相等，薛定锷认为在盒子被打开前，盒子中的猫被认为是既死又活的。

解读：
简而言之，这个实验的核心思想是因为事件发生时不存在观察者，盒子里的猫同时存在在其所有可能的状态中（既死又活）。薛定锷最早提出这个实验是在回复一篇讨论量子态叠加的文章时。薛定锷的猫同时也说明了量子力学的理论是多么令人无法理解。这个思想实验因其复杂性而臭名昭著，同时也启发了各种各样的解释。其中最奇异的就属“多重世界”假说，这个假说表示有一只死猫和一只活猫，两只猫存在在不同的宇宙之中，并且永远不会有交集。

1．缸中的大脑（Brain in a Vat）
没有比所谓的“缸中的大脑”假说更有影响力的思想实验了。这个思想实验涵盖了从认知学到哲学到流行文化等各个领域。这个实验的内容是：想象有一个疯狂科学家把你的大脑从你的体内取出，放在某种生命维持液体中。大脑上插着电极，电极连到一台能产生图像和感官信号的电脑上。因为你获取的所有关于这个世界的信息都是通过你的大脑来处理的，这台电脑就有能力模拟你的日常体验。如果这确实可能的话，你要如何来证明你周围的世界是真实的，而不是由一台电脑产生的某种模拟环境？

解读：
如果你觉得这听起来很像《黑客帝国》，那么你说对了。这部电影以及其他一些科幻作品，都是在这个思想实验的影响下创作出来的。这个实验的核心思想是让人们质疑自身经历的本质，并思考作为一个人的真正意义是什么。这个实验的最初原型可以一直追溯至笛卡尔。在他的《Meditations on the First Philosophy》一书中，笛卡尔提出了能否证明他所有的感官体验都是他自己的，而不是由某个“邪恶的魔鬼”产生的这样的疑问。笛卡尔用他的经典名言“我思故我在”来回答这个问题。不幸的是，“缸中的大脑”实验更为复杂，因为连接着电极的大脑仍然可以思考。这个实验被广泛的讨论着，有许多对于此实验前提的反驳，但仍没有人能有力的回应其核心问题：你究竟如何才能知道什么是真实？

#Thinking

@http://www.u148.net/article/24924.html

数据与理论结合，让交互设计更专业

Wed, 28 Jul 2010 04:27:21 GMT

Pay.taobao.com是淘宝卖家订购增值服务的平台，但该平台的可用性和操作体验欠佳，导致客服部门收到非常多来自卖家的订购服务咨询，压力很大，需要在系统层面解决此问题。因此发起了订购流程体验优化项目，对pay.taobao.com进行前后台改版。

图1：优化前的软件服务订购页面

图2：优化后的软件订购中心首页（原来无首页）

图3：优化后产品列表页

优化之后，客服部门反馈数据显示，卖家咨询量由40%下降到7%。为此，与大家分享项目的两点经验：

1. 如何利用数据指导交互设计

前期数据采集
上线后数据分析
用户反馈数据分析

2．良好的团队协作，提升UED话语权

与非UED同事协作
与UED同事协作

1.如何利用数据指导交互设计

1.1前期数据

知己知彼，百战不殆。常说为中间用户设计，只有熟悉数据，了解数据，才知道谁是我们设计的中间用户。通常，公司内部都会有数据部门，也会有后台系统。作为交互设计师，你应该有不少于业务线产品经理（PD）的内部权限，这样才能为设计和决策提供各种数据作为支持。

在制作软件服务订购中心时，我采集了以下几种数据

基础数据
包括原软件服务订购页面的PV、UV，订购的交易转换率，订购的成功率、失败率等数据。
业务数据
项目在规划好时，PD会事先知会交互设计师。然后PD会写PRD（需求文档），交互设计师在此时应开始准备调取部分相关数据，在本例中，调取数据如图4所示。此份定量数据非常重要，对于后期用研的介入、设计的参考都起了很大的作用。

图4 软件服务订购用户数据

服务订购量的人群分布

不难看出

软件服务订购主要由拥有X个（由于保密性，该数据不能透露）服务的会员所购买，核心消费人群为拥有X个服务的会员。
大多数会员拥有的软件服务数为X。

以上数据为前期设计提供了可靠的依据。访问量的多少、用户使用此页面的目标决定了页面的最后设计结果，以及设计该页面时投入的成本。同时，这些数据对于可用性测试的目标用户筛选，提供了明确的指导。

1.2上线后数据

“任务可被完成任务在无外界影响下可以被完成。”

《交互设计食用指南》使用指南总则 by 青云

要知道我们的用户任务是否可完成，就得监控关键页面：订购成功与订购失败页面。软件服务订购中心的一个重要指标是充值的成功率和失败率。

充值失败页面

我们来看一下上线初始的1个多月来，出错页面的访问量：

上线初始出错页面访问量

可以看到，在上线初期，用户支付的失败率非常高，我们来分析一下当时的页面流程。

第一步：输入金额，弹出浮出层

第二步：点击去支付宝付款

第三步：弹出支付宝页面，付款完成后在旧有页面点击任意按钮，判断支付状态。

看过此流程，大家不难发现，第二步有点多余，为什么不直接进入第三步呢？其实第二步的增加是为了解决支付失败率高。直觉反应应该是弹出层的问题，经过分析，一些浏览器会阻挡非用户主动激发的弹出页面，故用户点击充值后并未弹出支付宝页面，用户就疑惑了，并随意点击一个按钮，从而导致出错页面访问量高。

此处优化以后，错误页面的访问量有非常明显的下降。

1.3用户反馈数据

与用户对话，了解你的用户是咋想的，并逐渐的改进产品。与开发、PD、PM共同协商问卷想采集的数据后，再与用研同学合作，他们会整理出合适的题目。特别是一些设计中担心的小点，如页面载入速度、CDN速度等、信息架构等。这份在线问卷的入口放置在订购中心首页左侧。

打开后，是一份半开放、半封闭式的问卷。

用研同学会将这些数据整理好，并出具报告。内容包括定量与定性统计两部分。来自用户的一手反馈能证明团队的工作，还能为后续优化指明方向。

用户反馈文字很小

收到用户反馈字体很小。查看页面数据，发现软件订购中心的访问者中，大分辨率的用户是1024X768用户的2倍以上！于是他们做了专门的界面优化。

2.良好的团队协作，提升UED话语权

2.1从非UED的角度去分析问题（与非UED同事协作）

记得一位朋友讲过，要是两情侣吵架，闹得不可开交那种。你重复她的话，她来重复你的话，两人会觉得很搞笑，自然矛盾也就和解了。

生活如是，工作上也如是。运营、PD、前端、测试、开发要求的东西，你换位思考一下，也自然理解为什么了，也不会去瞎闹腾了。如果你没有这些职位的经验，多和PD、运营交流，类似行业的变身还是很容易。

掌握与PD\PM\开发测试人员沟通的语言

为了与PD、PM、开发、架构师更好地沟通需求，笔者在完成交互设计任务之外，还专门去了解了后台复杂的计费模型、产品定义模型，这样才能更好地了解什么功能能做到，什么功能不能做到，时，其他项目组成员才不会认为你是一个啥都不知道、只会空谈体验的傻逼。

这些底层知识，在原型设计时发挥了相当大的作用。

例如，通过了解预付费模型、后付费模型。在设计计费详单、续费详单时会更加清晰，能更清楚的向用户展现整个收费过程。

站在架构师的角度讨论体验

旧版的订购列表页面将所有服务罗列出来，操作中的订购按钮无论订购与否、一直有效。用户点击订购按钮后，根据用户权限判断进入订购页面或者错误页面。用户可能多次点击均返回错误页面，体验十分糟糕。

为了减少用户的不必要操作，在新版的订购中心，用户在浏览增值产品列表页时，订购与否的逻辑判断移动到该页面（进入产品详情页前），如果你没有购买权限，会在最开始就提示不能购买原因。同时，根据是否可续费显示续费按钮状态；根据是否可升级显示升级状态，并提示用户原因。

正是这样，提高了订购流程了满意度。减少订购中的咨询而增加了订购前的咨询。但页面需要根据每个用户的订购情况来分析应该显示的效果，架构师提出页面展现性能的担忧。该担忧是必要的。与前端交流后提出以下方案，并结合线上数据做分析：

方案1：页面通过后台计算好之后再返回。前端工程师无需任何工作，缺点是用户看到的页面时间会增加。列表页面是否针对每个用户做出独立计算，将其所有的服务状态读取出来。我们可以参考之前采集的页面PV数据得到以下分析：

请求量：?,000,000*1*40 = ?,000,000；不考虑网速的情况下，页面响应相比另一种方案增加200+ms。另外根据页面PV、UV数据，服务器完全可承受该压力。

方案2：页面渲染与服务订购状态异步渲染。即用户会首先看到整体界面，个性化软件服务状态在1S以内会根据用户具体情况调整。异步获取数据在淘宝的商品详情页面有使用，适用于页面量大，用户逐步接受数据页面。缺点是前端工程师需要增加额外工作。再者，如根据是否绑定手机来判断是否开放短信订购入口这些情况，计费系统本身无法判断，需要调取外部接口，开发成本异常高。故决定只枚举计费系统情况，覆盖了80%以上的权限情况。

综合考虑前端、开发成本，由当前页面PV等情况，最终选择了方案1。通过后续用户反馈入口收集到的数据：只有少量用户反馈访问速度慢。这次改进是有效的。

与运营合作

设计界面时，就想到营销手段。做产品列表页面时，想想运营的同事如何在这个列表上完成他们的营销目标？其实很简单，是大家也都能想到的，在超市里面看到特别需要促销的商品会贴上折扣的信息，于是利用UED的技能，为运营提供一些促销技巧。这不是特牛的事，但表达了UED的态度。大家合作也就非常愉快！

2.2与UED同事协作

作为一个平台，当其他服务接入时，我们通常希望其他交互设计师、视觉设计师能做出符合要求的图标。当该产品转交到其他人手里时，让他们理解你的思想，就CODING时候的注释一样，写在里面。方便他人，尊重他人，是为了自己得到尊重。因此，在我的原型里，除了页面，还加入了大量的注释。

文案说明，统一平台的介绍语言。

图标接入说明，为接入其他软件服务时视觉统一做准备。

模块规范，前端有了这个，思考全局组件时更轻松。

3.总结……

通过前期数据采集、上线后数据分析、用户反馈数据分析等方法指导交互设计，在与UED、非UED同事的良好的团队协作，最终提升了UED话语权。让交互设计师走向专业、品质、协同！

#UE

@http://ued.taobao.com/blog/2010/07/26/data-for-interaction-design/

我是如此得深爱着 ssh

Wed, 28 Jul 2010 03:31:03 GMT

ssh 绝对不不仅仅是类似 telnet 这样远程登录管理主机那么简单。下面的些技巧，或许可以激发起你对这个“老朋友”重新认识的兴趣。

有部分内容来自：http://derwiki.tumblr.com/post/841579929/how-i-learned-to-stop-worrying-and-love-ssh

建立 HTTP 隧道

如果你需要访问线上集群中某台内网主机，那么你可以这样

ssh -f -N -L 31609:192.168.0.1:80 remotehost

当运行完毕以后，打开本地浏览器访问 http://localhost:31609 端口，则可以获取 remotehost 访问 192.168.0.1 的 80 端口的数据。

反向 ssh 隧道

如果本地局域网无法访问某些站点，那么你可以利用你的 ssh 主机通过它去访问。你可以使用

ssh -D 8080 remotehost

然后设置代理为 localhost:8080 则可以通过 remotehost 访问制定的资源。

PS，如果你使用 Mac，并经常会这样干，那么你会喜欢这个工具。

直接运行远程脚本

ssh 其实可以直接指定运行远程主机的命令。例如，每次登录并查看线上的日志是件非常繁琐的累活。其实你可以使用下面的命令

ssh user@remotehost "taif -f /var/log/apache/access.log"

它会 ssh 登录以后直接执行指定的命令。这样我们可以构建本地脚本让其接受远程服务器的输出，做更多的事情。

压缩传送文件和目录

有时候不想开启 SFTP 工具传送文件，那么下面的命令会帮到你

tar cvfz - localFileOrDir | ssh user@remotehost 'cd /remote/path/to/unpack/ ; tar xvfz -'

这个命令可以自动讲本地的文件或者目录打包压缩以后，通过 ssh 传输到 remotehost 主机，然后 remotehost 会自动将其解压缩。

自动登录 ssh

最后个 ssh 技巧，上面的技巧的确是很实用，但是我们也受不了每次都要输入次密码。如果你的确厌烦了这些，那么尝试执行下面的命令：

ssh user@remotehost 'cat >> ~/.ssh/authorized_keys' < ~/.ssh/id_rsa.pub

这样远程的主机就会保存你本地的公钥，你就可以自动 ssh 登录远程主机（详细）。

顺便提醒：强烈提醒您保护好您主目录下的 ssh 公钥，否则您的帐户可能会面临风险。

还有些有用的参数

-C 这个参数可以将文本数据压缩传送
-X 如果远程服务器支持 X11 forwarding ，那么远程的 X 应用直接可以在本地显示运行（当然你本地要有 X Server）

各位还有什么其它好用的 ssh tips，欢迎不吝指出。

#Linux

@http://www.gracecode.com/archives/3030/

Ultimate Guide to HTML Emails

Tue, 27 Jul 2010 09:50:06 GMT

HTML emails is a great marketing tool, and if built good, they work great. In 2009 HTML email ROI was $43.52 for every dollar spent on it. If you are a freelancer be aware that sooner or later your clients will start asking for you to build HTML emails.

You might think that it’s not a big deal. Just a miniature HTML web page. But the difference from building HTML websites is that you aren’t building it to just a couple of browsers with very similar structure, but to 20+ email clients people are using. And believe me, they won’t swallow your code so easily. Each of them has it’s own particularities and that makes

HTML emails so hard to make. Below you will find 50+ tutorials, tips, resources, templates to get familiar with HTML email building.

Basics

1. How to Create and Send HTML Email

See pros and cons of using HTML email, and learn how to send HTML email in 7 easy steps.

2. 20 Email Design Best Practices and Resources for Beginners

Even for experience designers, building email newsletters isn’t easy. You receive a lovely looking design, and you crack on with the development. Unfortunately, it just doesn’t work as it should in every email clients. This is where these twenty best practices come in handy.

3. Getting Started in Email Marketing

Mailchimp, one of the most powerful email marketing tools, shares lot of useful articles with you. From designing and coding HTML email to deliverability and spam filter avoiding. You can also download Mailchimp’s Email Marketing Field Guide.

4. Campaign Monitor Articles & Tips

Campaign Monitor is an email marketing software for designers and their clients. You can find here great articles covering almost everything beginner can learn from, guides, email templates, plugins, and they even have their own email marketing book.

5. A Guide to Creating Email Newsletters

In this article, you’ll be able to explore common design patterns of email newsletters and learn which approaches work well, so that you’ll be prepared to create one for yourself and your clients.

6. The 10 Basics of HTML Email Newsletters

Here you will find 10 basic tips for putting together your own HTML email newsletters.

7. Design and Build Email Newsletters Without Losing Your Mind (and Soul)

This article gives you the information you need to plan, design and build an HTML newsletter that renders well and is actually useful to recipients. It’s a quick and dirty guide to effective email newsletters.

Tips & Advanced Tutorials

1. 10 Tips for Designing HTML Emails

If you don’t know anything about HTML emails, they’re annoying to develop and break all the rules you’ve ever learned as a web designer, but being able to code them is a valuable skill to possess. This article will look at ten quick and easy tips to get beginners started on the road to creating beautiful and functional emails.

2. 6 Easy Ways to Improve Your HTML Emails

Designing email newsletters sends you back ten years. Deprecated tags, tables, inline styling, oh my! This article lists six methods that will immediately improve your email layouts.

3. 8 HTML Email Tips I Wish I’d Known Sooner

The solution for designers who need to design HTML email is to create designs that work relatively consistently across platforms and email clients. This article shows you eight tips for making that happen.

4. Ensuring your HTML Emails Look Great and Get Delivered

Getting your email to look good is only one piece of the puzzle, so here are some recommendations on how you can improve the chances of your emails actually getting delivered.

5. 20 HTML Email Tips

This list of 20 best practises addresses critical issues in coding and design in three key areas: format, functionality and usability. PDF format.

6. Rock Solid HTML Emails

Useful tips and guides from David Greiner, the co-founder, of Campaign Monitor.

7. Tips and Best Practices for HTML Emails in Outlook 2007, 2010

For the Outlook 2007 and 2010 version Microsoft switched from the IE rendering engine to the Word engine, which is completely crippled compared to IE. Even if they switch to IE for 2012, we’ll have clients using 2007 and 2010 for years. So if you haven’t yet learned the ins and outs of designing emails for Outlook, now’s the time to learn!

8. Campaign Monitor Blog

Here you will find tons and tons of useful tips and tutorials on HTML email building from experts in this area.

9. Using CSS in HTML Emails: The Real Story

Some tips on HTML email writing and using CSS in them.

10. Tips For Your First Email Campaign

Here are some tips you should give to new customers who are sending their first email campaigns. Share them with your clients before you begin your next email marketing projects, and you might prevent more than a few headaches!

11. Email Subject Lines: 15 Rules to Write Them Right

Fifty characters could be all that stands between you and success in your next email campaign. Fifty characters is all the space you have in a typical email subject line to catch your reader’s eye and entice him to open your email and take the action you want. Look at 15 rules to make it right.

12. Smart Email Marketing

20+ useful tips to strengthen your email marketing performance.

13. Using CSS and HTML in Email Newsletters

Gere are Groundwire’s guidelines for creating successful email newsletters that will look good even in the worst email clients.

14. Create a Free Email Newsletter Service using WordPress

In this tutorial, you will be using WordPress and Feedburner with a few plugins to create a simple Email Newsletter Service for your WordPress blog. You can track the performance of your newsletter by checking how many subscribers you have, how many clicks each link gets and much more.

15. Build a ‘WordBurner’ Email Newsletter Manager using WordPress and FeedBurner

Similar to previous one, this tutorial will show you how to use your regular WordPress website combined with Feedburner to make a simple email newsletter manager.

16. How To Code HTML Email Newsletters

This article brings you up to date on How best to Code HTML Email so that it will display well in most email software. It provides an exhaustive overview of how to code HTML email newsletters with links to free HTML email templates, CSS compatibility tables, services that test your HTML email, and much more.

17. Create an Email Newsletter Template

This is a two-part tutorial first showing you how to create the template in Photoshop and then how to turn it into working HTML page. Go to the second part here.

18. How to code an HTML Email Newsletter

This step-by-step tutorial, is going to show you exactly how to code an HTML email.

19. Email Newsletter Distribution And Mailing Services: Guide To The Best Free Online Solutions

In this guide you will find the best free email newsletter distribution and mailing services available out there, as well as complementary information to help you identify and select your ideal one.

20. Top 10 Marketing Tips for Great Email Newsletters

If you follow these 10 small business marketing tips, you’ll be on your way to creating an effective email newsletter to help build your business.

21. Best Practices for Coding HTML Emails

This article features the most important things of coding html emails.

22. The Principles of HTML Email Design

This article is an excerpt from Create Stunning HTML Email That Just Works, focusing on the first principles of HTML email design. Read on to start learning how to design beautiful and effective HTML emails.

Templates & Resources

1. Starter HTML Email Templates for Your Email Marketing Campaigns

Here are four basic, flexible templates from Mailchimp that you can use to get started. They’ve been tested to render properly in all the major email programs, like Outlook 2007, Lotus Notes, Gmail, and more. Just download all the templates in one .ZIP file and customize any way you want with your favorite text editor.

2. Cake Mail Newsletter Templates

Choose from 6 basic and 15+ advanced templates for your HTML emails.

3. 30 Free HTML Email Templates

Getting your email to look great in all the major email clients can be a challenge at times, so the hard work has been done for you with these 30 free email templates. They’re tested in all the major email clients, so add your own content.

4. Excellent HTML Newsletter Templates – Best Of

Here is round-up of some of the best free HTML newsletter templates on the Internet you can download without paying a penny.

5. 35+ Free HTML Email Newsletter

This article is showing you a great deal about 35+ free newsletter email templates, where you will find some great design for our personal and business use if there is policy for use listed templates for commercial use, you must follow links website which providing us very much professional and beginner level newsletter templates.

6. Guide to CSS Support in Email Clients

This guide has been put together to save you the time and frustration of figuring it out for yourself. With 23 different email clients tested, this guide covers all the popular applications across desktop, web and mobile email. For the complete report on all 24 email clients across the desktop, web and mobile email world, download the complete guide in PDF format.

7. Email Standards Project

The Email Standards Project works with email client developers and the design community to improve web standards support and accessibility in email.

8. Premailer

For the best HTML e-mail delivery results, CSS should be inline. This is a huge pain and a simple newsletter becomes unmanageable very quickly. This script is our solution.

9. Email on Acid

Preview your HTML email in the top 18, most popular email clients. Though only AOL, Gmail and Outlook 03 is free.

10. Emogrifier

This utility deals with the problems posed by certain email clients (namely Outlook 2007 and Google Gmail) when it comes to the way they handle styling contained in HTML emails. Emogrifier automagically transforms your HTML by parsing your CSS and inserting your CSS definitions into tags within your HTML based on your CSS selectors.

11. Is Not Spam

IsNotSpam online spam checker was created to help you test email and newsletter content, and alert if it is likely to trigger spam filters.

Inspiration

1. Email Gallery

2. Campaign Monitor Gallery

3. Beautiful Email Newsletters

4. HTML Email Gallery

5. 30 Excellent Graphic Email Newsletter Designs for Your Inspiration

6. 60+ Inspiring Email Newsletter Designs

Software

1. Campaign Monitor

2. Litmus

3. Cake Mail

4. Emma

5. Mail Chimp

#Marketing, #HTML

@http://www.1stwebdesigner.com/tutorials/ultimate-guide-html-emails/

一个小老板的日常管理手册

Tue, 27 Jul 2010 09:05:11 GMT

日常管理书看得不少，讲座也听了一些，但那些IBM,HP等大公司放之四海皆准的管理方法到自己公司却用不上。本人在深感烦恼的同时，将日常遇到的问题和处理方法写出来与各位一起探讨，没准比教科书上的方法更为实用。

首先介绍下我公司：百人左右，成立十多年，年销售额几千万，问题几百个。

1. 小公司如何留住骨干：

这些年物价上涨，费用上涨，公司利润却未涨多少。每个员工都希望工资大幅增加，但估计90%以上小公司无法做到这点。有时我这当老板的恨不得将公司门一关，自己拿着资金炒股或炒房，图个清净。虽说近几年由于给每个员工上5险1金，人均费用每月增加几百元，但员工并不领情，员工只算每月到手多少钱，至于公司的支出与己无关。

既然无法让所有人都满意，我就只满足公司20%的骨干。

首先发展骨干员工入股：我将公司股份买一送一，半价销售给骨干员工，五年内退股只退还本金，五年以上退股我三倍赎回。每年拿出利润的60%分红。反正有钱大家赚，但股东一旦做了对不起公司的事，加倍惩罚，由股金中扣除。这招还真好使，在近5年里没有一个股东离职，而且公司重点岗位都有股东，省了我不少精力。

为什么不白送骨干员工股份?其实我并不是在乎钱，主要是白给的东西别人不珍惜，而且入股的钱又可作为押金，以防股东做出格的事，再说员工入股的钱不出5年即可通过分红收回，不投入哪来的产出啊.

2.关于授权

记得公司刚有十几个人的时候，全公司我最忙，经常同时接两三个销售电话，还得安排送货，结账，进货，每天来得最早，走得最晚。一次我弟弟到公司，看了半天，发表感慨说：“哥我怎么觉得你在养活公司所有人哪?”我当时还挺自豪。结果公司四五年也发展不大，一直十几个人，而且公司员工感觉备受压抑，无发展空间。后来终于明白该放权就得放权，哪怕员工只能做到你的70%。有时候真着急啊，明明能谈下的客户销售人员就是差那么一点谈不下来，恨不得立刻自己冲上去，该忍还得忍，要不手下员工如何进步。

小公司发展过程中15人是个坎，50人是个坎，200人又是个坎，管理方法不改进，一般无法进一步发展。老板事事亲力亲为的公司，很难过15 人。一个人能力强，可直接管理七八个人，能力一般，则只能直接领导四五个人。各个国家效率最高的部门就是军队，看看军队的组织结构：一个班十一二个人，除班长外还有一个副班长，三个班一个排，三个排一个连，以此类推。团长管一千多人，可能只认识其中百十来人。团长看见某个士兵有问题，绝对不会骂士兵，他只会骂士兵所在营的营长，营长则再骂连长，一级管理一级，最后班长把该士兵剥皮了事。所以军队尽管有千军万马，依然能做到令行禁止。

现在客户找我买东西，我经常说：“哎呀真对不起，价格我不知道，我给您介绍个销售人员，我让他跟您联系吧。”

3.有的钱不能省

刚创业时也就一两个人，自己销售，进货，维修，跑银行。当时没有注册资金，借朋友的营业执照。自己到外面学习了几个月会计就开始瞎做报表。月底到税务局报税，报表一交，专管员看了两眼，开始问问题。问的问题我根本不明白，更别说回答了。专管员一脸不高兴，问：“你懂不懂?”。我陪着笑脸：“不懂，不懂。”“不懂你来干嘛。换个懂的来。”“好，好，下次一定换个懂的来。”下个月我又瞎做了张报表去税务局报税。专管员显然对我有印象：“怎么又你来了?”我只好顺嘴胡编:“会计怀孕来不了，只好我来。”。“!” 。第二天我就找了个会计公司，一月300元钱，以后再不自己跑税务局了。一直到公司十几个人，我仍然让会计公司做账，公司只有一个出纳，没有专职会计和库管。随后几年业务开展的不错，没少挣钱，可年底公司帐上资金却没增多少。后来我发现公司只要一过十个人，老板一人根本看不过来，整个公司就像个筛子一样，到处都是洞，能剩下钱才怪。指望公司员工都是焦裕禄和雷锋，门都没有，哪怕提成给员工70%，他还会惦记剩下的30%，傻瓜才不贪污。只有制度健全，让心数不正的人无懈可击，才能管好公司。感谢我现在的会计，工作极为负责。下辈子再办公司，公司只要有4个人，一定是一个老板，一个会计，一个出纳，一个库管，打死再不省那点钱了。

4.隔行不挣钱

这句话放在90%的公司身上是对的，当然，如果您觉得自己是那剩下的10%，也不妨一试。

一般公司只要能坚持个三五年，挣了点钱，老板就开始琢磨再干点什么。大部分人总觉得自己的行业不如别人的行业挣钱，很不幸，我就是其中一个(我觉得自己的经历整个可编个小企业错误大全)。上世纪末，脑袋一热，开了个饭馆，从此厄运开始了。当初本人觉得自己销售方面颇有天赋，开饭馆肯定没问题。谁知这该死的饭馆光有销售根本不行，做的不好吃别人最多只来一次。本人不好吃喝，也没耐心和大厨琢磨新菜。而且开饭馆不光进货结账，卫生防疫，工商公安样样要跟上，起早贪黑累的要死，跟开公司不一个路数，本人实在没耐心，找了个公司部门经理去负责，管得一塌糊涂，半年赔了几十万，关门了事。现在谁再跟我提开饭馆我跟谁急，去饭馆吃饭行，别的一概免谈。

如各位有兴趣要开饭馆，一定先想明白以下几点：

A: 你是否能起早贪黑吃得了苦

B: 如是接别人转让的饭馆搞明白上家为何转让(不可只听一面之辞，一定在该饭馆蹲两天)

C: 饭馆租金，人员开销等费用核到每天每张桌子是多少钱，饭馆定位，面向什么层次客户，一天能翻几次台，平均每桌消费多少，毛利率多少，是否能赚回来(一定要掰着手指头算好，不行连脚趾头一块上，否则赔死你)。

D: 附近的工商，卫生，公安，地痞流氓你是否搞得定。

E: 停车问题。

F: 找大厨。找着后如何管理，是后厨承包还是流水提成?

G: 你老婆是否愿意做采购或找个向你老婆一样对你忠心的人做采购。

H: 饭馆服务员可得管吃管住，而且工资近期增长很快，预算要留出富裕。计算不好你就只能剥削你自己外加你爸你妈你老婆。

5.关于招聘

这些年没少招聘，几年前最多时我一下午面试五六十人。刚开始没有经验，每回招人都找最好的，工资一千多的售后服务岗位经常招名牌大学本科生，英语过四级。后来发现，招来人根本留不住。本来简单工作的岗位中专生完全能够胜任，找个本科生双方都不合适，只是在写公司简介时方便吹牛。另外面试时应聘人员说的话不可全信，有时对方刚失去工作后比较失落，为得到新工作，他们什么都敢承诺。某次公司招聘商务，岗位工资定为两千左右，一个女孩投简历面试，本科学历，3年工作经验，上份工作工资在两千五，我问她这次工资比上份工作工资低，能否接受。她毫不犹豫表示没问题。由于她比较适合商务职位，我就录用了她。半个月后，前任商务和她交接完离职后第二天她也离职，理由居然是工资低，搞得公司非常被动。再次招聘我招了个原工资一千五百元的女孩，现在还在该岗位，不但干得好，而且对工资也很满意。大部分人对待新工作职位及待遇都是只能上不能下，能上能下的人太少了，邓小平应该算一个。

招人的经验是：宁可漏过一千，不可错招一个(源于历史上某个著名人物语录)。据我的经验，公司招聘如低一档用人，高一档发工资效果比较好(也就是招三流的人才，干二流的工作，发一流的工资。当然，以上一流三流都是相对的)。招聘时应不嫌麻烦，仔细核对应聘人员身份。去年我公司连续发生两起新员工携款潜逃事件，打电话找人时对方有恃无恐：反正我应聘时的身份证学历证家庭住址都是假的，几千块钱警察都不管。别说警察还真不管。现在招聘，本地人公司都一一核实，外地人一律要有本地人担保，弄虚作假者一概不要。从此再无类似情况发生。

对于下岗职工我个人有一定偏见。大部分下岗职工，特别是岁数稍大的国营单位下岗职工基本上牢骚满腹，觉得社会对他不公，而且把不满情绪及原单位的种种不良习气都带到新公司，觉得公司给他什么福利都是应该的，别人都欠他的，很难融入新公司，踏实肯干的占少一部分。大概私营企业不适合下岗职工吧。此外亲戚朋友能少用就少用吧，这个话题以后我还将涉及。

6.老板尽量唱红脸

每天公司里总有很多事发生，有的应该表扬，有的应该批评。批评和表扬到底该由谁来执行呢?

刚干公司时，找不着当老板的感觉，平素又最烦管人，所以员工有什么问题我很少说。结果公司员工自由散漫，谁也不服谁，工作无法开展。后来觉得再这样下去实在不行，于是开始板起脸管人，这下新的问题又出来了，公司里几乎所有的矛盾都集中到我和公司员工之间，经常有员工当面与我理论是非曲直，这老板当的真郁闷，而我又实在不想当一个声色俱厉的管理者。后来与日本企业接触多了，发现不少奥秘。日本公司总经理很少骂公司普通员工，对公司底层员工可和蔼了，但他经常当着员工的面训斥公司中层干部，而普通员工犯错误则由该员工的直接领导负责处理，当然月底发工资时总经理心里可不含糊，这样公司不仅管理得井井有条，而且员工心里也比较平衡。

他山之石可以工玉，说干就干，咱公司不大，好歹也有几个主管。于是开会明确职责，谁的手下出问题谁自己处理，别什么问题都往我这推。平常我一般只表扬好人好事，鼓励为主，而主管自身犯错时我也很少当众批评，通常是私下交流。时间不长，公司管理顺畅了，我在公司里的形象也大为改观，员工更尊敬我了。

有时觉得，老板对于公司有点像古代皇帝对于国家。如果皇帝很贤明而大臣很昏庸，老百姓通常觉得国家还是有希望的，大不了清君侧，换个大臣了事。而如果皇帝很昏庸，则老百姓通常觉得这个国家没希望了，开始琢磨造反改朝换代。咱当老板总不能让公司员工揭竿而起或用脚表态一走了之吧，既然主管和部门经理享受着公司岗位津贴当然应该为老板分忧，该唱黑脸作恶人时就应当仁不让，而老板一般应保持一个超然的态度，置身于事件之外，旁观者清吗。不过部门经理需要支持时，只要不是原则性错误，我通常态度鲜明予以支持。

7.公司里的亲戚

这个问题，我只有教训，没有经验。还好，老婆工作单位一直不错，世界500强，对我的小公司没什么兴趣，因此公司刚成立时，我根据平时耳濡目染的各类情况，决定尽量不用亲戚朋友。后来公司到一定规模时，外地一个长辈打来电话，说她儿子(也就是我表弟)毕业一年，在当地我们这个行业的一个小公司当业务员，收入不是很高，希望来北京发展。我这个亲戚家庭比较困难，其中一个孩子因为特殊情况无法上班，而要来北京的这个表弟我原来见过，现在十**岁，相当聪明，当时想公司正缺人，用谁不是用，因此我爽快地同意了。

表弟刚来北京时，吃住都在我父母家，年轻人和老年人生活习惯不同，搞得我妈经常找我抱怨。过了一段时间，我将其安排到公司宿舍，算是解决了问题。表弟人很机灵，又会来事，几个月时间就完全适应公司环境，而且在部门里业务完成的很好，提成总在前几名。后来我发现，表弟经常在公司里表白自己的特殊身份，对同事吆五喝六，公司其他员工反响很大。为此我找他谈过几回，他都表示一定改正，不过收效不大。转眼一年过去，表弟在这个行业里已经如鱼得水，挥洒自如。这时，表弟找我说他在老家有几个同学，又聪明又可靠，希望带过来一起在公司发展。我想这是好事啊，来吧，照单全收。麻烦开始了。

表弟和他的几个朋友吃住都在一起，相互之间只说家乡话，公司里除了我谁也听不懂。而且他们虽在不同部门，但被部门主管察觉他们相互勾结挣黑钱。表弟非常聪明，他散布说公司股东之间有矛盾，他是我这一派的，让他的直接主管不要站错队，否则后患无穷。公司不少员工真被他唬住了，过了一段时间，问题才反映到我这来。公司对待此类问题一向是第一次罚款警告，第二次开除。我和表弟谈了一回，他拍胸脯表示绝不再犯类似错误。没过一个月，又有部门主管向我反映表弟的小团伙在干黒活，而且不但不避讳其他员工，甚至鼓励其他人一起干。我真的很为难，再不管该养虎为患了，我还指望公司做强做大，让一起创业的股东老有所依呐。长痛不如短痛，一咬牙，我将表弟和他的小团伙陆续请出了公司。公司业务为此震荡半年。

表弟靠着从公司带走的客户，现在还在这个行业做，每年也挣不少钱还买了车。

亲戚朋友能不用还是不用吧，否则最后亲戚朋友也没得做了。

曾经听过其他公司老总讲他在公司做大后如何对待亲戚。他的五六个亲戚在他创业时不计得失帮他干，做大后亲戚跟不上公司发展步调，且占据高位不好管理。这时，他采取牺牲钱财保全亲情的方法：岁数大的给一笔钱帮其另外创业，岁数小的公司出钱送到国外留学并负担所有开销，读成MBA后帮其再找工作从而顺利解决这一棘手问题，高!

8.当老板和开车

去年回老家，坐一个亲戚开的车。亲戚刚拿本没多久，属于实习司机。一道上马路又宽又直，司机的手却在不停地动，左一下右一下，车也在画龙，我坐在副座上，心里很紧张，系上安全带，嘴里话也少了，脚下直使劲，旁边车道上的车不停地在按喇叭，还好，最后终于安全到达。回想十年前自己刚拿本时，已是老司机的弟弟坐我的车也提过同样问题，当时自己信心很足，根本不理解坐车的人怎么会有这种感觉，现在方才明白。

总结自己开公司，也经常犯类似的错。政策朝令夕改，看见别的公司有什么新章程常常一拍脑门拿来就用，过段时间发现效果不好又推倒重来，弄得公司员工无所适从。原有的提成奖励方法有的已经很好，经过实践检验较为合理，员工也认可，偏偏听完什么专家讲座或看完某本管理书后，不经过深思熟虑并结合公司实际情况进行改造照搬照抄，立刻重新制定政策，结果会计抱怨不好操作，员工抱怨政策不合理，一通折腾后又改回原样。

现在常想，办公司和开车很像，老板就好比驾驶员，车在路上跑，只要在本车道的两条白线内就OK，不必时刻调整方向盘，否则司机累，乘客累，车还画龙易出危险，费力不讨好。同样办公司只要公司运营在可控范围内不犯大错，政策就应稳定执行，保持连贯性，让员工心里有底。小公司老板权力集于一身，缺乏监督，制定政策更应该小心谨慎，不然公司总在调整，员工缺乏稳定感，不跑光才怪呢。想想当初邓小平为什么承诺香港回归后体制50年不变。

#Management, #Startup

@http://hugo.wutongshu.org/post/421.html

Web UI 设计资源

Mon, 26 Jul 2010 09:44:36 GMT

每个 Web 设计师都在 UI 设计上费尽了心血，即使这样，资源的匮乏，视野的狭窄，也常常让他们的呕心沥血之作并不为人看好，事实上，UI 设计并不需要闭门造车，很多 UI 元素是通用的。本文收集了 20 套非常前端的 UI 元素库，它们多数是可以后期修改的 PSD 或 SVG 版。

Modern Web UI Set (.psd)

这套 UI 库包括了从按钮，到渐变，到文字各种 UI 元素，非常整齐地存放在不同目录下，由于是 PSD 矢量分格式，里面的任何元素都是可以修改的。

Massive Web UI & Button Set (.psd)

这套 UI 元素库包含3种风格，水晶，渐变色，单色，渐变色还包含7种颜色组合。

Web UI Element Pack (.psd)

包含 19 个 UI 元素，从加载进度条，到按钮，到页码，到滑动条。

Web UI Wireframe Kit (.psd)

这套 UI 库中的元素全部基于 Photoshop 矢量图案。

Browser Form Elements (.psd)

如果你想设计浏览器，会发现这套 UI 很有用（设计浏览器在国内很时髦，是不是）。

Web Page Elements (for Omnigraffle)

这套 UI 库几乎包含了全部常用 Web 元素，Header，表单元素，图标等等。

Wireframe Kit (Google Drawings)

这是一套用于 Google Drawing 的 UI 库。

Sketching & Wireframing Kit (.ai, .eps, .pdf & .svg)

这是一套用于原型草图设计的 UI 库，包含的元素有表单，图标，指示器，反馈消息，工具提示，导航元素，图片框，内嵌视频，滑动条以及广告 Banner，包括 Illustrator 和 SVG 两种矢量格式。

Wireframe Symbols (.ai)

这套 UI 包含一个 Illustrator 符号库和一个 Illustrator 文件，可以用来创建设计原型。

Yahoo Design Stencils (.xml, .pdf, .svg, .png and Omnigraffle)

Yahoo! 为 Web 设计师们贡献过很多好东西，包括著名的 YUI 框架，还有这套 UI 元素库，包括广告单元，日历，图表，表单，网格，菜单，按钮，导航等等，提供多种矢量和非矢量格式。

Ext JS v3.0 Stencil (for Omnigraffle)

这是一套用于可以著名 JavaScript 框架 Ext JS 的 UI 库。

165 Vector Icons in 5 Colours (.ai, .jpg and .svg)

这套来自 Liquidicity 海量图标库包括 5 种不同配色。

Flex 3 Stencil (for Omnigraffle)

这套流程图 UI 包含 Flex 3 风格的面板，表格，按钮，链接，菜单，滚动条，手风琴式菜单，选项卡等等。

Twitter Widget Stencil (for Omnigraffle)

Twitter 相关的 UI 图库。

Web Designer Toolkit (.psd)

这个 PSD 格式的 UI 库包含非常整洁的 Web 元素库。

Facebook GUI (.psd)

大名鼎鼎的 Facebook UI

Facebook Applications (Omnigraffle)

如果你要创建 Facebook 应用，这套 UI 库非常有用。

Web Elements Kit (.psd)

这套 Web 元素库包括 17 个模块，每个模块包含四种配色。

Flex Darkskin UI (.psd)

漂亮的 Flex UI 皮肤。

WEB UI Treasure Chest

非常值得收藏的 Web 元素库，卷边效果很漂亮。

来源：speckyboy.com 20 Free Web UI Element Kits and Stencils

#UI

@http://www.comsharp.com/GetKnowledge/zh-CN/It_News_K1005.aspx

用色彩打造专业的视觉效果

Fri, 23 Jul 2010 07:37:07 GMT

上周看到这篇文章,很有收获.色彩的使用无论是在网站还是工作各个环节的沟通都很重要.好的色彩可以让用户更舒服,更愉悦,同时营造更好的气氛.但同时很多问题需要在产品设计环节就该解决,否则会遗留到视觉设计并且无法解决.这篇文章讲了很多基础理论和具体的方法论,尤其喜欢这种文章,翻译出来…

PS:文章很长,要有心里准备…

原文地址: http://www.webdesignerdepot.com/2009/12/how-to-get-a-professional-look-with-color/

是什么能让一个设计看上去是协调的,有条理的,专业的?答案是”色彩”.

不是所有的项目都要用那种浅的”公司蓝”(corporate blue)才会看上去很专业.色彩规划(planning color)就是建立一个描述有哪些色彩可以用以及如何使用的框架.

色彩是最难办的设计元素.“好”的色彩是像个人口味和感觉一样难以把握的,而且还有诸如对比度,显示器校准等技术上的限制因素.

但是对于内容来说,色彩是至关重要的.如果你认为一个网站很重要,值得花时间来完善,那么用户通常也会认为它很重要,会花时间来读.选择好的色彩就是为了达到这种效果.

在本文中,我们会回顾一些用来给你的Web设计建立漂亮的调色板的技术.

如果想让网站看上去是没有条理(unplanned)的,最好的办法就是随机选择颜色.

即使当用户第一次浏览网站的首页时,色彩也会影响到他们对于内容的态度.这个网站会让人兴奋吗? 可信吗?大胆吗(daring)?乏味吗?有政治倾向?很正式的吗?

跟印刷制品一样,色彩会影响人们对所见到的信息的理解.

找到合适的色彩并不容易,但是整体过程还是有迹可循的.

好的设计策略会包含一个配色方案(比如为了传达信息和营造氛围,色彩的可选范围.)以及这个方案的具体安排.

让我们假设你需要设计一个专业的网站.(当然这个很有可能演变成一种喝酒游戏(drinking game):要吗是客户要求网站是”专业的”,”简洁的”或者”现代的”,要吗就是”我喜欢这个网站,扒下来.”)

配色方案取决于网站的特点.比如,银行和花店的网站看上去都会很专业.

但是人们可能不会喜欢在一个”公司蓝”或银灰色的网站买花.或者想象一下美国银行的网站变成紫色和黄绿色.

一个”专业”的设计会让用户觉得,这个网站是很严肃正规的展示它的主题,即便主题可能是很轻松的.无论哪种色相(hue)还是色值(value),“专业”都意味着是协调的,有条理的,经过深思熟虑的.

使用灰度

与色彩工作的最好方式就是从没有色彩开始.

将设计中的色彩移除之后可以暴露出问题的根本原因,而这些问题在开始考虑哪种黄绿色的色度(深浅)更好看之前就该去解决.如果设计在黑白效果下就感觉不好,那就需要做一些改变了.

每个页面是否都有清晰的目标?设计是否能引导读者读完全部的内容?内容是引人入胜的,鼓舞人心的还是客观的传递信息?标题清晰吗?文字链是否与其他文字有对比?色彩可以加强这些效果,但是布局,样式和组织中的问题都无法单纯的通过色彩就能够解决.

如果要重新设计,请先去掉颜色.这个简单的去色行为真实的展示出网站的立足点.(事实上,重新设计应该开始于重新评估你的目标和内容,不过这是另外一个故事了.)

有时,去掉色彩本身就是一种解决方案.

我曾经跟一个网站设计公司一起工作,重新设计他们的网站.对于这个项目,他们是很挑剔的,希望能更好.但是如果你认为为你自己设计很难,试着与小组一起解决.在项目结束前,下班后我们之中的三个人一边喝着酒一边看着第九稿设计.

我突然的把photoshop的图层都合并,然后点击”去色”把紫铜色和蓝色的设计稿变成黑白色.让每个人都惊讶是,它起作用了.

那周结束之前,我们用红色强化后完成了一个”暖”灰色的设计.当先前的客户开始赞赏这个新的设计并且接到更多其他的客户电话时,我们知道我们成功了.

用Photoshop的斜视滤镜来测试你的配色方案.

用网站至少三个页面做截图.在Photoshop中打开
每个截图都复制一下背景图层
给新的图层做一下10px左右的高斯模糊
使用图像->修改->色调分离.使用8到12之间,或者使用滤镜->像素化->马赛克.使用15到30像素

这样可以看到真正的主色调.整个配色方案,用的越多的颜色,那个颜色在用户的印象中越重.

曾经网站的布局和组织过去都没有色彩,现在是时候来选一个调色板了.但是选哪个?用多少?

调整你的色相

色彩具有三个属性:色相,饱和度,色值(有时会叫做明度)(译者注: 想深入了解的话可以读这个:关于颜色的基本理论)

饱和度是颜色有多浓:霓虹灯效果的颜色就是饱和度很高,而蜡笔的颜色就是饱和度低一些.

色值表示了颜色有多亮(比如,与黑色或者白色有多接近)

色相决定了色彩属于彩虹的哪个部分,比如红色或者绿色;这个就是人们容易出错的地方.

不协调的色相可以很容易的K掉一个配色方案.一个设计可以用一种色相的上百种不同深浅的颜色,从蜡笔到霓虹灯,看上去仍然是有条理的.但是如果色相使用错误的方式混合在一起,整个配色方案就会混乱了.

避免不协调色相的一种办法就是使用第三色来分隔.黑色,灰色或者白色的缓冲区是最安全的,因为灰色系是中性色彩:你可以把黑色,白色,灰色与彩虹中任何部分混合在一起并且很协调.

第二种方案是不同的色相使用不同的比例.如果配色方案中有紫色和棕色,那么设计中可以包含很多深棕色,并且加入一些明亮的紫色来点缀.

另一个可选方案是更改色值.纯蓝色和亮青色是很一般的组合,但是深蓝色(海蓝色)和靛青色(天蓝色)可以通过足够的对比来彼此衬托.红色和紫色差异够大,但不会冲突,同时又足够接近而不像是刻意为之.浅红色(粉色)和深紫色可以提供对比.

遗憾的是,避免错误的颜色组合与选择好的颜色无法划等号.如果你满意了,但是你的用户感觉不舒服,那就不是一个成功的配色方案.

发现优秀的配色方案

优秀的配色是从哪来的?有上百种颜色和上千种组合,怎么选择?

小的静态网站的设计师应该从内容取色.一般是通过相片.

我最近做的一个由8个页面组成的网站,顶部被一个精心制作的金属架贯穿,与之相对比的是深蓝色的天空.使用Photoshop的吸管工具,定成5*5的尺寸,我选取了天空的最深和最浅的部分,并应用到边栏,链接,标题,页脚,同时调整了色度.

当客户问我们是如何把网站设计的这么好,并且这么快,我们回应说”这才是我们该做的”.但是实际上颜色就在那,我只是找到它.(译者注: 很有陆游的”文章本天成,妙手偶得之”的风采啊…)

对于吸引目标用户的颜色,他们平时穿的衣服是一个优秀的指示器.看看你的用户穿的什么,你会知道什么颜色能让他们觉得舒服.如果你的网站是关于,描述体育联盟的,想想他们比赛时穿的衣服,这要比他们平时工作时的好.

如果你幸运的得到目标用户的照片,一并看看.你需要得到这群人的中间色(average).但是如果照片无法利用,那么去购物吧.

商业界的服装设计师对于每种心情和生活方式都有优秀的色彩感.当然不用跟第五大道上的高级时装一样.通过google搜索“camping stores,” “baby clothes,” “ski and swimwear”和“casual living”会找到很多很好的色彩组合.

人们会根据他们的品味穿衣服.如果你使用他们喜欢的颜色,在你的网站上他们会觉得更舒服.

使用纹理

通过微小的改变色相,饱和度和色值来制作纹理.

单色纹理(比如,只有一种色相的纹理)和图案毫无冲突的给大部分网站提供了微妙的维度.

简单而特别的纹理背景很容易建立:

给内墙(interior wall)照个像或者其他一些光秃秃的但是感觉粗糙的东西.
用photoshop中打开
复制背景层然后重命名为”texture 1″
用配色方案中的颜色将背景填充
把图层”texture 1″的属性改为”柔光”并把透明度调为30%
在你的网站上试试.如果看上去不对,继续调整透明度.

图层的名字是经过考虑的.你可能在尝试多张的照片.但是要避免给图层命名成类似”wall texture”或者”paper texture”.你要更关注在你网站中的效果,而不是从何而来.

建立优秀的配色方案

好的配色方案有一定的特性.把它当成是一个框架或者建立一个指南来保证设计的一致性.配色方案应该:

列出2到5个可以一起使用的色相
描述在设计中色相可以改变多少
每种色相深浅的依据
与黑色和白色对比时可以很好的工作

下面是个例子

设计师通过选择感觉很好的暖色调开始的.没有什么逻辑性的,只是一个模糊的目标”秋天”,还有她的感觉.

在Photoshop中,两个图层运用了不同深浅的黑色和白色(进行叠加).每个图层的叠加模式都是”柔光”.对于最右侧的颜色纯黑有些过于暗了,所以图层的透明度也进行了调整.

为了统一色彩,建立一个新的用纯红填充的图层.叠加模式是”着色”,透明度是大概40%(注意:图层的顺序很重要.如果着色层在黑白图层的下面,颜色就会变了)

它提供给设计师15种颜色可以选择.她选择了具有一定范围和色相的4种.这些颜色与白色是对比的.

变化是很重要的,所以设计师继续尝试.当这些颜色与黑色对比时看起来如何?如果我们把颜色稍微加深会怎么样?

如果一起改变会怎么样?在”tint”层使用图像->修改->色相/饱和度来创建一个”不秋天”的感觉,但是颜色仍然很协调.也许这组颜色可以用于复活节.

最终的结果是一套配色方案:一套使用不同的色相,搭配效果很好的色度范围.下载示例文件

使用框架

明天的图片,相片,图标跟今天的配色方案可以很好的搭配吗?网站在6天后会需要什么图片?六个星期后?或者六个月呢?但是内容是你配色方案的一部分.

你应该通过让图片参考配色方案或者让配色方案参考图片的方式来解决这个问题.

贯彻你的配色方案,甚至照片,这是获得所有页面都保持一致的很好的办法.

最简单的解决办法是找到符合你配色方案的图片.请记住一个配色方案会留有一些余地:让图片的主色调来符合,这样会起到很好的效果.很多相片存储站点允许你通过颜色来搜索(通过原色的色相:比如红,绿,蓝).

如果一个图片没法匹配你的配色方案,那么要做一些着色调整

在Photoshop中打开图片
建立一个新的图层,把叠加样式选为”着色”
使用配色方案中的一种颜色来填充,最好是跟图片最接近的
把颜色图层的透明度调整为50%
继续调整透明度直到你在图片的原色和网站色系之间找到一个优秀的平衡点.
这种技术可以使用在照片,图片和图标上-任何以像素为基础的东西(如果你自己没有图片,请确认你有权修改它.你可以改进它在你网站中显示的效果,但是你仍然是对其他人艺术成果的不尊重)

看起来专业

没有一组颜色本身是看起来”专业”的.甚至你宁愿按照一些步骤来获得更协调,有序的感觉.

无论网站是关于什么的,用户都会直到它让它自己很认真.

贴士

当你认为你有一个好的配色方案时,至少试一个星期.对色彩的评价需要感觉,而这个感觉需要一段时间来积累.给自己一点时间来充分的吸收这个配色的特点.
当你认为你有一个好的配色方案时,别让它变得枯燥无味了.你用户的感觉跟你一样,要保持变化.4个月之后来回顾一下这些颜色并做个笔记.然后问一下:它们还适用吗?如果不,应该改什么?哪些因素会影响你的修改?
少用鲜艳的颜色.一小块鲜艳的颜色会吸引用户,但是如果用户到处都能看见,他们会漫无目的的乱看…
一些人认为配色方案的色相范围应该小,留一些余地可以让你的设计更有深度.
避免使用纯的原色比如红色,绿色,蓝色和黄色.给它们赋予真正的个性:红,但是有些紫.蓝色,但是有点绿.加一些橙色让黄色更”暖”
确保你的色彩在”褪色”后依然起作用.如果你选择红色,请记得亮红代表女性,暗红色看上去像铁锈或者鲜血.黄色会像褪色的阳光一样变成深棕.深蓝色是神秘的,浅蓝色是宁静的-如果你增加饱和度,或许是水蓝色.(译者注:觉得这块应该是对于印刷品等可能褪色的产品来说的)
Mac用户,请配置你的显示器.打开”系统偏好设置”点击”万能辅助”.把你的显示改成”灰度纹理”.当你想沉浸在黑色电影时这样也有用.
无论你想让你的网站感觉有多生动,使用中性的背景.黑色,白色和灰色几乎可以跟任何的色相搭配.
如果你想要小的字体(比如14点或者更小)来匹配大色块,让文字的颜色比正常情况下更深一些.这样可以弥补字符内部的反光.
使用少量色相的更多色度
“看上去很美”是一种直觉.但是直觉是你的自我感觉,用户的挑剔和老板(提供项目资金的人)的权力之间的战争
使用柔和的背景让内容更突出

Ben Gremillion授权给WDD.他是一个独立Web设计师,他认为项目截止日期的不确定性与最终确定功能列表的数量成反比.

你是如何创建成功的配色方案的?对于你来说哪些起作用哪些没有?

#UI, #Color

@http://pd4.me/blog/translation/how-to-get-a-professional-look-with-color/

十大网络商店如何创造百分之23超高转换率

Wed, 21 Jul 2010 09:02:06 GMT

以下这篇文章是读自台湾一个著名的电商高手的博客，相信对玩电商的朋友有帮助：（已经全文翻译成简体字，以便阅读和理解）

来自一间市场研究商SeeWhy，他们做了一个有趣的调查，他们根据AC Nielsen的数据加上访谈，列出了十个他们所找到的「转换率最高」的网络商店。所谓「转换率最高」，就是这些商店的流量不见得比别人大（不过至少都要有一个月500万不重复拜访才有资格被列入），但是他们却可以让每个网友进来好像着了魔似的，「成交率」特别高！

他们说，一般的在线商店的转换率大约是在2~3%，也就是每100人进来只有2~3%的人买单；之前比较过美国两大购物网站Target、Wal-Mart的版型也提过两大购物网站的转换率也只有落在7%~8%左右，吻合SeeWhy的观察。

而SeeWhy列出来的「十大名店」，平均转换率却在23%左右，是平常购物网站的10倍！叫我们怎么能不好好研究一下，到底这些购物名站是怎么达到这么高的转换率的？

先来看看这些购物名站是谁。排行第一的是「Schwan’s」，是卖食物的，高达41.7%的转换率，叫人咋舌！第二名则是常常被用在NET-MBA（现称fb-MBA）课程里的案例、在线花店「ProFlowers」，它的转换率也高达26.5%。另外还包括卖维生素的Vitacost，转换率高达24%，还有Woman Within，转换率高达22.4，还有卖衣服的Blair.com，转换率高达20.5%。以上是前五名。而第六到第十名则分别是Lands’ End (卖衣的)、Lands’ End（也是卖衣的）、DrsFosterSmith.com（卖宠物用品的）、Office Depot（卖办公用具的）、Roaman’s（卖衣的）、QVC（卖首饰的），转换率分别落在18.3%到20.5%之间。

看到这个「十大名店」名单，整个人一定兴奋到沸腾了！为什么？因为我们会认为，高转换率的购物网站，有可能集中在某一个产业、对某一个族群，这产业特性因为竞争态势或消费者习性等缘故让它的转换率有机会特别高，但，看到SeeWhy的前十大名单，竟然横跨所有产业！从卖衣服的、卖用品的、卖吃的、卖营养的、卖首饰的、卖花的……都榜上有名。有趣的是，全球最大的购物商城「Amazon」的转换率大约落在16.5%，其实也够高了，但就是被十大名店给打败！可见，它们实在太强了！到底，这些完全不同性质的在线商店「共同」的特色在哪里？

赶快告诉我、赶快告诉我们吧！

首先，他们非常惊讶，这些商店的特色，完全推翻了我们先前所「以为」的想法。我们都认为，要让消费者在在线「埋单」，至少、至少、至少，购物车的「checkout流程」一定要愈短愈好、愈简单愈好吧？美国人甚至爱看一个叫「Shopping Cart Abandon Rate」(SAR)来估算自己的网站能不能让消费者顺利掏出信用卡。所以，我们会设计愈来愈先进、超短的购物流程，尤其是「会员」的处理，只有笨购物网站，才会请消费者先填一大堆数据加入会员、再让他买单；应该先让他藉那股狂野的购物冲动赶快、尽快、痛快的输入「卡号」，就先checkout了，剩下以后再说，不是吗？

不是！

他们发现，没有！这些十大名站的checkout过程，并没有比别人特别简单或特别短，反而，有几家商店甚至真的犯了「大忌」，要求填入冗长的数据、加入会员以后，才能真的开始买东西。我们都以为这几家商店一定会让消费者在「购买流程」(sales process)非常顺畅，没想到，他们竟然不怎么样！

反之，SeeWhy的研究者竟然发现了以下两个，非常简单的「关键」：

一、「长期流程」vs.「成交流程」：首先，他们发现，这十大名店之所以享有高达23%的转换率，他们真正与别人不同的，不是在「购物流程」，而是在「长期流程」(lifetime customer value)。当一个购物网站是朝着「长期流程」来设计的时候，它强调的不再是现时就成交，而是在里面「逛逛」的「体验」－－SeeWhy的主管受访时还开玩笑的说，这些十大名店不喜欢和客户玩「一夜情」，而喜欢建立「长期的感情」，所以，有一些贴心的小动作反而是他们所注重的。譬如，当旧客户回来的时候，他其实看得到，他上一次购买什么东西，也可以被带到上一次还没逛完的东西。

另外，更明确一点的说，这十大名站的整个网站是比较容易「浏览」的。他们在浏览的部份的容易度、精致度，远比他们的购物流程还高。其它购物网站满脑子都在想钱、钱、钱，喜欢放一颗大大的「购买键」在屏幕上深怕别人看不到，但这十大名站的重点却在「浏览一般陈列页面的『防呆机制』」上。他们知道，并不是每个客人都是脑筋清楚的上来这个网站，许多只是不小心冲上来四处看看的客人，都可以享有蛮顺畅、痛快的「干逛逛」(window shopping)的体验，不买东西，也不会觉得有压力；想叫眼睛随意看看的东西，也都找得到在哪里。

二、「给首次客户优惠」vs.「给旧客户优惠」：另外，这十大名站也都很注重「优惠」，有趣的是，有这么一派的营销人员其实是习惯给「旧客户」优惠的，因为他们认为，创造旧客户的拜访习惯很重要，不是吗？不是！这些23%转换率的十大名站显然不这么认为！SeeWhy发现，这些站比较强调的反而是「给首次客户优惠」，因为，续第一点，他们认为旧客户是因为第一次的痛快的购物体验而回访，而不是因为「优惠」而回访，因此，要如何让第一次进来的客户真正变成客户，反而是更重要的事；变成客户不一定要买东西才能变成，甚至第一次的成交，网站其实是「小赔」的，但，取得这名客户名单，可以「remarketing」、不断寄送数据给客户，让他再回来。

别小看这个小动作！SeeWhy发现，美国电子商务网站平均只有25%的会对旧客户寄发eDM，但是这十大名站，个个都会寄发eDM给客户。他们根本就不怕会惹火客户。奇怪的是，他们的客户还真的觉得很ok，而SeeWhy发现这十大名站的eDM就是能做到「完全不像eDM」，他们的eDM竟然让客户觉得好像在「做服务」(customer service)的一部份，于是他们的开信率都可以保持较高、他们的退订率也较低。

以上，感想如何？我有一些感想，也有一些增加的意见：

常听到在线商店不断在找寻「某种神奇的方法」，可以让自己的产品可以神奇的提高销售量。他们不见得每次都要「爆红」，但每一次都希望在销售额有即效的提升。这一份研究再次证明了一件事：提升销售的重点并不在如何找到那个神奇的销售提升方法或营销活动，而是如何建立一场「循环」，高转换率，原来来自于循环回来的旧客人，这些成功的23%转换率的在线商店的客人，就像健康人体内的血液，通畅的「循环」，新访客马上变成旧访客，旧访客还想要回访，有的是靠remarketing的eDM策动回访。

不过，我认为，以上看到的只是「小循环」，SeeWhy只告诉我们建立这个「小循环」的重要性与大约的方向，接下来，谁要来告诉我们，如何建立这个「小循环」？

这个道理不难，但是，为何只有这十大名站，成功的建立了他们的「小循环」？

剩下的，难道都没有领悟这点吗？

这点，就不会在报告里写清楚了。明确一点的说，我有一个网站，长得就是这个样了，它和前十大名站当然长得不太一样，事实上，前十大名站本身彼此间也长得很不一样。我该做什么事才能产生这个「小循环」？

谁要来告诉我？

其实，「网友」会说。

答案已经在你的拜访资料里了。要找到诀窍，除了读什么了不起的文章，可以从自己网站已经来的几十人、几百人之中来找答案。要找到答案，关键并不是找到方法，甚至也不是这场「循环」要怎么设计，而是这个网站，是否有可能让这个循环本身也成另一个生生不息的循环、定期的且长期的去维护这个循环？

就是「大循环包小循环」，大肠包小肠啦！

读了这篇文章，可能就召开一场会议，将这几点写下来，然后开始改网站，想办法建立这个「小循环」。但，如果没有一次成功，甚至只是在改站的途中碰到一些阻碍，可能就不再尝试，等到看到明天又有一个新诀窍，赶快来使用，这就是缺乏「大循环」。「大循环」是确保就算没有一次就中，这样来来回回的run了好几个月，一定会有成果。但，倘若这次在修改以后，也顺便置入非常精确的流量工具，并且安排有人定期检视、定期报告、定期跟着调整，那么，这间公司就是有了「大循环」，让这个大循换跑了几次来创造刚刚的「小循环」。类似这个意思。

大部份的营销人或创业家、创意者、有事业心的人所想的方向，都在找寻那个神奇的公式、那个神奇的诀窍，包括读了这篇文章，学了一些，等到要实作的时候，从何开始？诀窍又在何处？其实没有什么诀窍，诀窍就在「大循环」而已。循环，就是在给自己更多的机会，所有的力量都应该放在给自己更多的机会，去认识客户，也去检查是否真的有认识这些客户，然后让这些客户都进入了「小循环」。

这篇文章其实只讲了一半（小循环），就和所有的文章一样，接下来的另一半（大循环），必须由创业家自己去发现。

#Marketing

@http://www.paidai.com/displaythread.php?boardid=18&topicid=24627