东方博客

QQ2012 for iPhone 设计品鉴：精彩源于细节

风逐蓝天 — Wed, 11 Apr 2012 08:46:21 +0000

依照惯例，在新的一年，QQ for iPhone设计团队会对过往版本进行优劣回顾，从而得出跨年版本的设计新方向。

经过总结，QQ for iPhone过去版本为人诟病的地方大致有4点：1.阅读流畅性被吐槽，譬如“字号不够大，字体不够黑，阅读起来费劲”；2. 控件触感不够，控件没有充足的点按感；3. 全局风格不够统一；4细节体验有提升空间。

以上4项反馈，都可归纳于“细节”。因此，“细节革命”成为2012版本的设计关键词，简约、大方、统一、清晰是新版本的目标。

让细节尽览无余

因为之前版本在阅读区域的突出不够，因而在参与2012版本PK的海量风格稿中，“让细节尽览无余”成为胜出的理念。

新版的界面头部设定为个性化部分，中间内容为浅色，突出阅读区域的内容。在头部个性化的体验上，提供三套样式可供选择，分别为雅致黑、湖泊蓝、盛典红，头部配合轻微的质感，在高分屏幕上细节尽览无余。

随心所欲切换个性壁纸

在个性化方面，仅仅有头部个性化，难免显得乏味。打造真正的个性化，摆脱过往仅有的本地化的皮肤模式，便要利用个性壁纸替换的方式。可替换的个性壁纸，可以让用户设置的精彩大图与好友分享，彰显独特的个性化与品味。

当前提供8张大图作为个性化选择，后续或将提供自定义大图的方式。

在头部标识之下，隐藏着全景个性壁纸，轻轻下拉可以展示更多精彩。在个性壁纸上还有一个“赞一下”的按钮标识，如果你觉得名片不错，来赞一下吧！

会话场景一目了然

条理分明的会话列表，在色彩的运用上，柔和的区分背景与消息条目，素雅的界面会使未读消息的红色标识更加醒目。

聊天场景也采用了相同的方式，简约、大方、统一、清晰。

列表模式增添活力

乐吧抛弃过去干涩的列表模式，进行重新设计，小图标的点缀让整个页面更富有活力，促进社交欲望。

弹框、图标、表情实现独立风格

所有的弹出框、下拉框、对话框样式统一，采用轻盈半透明的白色，清晰醒目，达到一致的视觉效果和体验感受。

图标体系也进行了全新的梳理，一气呵成的流畅线条，使图标变的更成熟，另外，细心者会发现，2012版的图标几乎都留有一个小缺口，这是有意设计的另一种美的感受。

配合整体的风格，彩色图标也尽可能的简约，色彩的运用上也极为小心，颜色清淡素雅，又不失细节，与界面搭配一体，浑然天成。

此外，引入适合手持设备使用的QQ高清表情（Power by CDC），提升表情细节，为聊天更多一份光彩。

还有一些细节，你可能看不到

新增附近的人头像模式，提取最有价值的内容——头像、性别、距离，屏蔽掉冗余的信息。让社交变的更轻松便捷。

在乐吧某个list下，藏着一个精美的书架，它存放着你的所有文件，当你不经意打开它的时候，或许会眼前一亮。

全新的QQ2012 for iPhone版本，虽然相比2011获得了很多的改变。不过仍有很多问题存在，相信QQ2012 for iPhone产品团队将逐一推动与优化。相信在不久的将来，我们将带给大家更完美的视觉和交互体验！

来源：http://reteng.qq.com/info/16884.html

可用性测试的权衡之道

风逐蓝天 — Tue, 27 Dec 2011 13:41:54 +0000

对于可用性测试，业内人士存在一些普遍认可的原则。它们神圣地如同自然科学里的理论，似乎我们只能对其言听计从、俯首称臣才能践行出“好的可用性测试”。其实，即便是科学，它的一个特征也是“可证伪性”——理论的正确性总是存在前提条件的。真理再向前一步就成为谬误！
可用性测试中的原则同样如此，需要根据目的、资源、环境的不同，灵活把握、权衡取舍，而非一味恪守某一个或某几个原则，也许这才是可用性从业人员经验重要性的体现。

一．任务设置：精细 VS 宽泛

制定的任务过于精细，一般原则上是反对的。理由很清楚，如果你的任务精细到一步一步“引导”用户进行操作，那太不符合用户现实中的使用情境，平时没有人在旁边“引导”用户的每一步操作；而且过于控制用户的操作步骤，用户缺乏真实使用时的灵活性。

是不是我们设置的任务只能是宽泛的，不能细化呢？这就必须根据研究的目的来做抉择。如果产品处在设计的初期，我们需要关注一些宏大的问题（如：网站的整体架构、导航和分类的合理性、页面的逻辑关系），此时就需要通过宽泛而有弹性的任务，来查找宏观层面的问题。如果产品的设计已经非常完善，开始进行细节的修改迭代，此时就需要通过设置相对具体的任务来查找特定的细节问题（如：对某个命名的理解、按钮的使用、链接的点击、表单的填写）。按照《Don’t make me think》一书的观点：一般用户使用互联网产品时满足于能用就行，不会寻求最好的使用方法；只扫描网页，不会仔细阅读。所以，如果完全宽泛有弹性地设置任务，虽然更吻合实际使用情况，但是很可能用户直接跳过你想考察的细节。

实际工作中，由于时间和资源的限制，无法做到每个产品从设计初期到上线前后进行多次可用性测试。可能在一次的可用性测试中即需要同时关注宏观方面和细节上的问题。此时，还是需要和产品经理、交互设计师反复沟通，确认测试的主要目的，同时通过对任务设置精细程度的权衡把握，使次要目的也尽量得以满足。

不过，即便是想考察细节的任务，也要尽量避免“直接指导操作”式的语言描述方式，这样能让任务与真实使用情境不会相距太远。例如：想考察豆瓣读书页面【想要】按钮是否能被看到、是否具备可点击感。下面列出两种表述方式，以作对比：

A.请找到您喜欢的那本书，并在该页面点击【想要】。（×）

B.请找到您喜欢的那本书，并在该页面对其作个标记。（√）

二．任务数量：多VS少

任务数量的多少与可用性测试考察范围有关，与任务的精细程度也有关。如果对网站全站进行考察和只对其中某个页面、某个操作流程进行考察，所需的任务数量自然不一样。在同样的考察范围下，如果任务设置得越精细，所需任务数量也就越多。

Lindgaard和Chattratichart（2007）的研究发现任务数量与发现可用性问题比例存在显著的相关关系（r=0.82，p<0.01）。为了尽可能多地发现可用性问题，我们就尽量多地设置任务给用户吗？

此时要考虑任务数量过多可能带来的弊端：学习效应和疲劳效应，尤其是靠后的任务更可能会受影响。心理学实验中处理此问题的方法是顺序平衡，抵消影响。但是可用性测试中设置的场景和任务存在特定的先后次序，不适合采用顺序平衡的方法。基于我们的经验，还是通过对测试的任务数量进行控制，确保正式测试环节最多不超过1小时，加上前后的欢迎语、访谈、问答等，整个过程不超过1.5小时。

此外，任务数量的多少还会间接影响到测试所需参与者数量的多少。

三．用户人数：5个足够VS 5个不够

Nielsen的研究发现，5个用户可以发现80%以上的可用性问题。这个结论得到许多人的推崇，因此称之为“魔法数字5”。这个结论的来源依据是每个用户平均可以发现30%的可用性问题，且假设所有问题都有同等被发现的概率。不过，当设置的任务数量过多，且任务的精细程度和难度多种多样时，这个前提有可能不成立。

Lindgaard和Chattratichart（2007）的研究发现测试用户数量与发现的可用性问题比例并不存在显著的相关关系。这个结论似乎又支持我们选择少量用户进行测试即可。

其实，在用户招募阶段，比用户数量更需要重视是用户的代表性的问题。能否招募到有代表性的用户将直接影响可用性测试的成败。如测试一个医疗软件产品，招募到医护人员和患者作为测试用户，那5个用户可能就足够了；但如果只招募到医学实习生来测试，就必须超过5个以上的用户（即便这样，也未必能推论到整个产品的用户群）。

由此看来，招募用户的人数和任务的数量、精细程度、用户的代表性也是息息相关的。参考Tom Tullis（2009）和本人经验：当可用性测试范围限定在一定的范围（20个任务内、或30个网页之内），且招募到很强代表性的用户，那么5个足够了。如果存在着差别较大的亚群体，争取做到每个亚群组有5个左右的代表性的用户（当然，目标用户的特征及分类应该是在可用性测试之前的用户调研阶段就解决的问题）；一次测试最多不会超过12个用户。

四．用户表现：行为VS言语

在可用性测试中强调对用户操作行为的关注，是毋庸置疑的。因为：

1.用户的行为指标更明确、具体、客观，易观察和记录。

2.如果完全把关注点放在用户的操作行为上，那么就无需跟用户进行多余的（指导语之外的）语言交流。类似于心理学研究规范，对实验或测试中的指导语进行统一，对一切无关变量（包括主试的语言、体态表情）进行控制，以减少对研究过程的干扰。

3.即便你直接询问用户某些问题，也极可能得到错误的答案。30年前Richard Nisbett和Timothy Wilson的实验、2年前Peter Johansson在《science》的文章，都证实了某些情况下人们无法解释清楚自己行为的真正原因。另外，用户还可能揣摩主试的喜好，回答他们认为主试期望的答案。

因此，有必要强调在可用性测试过程中关注的重点永远应该是用户的操作行为，而且尽量减少任何无关变量的干扰。但这个原则被有些人引申到极端，认为只有观察用户的操作行为才有意义，其他信息都是无需关注的，甚至轻率地怀疑用户的话都是不可信的。

可用性测试的主要目的虽然是发现问题，但也需要了解问题背后的原因，而仅仅依靠观察用户的操作行为是无法获悉所有问题背后的原因的，此时，我们就希望用户能采用“出声思维法”，出声思维就是集中于如何与产品进行交互的意识流。如果测试中的氛围比较平等、自然、融洽，用户又特别愿意表达，那么用户就会在进行任务操作同时，表达他们想做什么、打算如何做、背后的原因是什么。此时，不仅是操作行为、用户表达出来的想法和原因、以及语言中透露出的疑惑、失望、不满、惊讶、犹豫等情绪同样是需要我们加以关注的。但是，有些用户比较内向，不善于主动表达自己的想法，此时就需要主试跟他进行简单的交流，以引导用户说出背后的原因（注：不是引导用户说出你期望得到答案）。

所以，在实际的可用性测试，基本应该以关注用户的行为为主，少量、适时地进行询问交流也是需要的。但这个度如何把握呢？

1.当用户出现犹豫、惊讶、任务失败（过程节点上出现自然而然地稍微中断/暂停）的时候才进行简单的询问。

2.询问采用一般疑问句的句式，重复用户刚才的行为表现（要具体客观）：“你刚才没有……，是吗？”——虽然没有直接问“为什么”，但暗示了希望听到他进一步的解释。

3.如果用户没有自己主动说出原因，可以“顺便”问一下“为什么？”或通过身体前倾、目光注视等非语言方式来暗示用户你希望能听到更多内容。若用户很快、坚定地说出原因，则该理由的可信度较高；如果用户犹豫、或难以说出原因，就不要继续追问。

除了上述的语言、情绪、行为都需要得到关注，还有一种特殊情况是需要听懂用户“没有说的”语言。例如，我们预计网站的某二级导航标签和一级导航标签存在分类逻辑上的不合理；但用户在测试中，导航相关的操作步骤进行得很流畅，用户也什么都没说。这通常表明用户认为这些是理所当然的、不影响操作的——此时你需要听懂用户“没有说的”语言。如果你简单粗暴地打断用户并询问：“你觉得这两个导航标签如何？”，则变成了一种诱导性地提问。

总结一下关于此部分内容的实践应用：

1.用户的操作行为永远是可用性测试的重点。

2.鼓励用户采用“出声思维法”。

3.适时、少量地向用户提问，禁止对同一个问题反复追问“为什么”。

4.采用真正地“倾听”技术保持和用户的交流状态，而非通过过多的话语。

5.开放、不预设立场地观察、倾听用户“没有说的”语言。

五．发现问题：真的 VS 假的

判断发现问题的真假，初看上去似乎不是个困难。多数或全部参与者都遇到的问题毫无疑问是明显的可用性问题。或许有人会建议，根据参与者中发现该问题的人数比例来判断：比例高是真问题，比例低是假问题。前半句话可以接受，后半句话则有待商榷。
虽然可用性测试是相对严谨的用户研究方法，但是其对无关变量控制的严格程度和真正的心理学实验还是有一定的差距；并且心理学实验对每组参与者数量的最低要求是30人，这样得出的结论（数量比例）才具有推论至一般的意义。而可用性测试一般才8人左右的参与人数（尽管招募的参与者在质的方面非常具有代表性），但却无法把可用性测试中出现的所有数量比例简单推论至一般。8个参与者中有1人发现某个问题，不代表现实中出现同样问题的真实用户只有12.5%，更不代表这个问题不是真正的/严重的可用性问题。

问题的真假除了根据问题出现的次数比例，还有很重要的考虑点是：用户“错误行为”背后的认知/思考方式是否合乎逻辑？

这里顺便借用一下诺曼《设计心理学》里谈到的理论：概念模型——系统表象——心理模型。概念模型可认为是产品设计人员对产品的设计思想；系统表象可认为是产品展现出的交互界面；而心理模型则是用户按照既往经验对如何操作该产品的设想。从这个角度来认识，可用性问题则是“概念模型、系统表象、心理模型”三者的不吻合或矛盾。

通过分析用户行为背后的认知是否符合逻辑，来判断发现的问题的真假，主要体现在以下几点：

1.“概念模型、系统表象”的不一致

产品设计人员突然发现，界面的交互形式根本没有反映出他原先的设计思想！

2.“系统表象、心理模型”的不一致

（1）用户的思维方式受已有的同类产品的影响，并内化接受，而新产品的“系统表象”和已有同类产品并不一致。

（2）用户在日常生活经验中形成了许多并不科学地通俗理解世界的方式（比如通俗物理学、通俗心理学），但产品设计人员没有意识到用户在以这样一种“自认正确”的错误方式来理解和使用产品。

如果发现的可用性问题属于以上情况，那么即使只有一个参与者碰到，它也非常可能是一个真正的可用性问题。

例如：让用户登录购彩网站，查看自己上次购彩结果。大多数用户点击【个人中心】去查看，有2个用户点击【开奖公告】去查看，发现只有开奖号码，没有任何购彩结果信息后，再去点击【个人中心】。仅2个人出现了稍微的偏差，而且很快就找到了正确的页面，这貌似应该不算什么问题。

但若追究其行为背后的逻辑，并与其他用户的反馈（“我上次买的号码没有直接显示出来？”“这里看不到开奖的号码啊？”）联系起来，可以判断用户的心理模型和产品的系统表象不一致。用户希望能同时对照着开奖号码和自己买的号码很方便地核对，而网站却割裂两部分放在不同的页面，因此需要将这2个用户碰到的问题当作真正的可用性问题来对待。

六．研究方法：定性 VS 定量

可用性测试，很多时候被认为是一种定性研究方法；但也有人说它是一种定量研究方法。究竟是怎么回事呢？

个人认为，可用性测试实质上结合了定性和定量两种方法的特点，到底哪种成分更多，要看你的使用目的以及细节上如何操作。

定量研究的思路是基于对一定数量样本的测量，以将研究所得的结论推广至总体。除了强调样本的代表性，还对样本的数量有具体的要求，同时会考虑抽样误差、置信度、置信区间的度量。并且定量研究过程中非常注重对某些自变量操控、及无关变量的控制。

而定性研究重视对主观意义的理解（如背后隐藏的原因），采用解释建构的方法，比如访谈法等。

平时工作中以“形成式可用性”测试为主，即便它稍微偏向于定性研究，但在允许的范围内，我个人还是尽可能地遵循着定量研究的方法去实施。这样整个测试过程的严谨性能得到保证，结论的客观程度相对更高（近几个世纪来，量化研究一直是科学研究的主要范式，也正是这个原因）。具体做法如下：

1.在任务的设置上：因为参与者可能存在差别较大的亚群体，不可能要求完成完全相同的任务。但必定会设置大部分基本的、都需要完成的公共任务，再针对不同亚群体设置少量的特殊任务。在后期统计分析的时候，基本的公共任务则可以进行数量化的统计，并横向比较。

2.在测试过程中：关注参与者完成任务时的相关行为，用数字来记录（以0、0.5、1分别表示失败、帮助/提示下成功、成功）。主试尽量少地言语及体态姿势的干扰，只在必要时进行适当地言语交流。

3.在报告呈现：对任务完成情况（效率、完成率）统计呈现，对不同任务的完成情况进行比较，对亚群体间的任务完成情况进行比较，对所有可用性问题按数量化指标进行排序等。或者比较迭代前后独特问题的频次是否减少，以及严重程度高的等级里面可用性问题数量的变化情况。

4.测试过后，我们通常还会收集用户自我报告式的数据，作为“感知可用性”的一个总体反映。

（1）推荐使用系统可用性量表（SUS），因为有研究表明SUS在少量样本时即可产生较为一致的评分结果。

（2）为减少用户在填写这些量表时的反应心向，不要求填写任何个人信息，且主试最好暂时回避。

（3）只统计分析所有参与者SUS量表总分的平均值，切勿再拆分比较亚群体之间的差异，因为即便信效度再高的量表，当样本量极小时都会变得很不靠谱！

七．问题优先级：单指标 VS 多指标

除了在可用性测试过程中，最终报告也必须体现出量化、客观地特点。例如，报告发现的可用性问题的列表，我也会以量化的方式排列出问题的优先级别。

这样做的好处在于：首先，发现的可用性问题肯定有一些比另一些更严重；其次，考虑到产品和设计人员的精力和资源总是有限的，必须帮助他们梳理出最亟需整改的问题。站在别人的角度考虑问题，这样他们才能更“友好地”接受我们的报告。

可用性问题列表的排序，涉及到采用单指标还是多指标、以及指标分为几级的问题。

先就量化的客观性而言，“出现频率”指标是最客观、最易量化的；而其它三个指标都需分析人员的主观判断。

就指标的代表意义而言，“严重程度”、“出现频率”与用户体验最相关，与用研人员的职责也最相关。另两个指标可能更多地是产品人员的职责。

就指标的价值而言，多个指标的综合显然比单一指标更有价值。

基于上述考虑，实际工作中我会选择“严重程度”和“出现频率”两个指标的综合，作为可用性问题的优先级指标。“严重程度”分为3级，而不是5级（分析人员主观判断时，3级指标的误差率要低于5级指标）；“出现频率”采用计算的具体数值，而非4级分类。这两个指标合并时，采用1：1的权重，具体公式为：

问题优先级=严重程度的级别+出现频率的具体值×3

八．报告呈现：优点 VS 问题 VS 建议

当产品设计人员辛辛苦苦做出的产品却被你报告上罗列的各种问题批评得一无是处时，即便理智上认可你的成果，情感上也很难接受。因此报告中列出哪怕一条最重要的优点，也会让产品设计人员感到欣慰、感受到你中立的态度，增加对报告的接纳程度。列出优点的另一个好处是，在测试中被参与者多次自发提及的优点确实带给用户某种惊喜；当你在报告中再次强调时，可以避免在后期迭代开发中丢失掉原本的优点。

问题的列举肯定是报告中非常重要的部分，但切勿罗列出清单就草草了事，因为：

1.某个（些）问题和另一个（些）问题是有关联的，但是报告中的问题列表部分却割裂了这些联系。

2.产品设计人员无法一直参与旁听/观察可用性测试的过程，导致对报告中文字描述的问题缺乏感性认识。

3.只提问题却不提供解决方案，就不是“建设性地提问”！

因此，我们需要在可用性测试报告的后半部分提出针对重要问题的解决方案。其目标并非是强迫产品设计人员一定要采纳我们提出方案，而是：（1）把一些相关问题联系起来看，（2）加深报告阅读者对于问题的感性认识和背后原因的理解，（3）使整个报告的思路更清晰、完整，（4）我们还可学到一些交互设计和产品的知识。

总之，可用性测试施行起来既简单又复杂。简单是因为不管你如何施行，终究能发现一些问题；复杂则在于发现可用性问题的质量、重要性、对测试的利用效率、对产品设计人员的帮助程度可能相距甚远。一次成功的可用性测试体现在从前期策划、测试过程、后期报告等整个过程中是否遵循了这些原则，并在某些难以两全的原则面前做到合理的权衡取舍。

首页设计的可用性和PET

风逐蓝天 — Tue, 27 Dec 2011 13:30:09 +0000

网站的首页是一个让人头疼的东西。有时它看起来很简单：首页就是网站内容的整合，一个产品经理随便从网站里拿点东西出来，就能堆出一个看上去靠谱的首页。也正因此，它往往非常麻烦：很多人都可以发表自己的见解，而这时交互设计师的一些手段（比如流程图、概念图等），在面对首页设计时也难派上用场，以致最终陷入到无尽的争执中。所以，本文希望寻找一些实用的方法一定程度上帮助设计师来决策，也让大家在争执过程也有些共同的依据。

首页之所以难设计，我认为因为它不仅要解决用户“能做”的问题，更多时候要解决用户“想做”的问题。“能做”对应的是可用性，相对容易解决，专家评估、可用性测试可以很有效地帮助设计师；而“想做”对应的是PET(Persuation,Emotion,Trust，说服、情感、信任)，可能涉及到心理学，人种学，营销学等陌生的知识，交互设计师在这方面就不再是专家了，但一些经验和方法仍可以有效，下文中会讲到。

将可用性和PET分开考虑

浏览首页的用户基本分为两种：有目标的用户和无目标的用户。Alan Cooper的“目标导向”理念告诉我们，用户的目标驱动任务，有目标的用户直接开始“任务”，我们只要为他们解决可用性的问题。而那些无目标的用户，他们只是随便逛逛，需要首页的PET足够好，将此类用户“转化”成有目标的用户，尽量避免他们“流失”。

所以我将浏览首页的用户分为这两类，针对两类用户不同的特点来进行设计，会让我们的思路变得清晰。

一些现实例子

谷歌首页

对于搜索型产品，所有用户都是有明确目标的，即便首页是多么“死板”，因为没有任何干扰，用户都可以迅速进入自己的任务。所以谷歌首页没有任何PET的内容

赶集网(或58同城)

这类网站的设计也完全服务于“有目标的用户”，把“无目标用户”无情地抛弃，本人觉得这种设计并不是最高效的方式，因为毕竟浪费掉了大量用户。

京东商城

对于电子商务网站，存在两种典型的用户情景：

理性消费者，想要找的东西很明确，或者挑选的范围很小，这就要求首页有很好的可用性，帮助他找到商品，如下图中的蓝色部分就是服务这类用户。
冲动型消费者，并不知道自己需要什么，只是随便看看有没有合适的或促销的东西可以买，这就要求首页有很好的PET，吸引用户点击，如下图中的红色部分就是服务于这类用户。

倘若京东商城不考虑无目标的用户，也许首页就会长成下面这样：

对于想找商品的用户，也许更方便直观了，而对于没有目标的用户，就只能离开了。

人人网

对SNS类网站来说，用户大多数时间是在“随便看看大家都在干什么”，当然也有时，用户来到首页进行发表日志，上传照片等目标明确的操作。

讨论：“随便看看”是不是一种用户目标？

我觉得不是，“随便看看”不能直接驱动任务，故不能用来测试产品可用性；在可用性测试中的任务设计时，随便看看不能作为任务。“随便看看”的过程中，用户决定要做某件事了，这才是用户目标。

澄清一些可能存在的误解

服务无目标的用户的模块（如上面例子中的红色区域），并不是说不需要可用性，只是在设计的难度上，要把PET做好更难更需要思考，而可用性要求较容易满足。反之亦然。

比如京东商城中的促销模块设计，是很典型的服务于无目标用户的模块，PET要求能表现产品质量好，价格便宜，买的人多，存货不多等等难以表现的信息；而可用性只要求商品易浏览，可点击等，任何设计者都不会出错。

首页设计中如何协调可用性和PET

在设计之前，调查分析网站用户，是“有目标”的多，还是“无目标”的多，以确定页面上两类模块的比例。
一般网站同时兼顾两种用户。但“可用性“和“PET”这两点，存在天然矛盾，前者要求页面清晰，而从后者的角度来说，清晰意味着死板，后者要求页面丰富，而从前者的角度来说，丰富意味着杂乱。故在设计时要注意权衡。
为解决上述矛盾，那就要求“可用性模块”和“PET模块”要明确区分，可以识别，不能相互掺杂。让两类用户能第一时间关注到需要看的部分。
可用性是基础，一定要先做好，PET是更高要求，属于上层建筑，切不可为上层建筑放弃基础。

设计首页的可用性

应该尊重习惯用法的时候，不要擅自创新，如采用用户习惯的网站头，包括主导航，全局导航，搜索，LOGO。如下图。
若有更多导航–如电子商务网站的商品分类–须在第一屏内出现，突出且易识别。导航中的信息架构，在需要时可用卡片分类法对导航内容进行分类。易迅网的商品分类导航，在左边第一屏最显眼处。
首页整体布局规矩，使用网页栅格系统设计页面，允许页面有合理留白。、
尽量保持页面架构简单，最好不出现两列和三列混排的设计。
首页的模块中使用尽可能简单的列表，简单列表更容易被理解和读懂，且设计运营开发成本低。当然，“非对称列表”也有优势，见下图，设计师应该根据用户类型和设计目标来灵活运用。

设计首页的PET

1. 清晰表现品牌和产品服务类型。这首先实现PET中的Trust，只有用户第一时间了解网站品牌和服务(特别是一些大品牌)，才能够立即建立用户的信任。但这个实践起来却相当有难度，特别是一些全新的服务，篇幅小了说不清，篇幅大了用户直接略过。这里只能介绍一种方法来验证此目的有没有达到：

5秒测试：

给一个新用户（目标用户）看首页设计5秒，让它说出：这是什么网站？
这个网站提供什么服务？
首先吸引你的是什么内容？
这个网站和类似竞争对手有什么不一样吗？
你对这个网站和它的服务有没有兴趣？

然后让用户仔细浏览该首页，再纠正上面的答案。

2. 使用吸引人的图片和标题。说白了就是标题党，虽然这招定被广大设计师唾弃，但它的效果绝对不容小觑。

3. 使用非对称的设计，有主有次，展现丰富性。但注意，非对称设计会增加认知负担，降低可用性。见上文。

4. 利用好数字来说服用户，因为数字“不会说慌”。

5. 在首页显示其他用户的活动来说服用户(其他用户购买记录，评价，晒单等)。调查显示，让用户信任一个站点的最有效途径，就是在线其他消费者的意见。

6. 另外，视觉设计上要符合产品和服务的定位，在情感上与用户拉近距离。

7. 页面更新频率，用户需要适时的刺激。太频繁的更新，不仅浪费资源和成本，用户也要不断适应，增加学习成本；而长时间不更新，也会让用户慢慢失去粘性，转化率降低。

看似积极，其实焦虑

风逐蓝天 — Sat, 24 Dec 2011 09:45:56 +0000

我有一个好友D，她不吃早餐，偶尔翘课，时常熬夜，对所学专业意义持怀疑态度。在大学校园里随机挑10个人，8个都和她相似。

某一天，我向她借移动硬盘，发现500G的空间几乎全被装满。所有的内容分门别类，安置在十几个文件夹里。除电影以外，其余的内容几乎都与学习相关——公开课、纪录片、英语听力、电子书……问她，这些东西看过多少？她答道，不到三分之一，面带愧色。花了不少时间下载，都是有用的东西，以后可能用得到。她又补了一句。事实上，那剩下的三分之二也许永没有重见天日的那一天，我们彼此心知肚明。

几天后，听说她又买了一个新的移动硬盘，那些在“下载”名单上排队的资源终于找到了去处。于是，新一轮填满500G的征途又野心勃勃、兴致盎然地启程了。

这情景对现代人应该都不陌生。谁的电脑或硬盘里没有着几个、十几个G可能会在某天有用但从来不会再次打开的文件夹，每当在网上遭遇可以填补自己知识网络上空白点的资源，我们会下意识像打鸡血一样亢奋，手指会毫不犹豫地点右键“另存为”。然而一旦确知它已躺在硬盘的某个位置，彼此之间的蜜月期也会随之以光速结束。下一秒，我们的笑容已献给另一个“它”。

在微博上反省自己的知识焦虑，反省自己“看似积极的人生”，却不知微博就是焦虑和看似积极的一大凶手呢。

人人、开心、微博、豆瓣……这些带有不同社交性质的网站构成了人们虚拟生活的大部分，并开始控制着人们越来越多获得信息的渠道。在社交网站上，我们的时间以两次刷屏之间的喘息区分，凭状态、照片、视频丈量形状。它一点一点侵蚀着我们对阅读保持的耐性，对事实判断的逻辑思考。我们甘愿被最新鲜的新闻，最流行的段子，最隐晦的笑话填充；我们习惯于迅速得出结论，习惯于寻找宣泄的渠道，习惯于和大多数共舞……我们错把信息等同于知识，又错把知识等同于智慧。我们努力保持和时代同行，其实早已把自我像影子一样留在身后。

某年暑假我的室友在新东方上BEC（商务英语考试），班里的学生几乎都是大学生。她旁边坐的女生是天津某大学的大一学生，借住在亲戚家，专程来北京学英语。大一就学BEC，听上去很牛很积极，但实际情况是她天天上课都十分疲惫，精力不济。十多天下来，倒有一半时间是睡过去的。

室友课后与BEC听力的老师闲聊，得知这样的情况不属于个别现象。听力老师一针见血，分析现在的大学生有种学习的错觉，大概认为自己报了一个班，就等同于掌握了那门知识。把完成学习的仪式放在首位，听课认真与否反倒不重要了。凡是上足课的学生绝大部分都能通过，问题就在于许多学生都无法坚持下来。

积极追求的姿态背后必然少不了欲望的撑腰，对学业，对事业，对生活，对未来，渴望一切变得更好是人之常情。然而就像执行力是衡量一支球队的重要指标一样，教练布置的战术再好，执行不到位也是枉然。欲望一旦超出能力可控制的范围，人们不仅会对大量一知半解的知识产生抗拒，焦虑情绪也会顺势而上，径直将他们拖入无底的黑洞。

这样的学习焦虑症患者屡见不鲜，我自己就是。我时常一边用电脑下载着各种资源，一边对老师开出的书单狼吞虎咽。这样的状况愈演愈烈，直到某天在思想史的读书课上，那位头发斑白的老师向我们分享他的读书经验。他说，年轻的时候我每读一部书都必做读书笔记，后来不了，因为书读多了，单是笔记都看不完。不如停下来，就挑几本书，扎扎实实慢慢读，思想的变化反而更明显。

这话一直在我脑子里绕，回到宿舍，翻出那些被压在书柜底层的书。它们的内容早已被我淡忘，只知道写得真好，第一眼就知道。推开那些“待读”，“待下载”，“待完成”，今天的我只想漫无目的地在旧书堆里徘徊。

转自《大学生·中国校园》

你必须非常努力，才能看起来毫不费力

风逐蓝天 — Sun, 18 Dec 2011 13:15:52 +0000

有一群人，他们积极自律，每天按计划行事，有条不紊；他们不张扬，把自己当成最卑微的小草，等待着人生开出花朵的那天。他们早晨5点多起来健身，你在睡觉；7点开始享受丰盛的早餐，蛋白质维生素淀粉粗纤维样样俱全，为新的一天起了一个好头，当他们收拾妥当准备开始一整天的工作时，你还在睡觉；

他们用上午的高效时间完成了一个又一个任务，甚至发现的新的商机，发现了有可能给人生带来改观的机遇，当午餐时间临近，他们伸了伸腰，准备稍作休息，此时你终于起床。

他们的午餐不铺张浪费，却营养全面，他们有选择的进食，因为清楚的知道自己想要的是什么，而你也在起床之后但觉到了饿意，你早早的洗了把脸，甚至连牙都没刷，打开冰箱，拿出了昨晚跟朋友high过之后带回来的薯条以及可乐；

午睡之后，他们重新积极的投入工作，而你也终于吃饱喝足，坐在了电脑前。是的，你的一天开始了。

晚上回到家里，他们也打开了电脑，也许是为了完成白天没来得及做完的工作，也许是因为前两天刚报了一个网络课堂，此时你还沉浸在dota中，你发的贴子还不够有人气，你发现空老师又更新微薄了，电视剧里男女猪脚还没有最后在一起，作恶多端的女二号还没有得到应有的报应。

终于，22点到了，他们停下了工作，或许去满满的书架上拿下了一本书，或许拿起了自己心爱的乐器打算练练手，或许已经上床睡觉。当然，睡之前他们会想一想，自己在这一天都做了什么，有什么收获，又有什么教训。

最后，他们又重新提醒了一下自己那个埋在内心深处的梦想，然后满意的睡去了。此时的你还在等待升级，还在顶贴子，还在刷微薄，还在为了男一号女一号哭哭啼啼，你的一天才刚刚开始精彩。

后半夜，你隐约感到了困意，依依不舍的关掉了电脑，身上已经很臭，你却懒得去洗一个澡。你走向了乱糟糟的床，钻进了肮脏的被窝，掏出了手机——是的，爪机党伤不起。

你隐约知道自己的身边有那么一群“他们”，可是你却没有办法实实在在的感受到他们的存在。直到有一天，你和“他/她”终于浪漫的相见了——

他/她是老总，你是普通的打工仔；
他/她是主任，你是弱爆了的小职员；
他/她游历各国，念着你想念的大学，拍着你想拍的照片，过着你想过的生活，他/她各种恣意的小清新，

而你，是的，我知道你恨小清新，可是这又有什么关系？事实已经如此，你就是那个电脑荧光照射下的SB。

注：文章来自网络

利用Google Analytics目标渠道可视化分析用户注册流程

风逐蓝天 — Thu, 15 Dec 2011 13:59:53 +0000

目标是Google Analytics中统计网站关键步骤执行情况以及跟踪用户在访问目标页面前的浏览路径的主要工具。目标可用于统计用户执行了下载、关注、分享、订阅等关键步骤；而目标的渠道可视化功能用在分析电子商务网站的购物流程、网站注册流程等具有明显线性规则的页面步骤时非常有效。

最近试了一下Google Analytics目标的使用，结合虚拟页面技术统计用户在网站注册流程的转化路径。注册用户页面：track-form.html

因为测试页面的注册表单均在同一个页面中，而Google Analytics目标渠道可视化只支持多页面的目标渠道路径，所以采取了虚拟页面的办法。在每一个输入框中增加了onchange属性，即当用户在该输入框修改了值并将焦点移到输入框以外的地方时，自动触发onchange向GA服务器发去一条页面访问记录。比如，用户名输入框的代码修改如下：

1	input id="userName" class="textInput" type="text" name="userName" value="" size="30" maxlength="30" onchange="_gaq.push(['_trackPageview','/virtual/register/username/']);"

其他几个输入框的代码可以查看track-form.html示例页面的源代码。

页面代码修改完之后，就可以在GA中找到对应的配置文件，在配置文件设置页面中有“目标”的标签，其中可以新建一个目标。设置页面如下：

1、渠道可视化不是必选，如果你的目标在转化前没有一个明确的线性流程的话，便不需要开启目标渠道。

2、只有在“目标类型”中选择网址目标，才可以使用渠道可视化。

在新版GA的“我的转化情况”-“目标”中可以看到每一个目标的转化率。我们重点关注下“渠道可视化”。个人觉得这是GA目标功能最大的优势。

为了区分开不同情况的用户输入行为在GA渠道可视化中的表现形式，我连续四天在测试页面上进行了不同的实验，最终的对比图如下（点击查看大图）：

上图中的1-4所标出的渠道可视化图，分别对应以下四种情况：

1、未输入任何内容，直接提交（访问目标网址）。因为在设置目标渠道时，将第一步“用户名”设置为了必要步骤，因此此时未填写任何内容直接点击提交按钮（访问目标转化页面）是不列入目标渠道可视化的。

2、未输入密码，其他都输入，点击提交。这里，我们看到虽然没有输入密码，但是GA在渠道可视化中还是将用户视为已经走完整个渠道流程。这是GA的一个特征，即在用户符合必要步骤，并且访问了目标页面时，GA会自动补全其中丢失的中间渠道。这也有一个问题，如果一个目标转化没有明确、唯一的线性流程，最好不要使用渠道可视化。如果用户没有经历渠道中的步骤，但依然渠道了目标页面，只会对渠道可视化中的数据带来无意义的内容。

3、所有内容填写完毕，并且邮箱修改了一次，点击提交。按照javascript中onchange的规则，只要输入框内容改变并失去焦点，就会激活onchange语句内容。但是，实际GA对同一次访问中重复对同一个页面的访问，并未重复统计。

4、只输入用户名未输入其他内容，未提交。这种情况下便是一个用户在注册流程中间跳出未完成目标的渠道可视化统计表现。

关于GA目标渠道可视化的几点总结：

1、只适用于有唯一、线性路径的目标。

2、实际应用最好是各个步骤本身有不同的URL ，虚拟页面的方法只是一种不完美的替代。

3、必要步骤未执行，而直接到达目标页面不会算入目标转化；非必要步骤未执行，而直接到达目标页面，GA会自动在渠道可视化中自动补全缺失步骤。

4、渠道可视化功能主要在于发现用户进入渠道的入口，离开渠道的步骤，以及各个步骤的转换率。

早安励志，晚安温情

风逐蓝天 — Sat, 03 Dec 2011 08:39:03 +0000

原文来自《新周刊》第344期。

忐忑的世界需要一首安魂曲。现实的社会需要无数条温情短信。

在戾气与善良、冷漠与温情、真相与谣言混杂的微博世界里，@新周刊的“早安先生”每天早上8点会道一声：“早安，各位”。每天晚上12点，@新周刊的“晚安小姐”会道一声：“晚安，各位”。至今已一年。

“我想，你是一位每天进门出门都会和爱人亲吻的绅士吧。”有博友如此猜想。

“新周爱人——零点一声‘晚安，各位’，真有粉丝说‘就等你这句晚安呢，我好去睡觉’，早上起晚了，粉丝会骂‘死鬼，好懒’，分明是爱人关系，不过是分床制的。”（@肖锋）是的，@新周刊就是你的爱人和玩伴，它负责每天早上给你打一针鸡血，晚上再给你贴一剂安魂膏药。

早安励志

每一天清晨。

你从新疆阿勒泰的暴雪中醒来；你从江西写着“拆”字的楼顶醒来；你从河南节能减排停止供暖的床铺上醒来；你从拥堵在京藏高速公路的驾驶舱中醒来；你从板车、汽车、卧铺、宿舍、筒子楼、别墅、复式楼、电影院、网吧、洗浴中心、草坪、海滩、纸板……醒来。

上帝保佑起得早的人。

因为马克·吐温、曾国藩、仓央嘉措、马丁·路德·金、塞万提斯、培根、但丁、歌德、泰戈尔、莎士比亚、罗曼·罗兰、纪伯伦、罗素、高尔基、小王子等，会跟你道一声早安。

他们叫你要勇敢。

去吧，去成为你想成为的那个人。不要被教条所限，不要活在别人的观念里，不要让别人的意见左右自己内心的声音。最重要的是，勇敢地去追随自己的心灵和直觉。决定一个人的一生，以及整个命运的，只是一个瞬间。

他们教你如何与人相处。

对所有的人以诚相待，同多数人和睦相处，和少数人常来常往，只跟一个亲密无间。感谢伤害过你的人，是他让你的人生与众不同；感激为难你的人，因为他磨练了你的心志；感激绊倒你的人，因为他强化了你的双腿；感激欺骗你的人，因为他增进了你的智慧；感激蔑视你的人，因为他醒觉了你的自尊；感激遗弃你的人，因为他教会了你独立。

他们教你如何看待人生的顺境与逆境。

好的运气令人羡慕，而战胜厄运则更令人惊叹。并非每一个灾难都是祸，早临的逆境常是幸福。经过克服的困难不但给了我们教训，并且对我们未来的奋斗有所激励。在顺境中，朋友结识了我们；在逆境中，我们了解了朋友。

他们叫你要珍惜时光、懂得奋斗。

人生莫惧少年贫。一个人越懒，明天要做的事越多。不要睡懒觉，不和太阳一同起身，就辜负了那一天。不要等到日子过去了才发现它们的可爱之处。有四样东西一去不返：出口之言、射出之箭、过去的时间、错过的机会。

他们教你学会爱。

所谓父女母子一场，只不过意味着，你和他的缘分就是今生今世不断地在目送他的背影渐行渐远。你站立在小路的这一端，看着他渐渐消失在小路转弯的地方，而且，他用背影告诉你，不必追。

你见，或者不见我，我就在那里，不悲不喜/你念，或者不念我，情就在那里，不来不去/你爱，或者不爱我，爱就在那里，不增不减/你跟，或者不跟我，我的手就在你手里，不舍不弃/来我的怀里，或者，让我住进你的心里/默然相爱，寂静欢喜。

他们这样描述你的青春。

有皱纹的地方，只表示微笑曾在那儿待过。青春并不是生命中一段时光，它是心灵上的一种状况。它跟丰润的面颊、殷红的嘴唇、柔滑的膝盖无关。它是一种沉静的意志、想象的能力、感情的活力，它更是生命之泉的新血液。

他们催你多读点书。

不读书的人，思想就会停止。读书是在别人思想的帮助下，建立起自己的思想。

他们教你如何看待这个世界。

杀了公鸡，也阻止不了天亮。历史将会记录，在这个社会转型期，最大的悲哀不是坏人的嚣张，而是好人的过度沉默。对绝大部分人来说，热爱公正无非是怕吃不公正的苦头。我们把世界看错，反说它欺骗了我们。

每个人都来这世上走了一遭，但不是每个人都真正活过。

晚安温情

你很忙。

微博让你的生活变得拥挤，铺天盖地的资讯让你自以为擅长分享。

面对天灾人祸，你擅长分享痛苦；面对不公求助，你擅长分享同情；面对制度缺陷，你擅长分享愤慨；面对恶性事件，你擅长分享惶恐；面对道德失范，你擅长分享忧虑；面对八卦炒作，你擅长分享幻灭……你的手指不停地摁下转发和评论，你学会了围观和吐槽，懂得如何在自己的小圈子里站好队，表情一致地望向所有突发事件。

你忙着抗议不公世界，你忙着批判现实社会，忙着确认责任感和参与感——你试图发出声音，这就是你所以为的存在感。直到你发现：你的咆哮总是淹没在频率一致的声潮中。来不及追究就深信不疑，来不及思考就给出意见，你搭乘在速食时代的时光机上，说过的话转瞬即忘。

还剩下些什么？义务、使命、良知、正义，可这一切背后郁结着怨气、怒气、戾气甚至是杀气。现代人时时提醒自己理性、警醒、刻薄、挑剔，可随之而来的是绝望和压抑等负面能量，感性被磨损，人人患上心灵饥渴症。

你睡不着。

是什么让你如此执着要等到一声准点的“晚安”才肯入睡，还是你根本就睡不着？

你开始审视你的生活，日复一日挤地铁挤到肋骨发痛，月复一月拿着微薄的薪水仰视房价一涨再涨，年复一年没有感情归宿和晋升希望……你时常感觉痛苦和饱受剥削，你发现每一张尴尬的标签都能天衣无缝地依附在你身上，你宅，你穷忙，你是下流社会里不折不扣的橡皮人。

那些睡不着的夜里，你都在做些什么？

2秒钟转发一个帖子，20秒写完一句评论，2分钟打开一个在线视频，20分钟结束一局游戏，2小时写完一个工作方案……现实总是令你彻夜不眠，顶着疲惫的双眼却不得不打满鸡血。

你需要有上升空间的工作，需要永不背叛的感情，需要小区住宅和高级跑车，需要银行存款和长期饭票。你需要的很多但你发现很都难得到，在盘踞着心灰意冷与麻木不仁的空白中，你发现你最低限度的需要，不过是一点温情。

但温情已经很久没有了。在世界还未运转得如此飞快的时代，在手机和网络不曾如此发达的日子里，你还不用忙着快速制造又迅速遗忘，也许你曾经在睡不着的夜里，感受过这种温情——老式收音机的电波里，曾经有一些歌曲伴你入眠，曾经有一些声音每天跟你道一声晚安。

温情其实就这么简单。在睡不着的夜里，一声柔软的问候就能按摩你的心灵。

你不差钱，但你缺朋友。

你每天要打10个以上的工作电话，却很快就忘记他们的名字；你的抽屉里有超过100张的名片，却很难再想起他们的脸；你发很多短信，有一半人要到三天后才会回复你；你穿梭在各种饭局、酒局和夜场，但你始终无话可说。不，或许你有话可说，你每天能说上一万句话，却加起来也顶不上开不了口的那一句。

正如@新周刊上第一条转发过万的那个晚安帖一样：“没有人有耐心听你讲完自己的故事，因为每个人都有自己的话要说，没有人喜欢听你抱怨生活，因为每个人都有自己的苦痛，世人多半寂寞，这世界愿意倾听、习惯沉默的人，难得几个。我再也不想对别人提起自己的过往，那些挣扎在梦魇中的寂寞、荒芜，还是交给时间，慢慢淡漠。”这是漫画家幾米的一段话，但网友们却觉得从中找到了真实的自己。

这就是晚安帖所要提供的正面能量。它们并非格言警句，只是一些不经意就会被你忽视的慰藉力量，一如你曾经忽视过的很多东西：温情、柔软、爱和希望。

因为恋爱而受挫的你，因为工作而消极的你，对未来充满迷茫和惶恐的你，在城市里居无定所没有安全感的你，当你坐立不安，当你习惯忧虑和怀疑，当你失去了耐性和信任，当你发现你的QQ、MSN、邮件、论坛账号无比亲密又万分疏离，那么这一句晚安，就有了存在的意义。

它不是要激励你，它只不过想抚慰你。这一刻，不伟大，不忧患众生，不肩负历史使命，没有义务与责任。这一刻，请你带着柔软的心情，闭上眼睛，睡个好觉。

晚安，各位。

优秀产品经理所需具备的7种能力

风逐蓝天 — Sat, 03 Dec 2011 07:56:36 +0000

一、沟通能力

成功的产品经理必须是优秀的沟通者。

从我所认识的优秀产品经理们分析来看，他们所具有的最共同特征是“在工作中具有优秀的口头及书面沟通技巧”。

为什么沟通很重要？在许多公司，产品经理最为一个决定性角色扮演着沟通枢纽的角色，如下图所示。

而在不同角色间有效沟通能力，往细了说，就是与不同的个性类型沟通的能力，即在用不同角色沟通的时候讲不同的“语言”。对于有效沟通来说，重要的是你使用目标听众的“语言”。

例如，大多数工程师倾向于是“内向型”，而大多数销售/市场专员倾向于“外向型”。这意味着，与工程师沟通相较而言，和市场专员沟通时需要使用“另一种语言”。同样地，当你和主管沟通时，相对于“树的级别”而言，你必须把更多的表述重点放在更高层次的“森林级别”，然而许多产品经理却错误的依然跟主管们在谈论着这颗树是多么的美丽。

二、没有权力的领导

成功的产品经理拥有在没有正式的权力下也能成为优秀的领导的能力。

多数公司，产品经理被期望在多个领域扮演“领导角色”。这包括领导项目团队，领导产品策划和路线图，领导跨部门沟通等。

然而，在多数这样的情况下产品经理并没有统筹这些部门的权利。

没有权力如何领导别人？我想说，使用联合影响，谈判，关系网和其他类似技巧。

没有权力是否可能领导？我对此的想法被这个问题总结的很好，我的回答是个反问：甘地和马丁·路得金有多少权力？

三、学习技巧

这点，用我彭毅的话来说，就是优秀的产品经理擅长做不擅长的事。

优秀的产品经理必须具备快速学习的能力，市场变化很快，新技术总是拔地而起。 “差异化产品”在今天不到6个月内产生，有时甚至更快。

我认为多数公司在雇佣产品经理时会犯的一个错误是－他们看重“强悍的专业知识”。

举个例子，一个做软件安全的公司，他们寻找一位拥有5年以上软件安全方面工作经验的产品经理。我认为这是一个错误的方法。

更好的方法是，寻找一个拥有软件工程方面工作经验的产品经理，并且拥有快速学习的能力。这种方法对我来说实现的很好，我手下那些最好的产品经理在被雇佣以前，都没有他现在所从事工作的专业知识。

四、商业敏锐度

成功的产品经理对基本的商业原则也有很好的理解。

他们了解如何辨认市场机会，竞争分化的重要性，创造成功产品的策略，定价，促进，合作，分析，声明，及其他。

这并不意味着他们需要工商管理硕士学位。实际上，我接触过的多数成功的产品经理并没有工商管理硕士，但是他们对商业基本原则都有着充分的了解。

五、热爱产品

成功的产品经理对产品有一种固有的爱。

他们因跟上市场上新产品的步伐而高兴，和他们的到手的一样多。他们注册了大量的“betas”网站，下载最新版本的软件并使用，等等。

他们为设计好的产品而高兴，即便并不是他们公司制造的。他们讨厌设计糟糕的产品，即便是自己公司制造的。

他们热爱创造伟大的产品，无论它是一个全新的产品，还是改进现有产品。

六、观注细节

任何事务是由细节组成的，关注细节,是创造伟大产品的必要基础。

Steve Jobs曾经说过：

iMac不仅仅是颜色或是半透明或是外壳的形状。iMac的本质是使每一个元素集中在一起成为最出色的消费电脑。在我们最新的iMac，我坚定我们摆脱了风扇，因为使用一个不会一直嗡嗡作响的电脑工作让人更愉悦。

扔掉风扇不仅是Steve一个固执的决定那么简单，他背后需要一个巨大的工程，计算出如何更好的处理电源功耗，以及如何更好的通过机器散热。这是我们产品出发的核心点，顾客购买我们，就是为了让我们去解决所有这些细节，所以他们容易和喜欢使用我们的电脑。

成功的产品经理观注细节不仅仅是提到产品性能，并且在竞争力分析，项目计划，和几乎每个他们主要负责的活动。

我的话：同样，这种细节体现在你所做的报告中、计划中、任务策划书中。在内容上，请尽可能的描述到实施细节；在表现上，请尽可能的体现一个产品设计师的UI设计细节。如果一个连报告都不能让人愉快阅读的产品经理，怎么指望做出来的产品能有优秀的用户体验。

七、常规的产品管理技能

一个产品经理需要这些技巧来完成日常任务。他们包括写市场分析报告和需求分析报告，执行竞品分析，创造产品路线，陈述产品性能和利益，定义用户界面，等等。

每个公司都需要这样的技能。这一技能放在最后，是因为我认为拥有上述六点的产品经理很容易学到这些技能。

转自：http://isnewme.com/?p=1050

韩国三大门户的基础设计

风逐蓝天 — Sat, 03 Dec 2011 07:40:43 +0000

前言

本博文通过韩国的最具有代表性的NAVER、DAUM、NATE三大门户网的设计，从中了解首页布局，页面色彩应用，以及频道导航，页面模块处理等一些基础设计，使得让我们更方便、直观的跟我们国内的门户做对比，了解韩国门户的设计方面的流行的趋势和风格把握，希望能给每一位关心门户设计的朋友一些新的启发。

页面布局、结构

以上三个门户的首页页面布局和结构中可以看到比国内的几个门户网的布局大不一样。韩国的首页布局通常都是以简洁清晰、区块明显的的特点吸引用户。但这并不意味着内容上单一、乏味。韩国的门户更多的是利用清晰的导航来引导用户更快、更直接的到达用户所需要的页面中，而不是把全部的频道、分类罗列在首页。记得曾经在一位韩国设计的博客上看到过他写的一段话，讲到：用户预览网站就像逛商场一样，商场不一定为了大卖把所有商品堆积在顾客进门的大门口处，而更重要的是怎样让用户少走一些弯路，买到更多自己满意的商品，这就需要一个清晰明了的导航和合理科学的布局。

页面色彩应用

为了更好的做出对比以上拷贝的都是三家门户的同样形式的专题页-手机应用的宣传专题。

从中可以看到，每家门户都是围绕着VI的标准色来制作的，其三家的设计风格都很接近，淡淡的背景，清晰的文字、直观的素材。没有过多的修饰和渲染，没有过多丰富的颜色这就是韩国的设计风格。

频道导航规范

每个门户都有丰富的子频道，因为涉及的频道太多，我这里只能列了一些重点频道和，具有代表性的频道导航。

以上三家门户的频道导航处理上略微不同的是NATA任何频道白底黑字，只是用分别不同的细的色条来区分频道之间的差异。NAVER和DAUM用的是VI标准色，和应用频道的特点取了一些周边补助色。但任何频道都没有脱离VI的标准色，这样处理的好处是很好的体现了其品牌的凝聚力和品牌旗下的概念。

页面颜色及文字颜色

三家门户页面用色基本上都严格按照VI的专色和浅色的搭配，整体看协调。

其中VATE的文字用色上有明显的特点，没有标明文字链，只是用CSS文字感应来表示可点。

在国内的界面设计中，中文字链的部分通常都用蓝色、或者蓝色下划线来标示。但目前没有一个界定的标准，什么样的文字链是蓝色，什么样的文字链只是用通常的颜色+文字感应样式来表达。NAVER和DAUM的文字链处理上，一般的文字链都是用主体文字颜色来表达，在特殊特定的文字链才应用了蓝色文字链。

icon

及客户端、wap

icon和客户端一般线下使用，所以更需要保留自身品牌感。icon必须在有限的像素空间上既能表现出产品的特点，也要表现品牌的统一形象、品牌的整体感、品牌的系列性。
以上三家门户的icon和客户端都有共同特点，都保留品牌自身的基本色和风格、质感，确保了用户的识别性。在国内的icon和客户端的用色上比较混乱，由于只重视其产品的自身特点和风格，往往忽略掉了品牌感。这一点，我们可以多多借鉴一下。
页面模块的视觉处理

作为设计师应该有良好的对模块的表现手法，而且还要具备对模块意识。哪些模块可以利用标签形式，哪些模块要做成切换滚动形式……
以上三家门户的模块处理方式上和视觉表现形式上都比较雷同，基本上都用浅色线条、和浅色色块、甚至都没有应用渐变、反白文字的深色分类条。这种处理方式页面看着比较清爽、简洁。

结语
以上是韩国的三大门户NAVER、DAUM、NATE的基础的设计中几个方面，我们从中了解了韩国的设计风格和规范的应用。
wed设计是一门综合的艺术表现形式，肩负着不仅要跟国外的优秀方面学习，还要设计出符合国内用户的习惯产品、也要用最科学的方法引导用户群体，使得更好更快的使用网络产品。

如何建立强有力的人脉关系？

风逐蓝天 — Sun, 13 Nov 2011 09:29:30 +0000

常言道：10多岁比智力，20多岁比体力，30来岁拼专业，40岁拼人脉……年纪再大些要拼什么我就不知道了，但过了60岁肯定重新拼体力，活着比什么都重要，哈哈。

说到人脉关系，现在任何人都相信它越来越重要，至少我身边大多数朋友都把拓展人脉当成一件重要的事情来抓（包括我自己），刚好30来岁有点经验和积累，还有体力仍然有梦想和激情。

我在去年重读高阳的小说《胡雪岩》，虽然到现在还没有看完，但这本书通篇讲的，无非是四个字：“人脉关系”，这是一部关于人脉关系投资与经营的最佳教科书，值得一读，尤其身处最讲关系的亚洲社会。

提到人脉关系，我想起2个小故事，第一是Bill Gates他老人家，在20岁的第一份合同来自IBM，而据说是因为他母亲本来是IBM董事，是她把小Bill推荐给IBM董事长，才赢得这份具有里程碑意义的合同，这个故事可谓街坊尽知，也常常被人提起来证明人脉关系重要性，但我倒觉得这个事情不是讲人脉而是讲裙带关系，毕竟老妈妈不算真正意义的人脉。

第二是新东方学校的俞敏洪老师讲过的一句话，让我印象深刻，他说你要想知道你今天究竟值多少钱，你就找出身边最要好的3个朋友，他们收入的平均值，就是你应该获得的收入。俞老的话真是一针见血，令我敬佩。

按照社会学的某些观点，我们生存的中国正在由熟人社会向陌生人社会转变，你每天遇见的，对你生活产生重大影响的，都是一些陌生人（所以老妈妈的关系只是证明熟人社会的重要性）。由于陌生人的存在，更提升了人脉的重要性；而由于人脉的重要性，也催生了一些新的行业，比如各类SNS（social networking service）网站，提出如“六度空间”或“社交银行”等新鲜的理论。

我记得若邻上的讨论区曾有不少人激烈地讨论这个问题：这种网络人际连接究竟有多大意义？SNS是否应通过建立沙龙、组织活动或者分类讨论来有意识地加强人与人的深度了解和互动？……不过后来总算有人出来安慰说：SNS依靠的是“6度关系”理论（指按数学计算，这个世界上任何两个人产生联系，最多只需要通过6个中间人，从你到布什总统，从一个越南农民到阿拉法特），虽然internet技术可以更方便使地球上任何两个人产生联络，但它永远只能提供一种“弱连接”，永远无法替代真实生活，无法取代面对面的交流和带来的信任，因此别期望太高。

这是个理智的评价（所以我好奇SNS如何产生盈利，除婚恋交友市场外）。显然，无论借助网络还是现实生活，建立真正的强有力的人脉关系并非易事，它同样需要用心经营、互利互惠，所以“社交银行”这个概念有意义，人应该要经常盘点自己的人脉资产，计算投资和收益。而短期的利用及无意义的小圈子社交，都是另外意义上的一种浪费。

我认为，朋友无非分为两类：有用的，和有趣的。其中之一或两者兼有。

如果你尚处于渴望友谊的阶段，或者对于商业充满厌倦，那么我建议你放弃阅读后文。
这是个真实的商业世界，有用的朋友才能产生长期交往的动力，好比你只希望去那些顾客盈门信誉良好的商铺买东西一样，当然如果彼此兴趣相投，那更妙不过，但不可强求。

人是否善于与自己不喜欢的人交往，善于在一个自己不喜欢的环境中折腾，这是衡量一个人社交成熟度的标志。

我的看法，建立强有力的人脉关系无非3点：

第一、建立你的价值。
这里的“价值”，换个更贴切的说法就是“被利用价值”，在盘点人脉关系前，冷静问问自己：你对别人有用吗？你无法被人利用，就说明你不具有价值（比如说，职业规划无非是提升你的“被雇佣价值”），你越有用，你就越容易建立坚强的人脉关系。

想想看俞老师的那句名言？很少人能和与自己地位相差太远的人建立真正的人脉关系。所以，即使我今天有幸通过wealink与李嘉诚建立了联结，他也不会对我有兴趣（还不如认识长江或和黄实业的VP或CEO更有价值呢）。如同建立品牌一样，一个人与其匆忙花费精力漫无目的认识朋友，不如事先确定好自己的价值定位，然后针对目标顾客有针对性地传播。

人在每个阶段，取决于自己的能力和目标，都有不同的价值定位。当你还是一个大学生，你的价值可能在于你成绩很棒，或者是足球踢得特别好，也可能是你很帅，大家觉得和你在一起有面子，实在不行，你还可以很有体力，很热情愿意去跑腿；最糟糕的（但也不是坏事），很有钱，总乐于买单……你工作后，或许你是一个电脑高手，或许是一个品牌专家，总愿意出谋划策，或许你认识很多媒体，善于用笔杆子为人解决问题，或者你在生产制造方面很有经验，当然，如果你有很多钱，恭喜你，你处于食物链的顶端，资本最有价值。

第二、向他人传递你的价值。
一个老好人，固然有趣但毫无用处，但一个总不愿被人利用的精明人，也难以建立真正的人脉关系。在人际交往中，要善于向别人传递你的“可利用价值”，从而促成交往机会，彼此更深入地了解和信任对方。

在日常社交中，有两种心态不太可取：1是自我封闭，傲慢，此类常见于一些外企白领金领中，常以递出的名片是某某500强的director或VP为傲，流露出“我等高职位，应获得你的尊敬”的小圈子心态，其实眩目的职位固然让朋友觉得有面子，但如果你对别人缺乏真正的价值，还不如一个小老板搓着双手对你说：“哥们，我给你搞一些上等走私进口雪茄如何”更让人欢喜。

2是愤青心态，以超脱自居。我举个例子，wealink上用户大多会写自己的公司及职位，总监/总经理等常见，有一日我见到某个用户在职位处不无揶揄地写道“都是经理，不知道经理价值几何”，我想他虽然是开玩笑，但并不妥当——虽然经理的确不值钱，但总比“业务代表”值钱。更何况在这个陌生人社会，无论是网络“弱连接”还是日常交往来看，大多数人是在几秒种或1分钟之内就判断和你交往是否有价值，甚至决定是否要与你交往。
除非你是众人皆知的李嘉诚或bill gates，也不想做退隐乡村的文化人，否则还是老实写清楚职位较好，毕竟这代表了你当前的价值（至少是部分）。你不尊重自己的价值传递，说明也不尊重别人。

第三、向他人传递他人的价值，成为人脉关系的一个hub。
在现实生活中，我们经常遇到这样的情况：某个很好也很有价值的朋友，但是1-2年也难得碰上一次面（而这种朋友即使碰面，又常常只停留在握手喝酒闲侃中）。俗话说“大家都很忙”——这固然没错，但是用人脉关系来说，就是一种“沉淀资源”，没有产生应有的效益。

还有，当你和某个朋友聚会，说起一件难以处理的技术难题，这个朋友突然拍着大腿说：“我有个10多年的好朋友，他是这方面的专家，他完全可以帮你解决！你为什么不早说呢……”，是呀，你为什么不早说？因为之前，你从来没有听说过他有这样一个朋友啊。

而另外一个朋友，他似乎总有各种关系而且善于提供帮助。你在电话中提到一件生产的麻烦，因为你知道他认识好几个这方面的专家，通常在你电话刚挂断的时候，他电话又打进来了，因为他已为你约好了其中2个朋友，今天晚上就见面，为你提供解决建议；当然，他还说，顺便有另外一新投资项目要咨询你，希望你邀请你另外一个做VC的朋友也能参加聚会，大家认识认识。

上述那种人脉关系发挥了最大价值呢？

你很有价值，你身边也有很多朋友各有自己的价值，那么为什么不把他们联系起来，彼此传递更多的价值呢？如果你只是接受或发出信息的一个终点，那么人脉关系产生的价值是有限的；但是，如果你成为信息和价值交换的一个枢纽中心（hub），那么别的朋友也更乐意与你交往，你也能促成更多的机会，从而巩固和扩大自己的人脉关系。

所以，寻找并且建立自己的价值，然后把自己的价值传递给身边的朋友，并且促成更多信息和价值的交流，这就是建立强有力的人脉关系的基本逻辑。