分类研究

摘要：本文分享最近使用卡片分类法（card sorting）的变体所进行的一项图标分类研究。其中手段不乏粗暴低劣之处，权当一种quick turnaround的问题解决思路看吧。 这个PPT的模板用了乐高作为设计元素原因等会揭晓~~~ 随着本司的图标数量越来越多，图标设计师需要建立一个分类体系以进行规范管理和需求审核。他本身已有一个初步分类体系，但考虑到这关系到众多设计师（图标制作需求方），希望集思广益，考虑更多角度，让分类体系更专业，也方便日后的推广与维护。 在与图标设计师沟通后，我制定了以上研究方案。 第一步：通过邮件发出邀请，收集五个设计师的分类。 几个说明： 图标若制成卡片，费时费钱（彩印）也看不清楚，也没找到卡片分类软件是支持图片的，所以利用公司共享空间做线上分类；共给出有代表性的图标38个供分类； word文件的表格，内容是分类者对自己做出的每个分类进行解释说明； 我收到回邮表示分类完成后，会马上将TA的文件夹剪切到本地； 只邀请五名设计师是考虑到分类体系用于内部，专业性较强，无需大量人员或真实用户参与 第二步：由我进行汇总、分析 目标：归纳共同点和争议区，确定待讨论内容，为接下来的碰头会作准备。 目的：节省众人时间，快速达到共识，以免陷入无方向、无休止的争论。 原则：和谐大法。即采取最简单的逻辑——少数服从多数，以及较为粗线条而非精准的推理（见下） 手段：乐高积木肉眼识别大法。 对于卡片分类结果的分析，网上许多谈论卡片分类的一到这儿就语焉不详了，尤其在分类还不确定的时候（分类确定时可以怎么做，见下回分解）。免费软件我只搜到IBM的EZSORT，但死活下载不到幸好数据量不多，于是在襄襄脑力支持下，按以下步骤进行了分析—— 书安是咱们伟大滴、辛勤滴图标设计师，当前先以他做出的分类为标准。 乐高大法现端倪！利用颜色建立彩色“积木”，为下一步分析奠定基础。 和谐大法出动！将同类归入色块、排除边缘分类都是手段。其中在排除边缘分类时，咨询过做出该分类的设计师，是否能将其归入虚拟形象类，得到同意。 这样看，很赤果果。 这样看，就能看出规律啦！ 对“产品、服务的分与合”的说明： 有三名设计师对产品、服务做出了明确的区分 有两名设计师将产品、服务与其他区分开来，但是将两者混合了 在分类初期，不宜太早合并 结论：区分 将混合了服务与产品的设计师的分类代为区分开（用颜色，请对比两图前后变化），然后开始乾坤大挪移工作—— 按照和谐大法中的少数服从多数大法。标准块>=4的，视为无争议。 以上积木搬动是为了更好地看出问题以做出分析。 留意最后一行，有一个图标悄悄发生了变化。原有三人将这个图标归入橙色类，另外一人归入“一般提示”类，而该类下只放了两个图标。故被和谐入多数派中，也使这个图标的归类有了定案。 到了这一步，和谐区和争议区已被确定。接着只需看最棘手的。 对争议区进行最后的清理： 少数派被标出，并被和谐（即忽略不考虑）。 概念趋同是指，目前各个同质的分类虽然同色，但命名不一样。为了方便讨论，暂时统一命名如下—— 到了这一步，我的工作告一段落。于是把所有参与的设计师以及图标设计师（即“标准”分类制定者）召集起来讨论。 讨论重点如上。上表直接引用excel，可即场修改。修改结果如下—— 接着，就个人形象、装饰两个分类进行了讨论。整个过程比较流畅高效（个人感觉） 最后，现场得出初步分类结果，并确定了命名。个人形象单独新建一类“形象”，装饰类归入“提示及反馈”。接着，现场马上对本司现有所有图标进行了分类。 预备做法： 为所有图标编好名字（格式：数字-图标名，如"1-删除"），打开文件夹，以缩略图的形式呈现（一行5个），投影在白板上。 人手一张记录表。行头用的是预想会有的分类，当场手工修改（工作量总比当场全部重新填少嘛）“其他”用于无法归入任何一类时使用。 各自单独完成分类。 实际做法： 由于要分108个图标，分了不到30个大家就大呼受不了，原因包括： 我的表可用性不足，到10个之后离首行很远，对不上行头的分类。 对某些不是自己业务范围内的图标感到陌生，不知道如何分。 改为集体对每个图标逐一讨论、确定归类，我做记录。没想到效率也蛮高！可能是经历过讨论大家有一定共识了吧。以上从分类到归类的整个讨论过程，耗时1个半小时不到。 最终分类结果如下—— 根据对108个图标的归类，结合最具有图标设计专业性的图标设计师的判断，最终做出如上右的分类。描述（即原装饰）被提了出来。 结语：这次研究过程蛮有趣好玩，跟设计师交流也很开心。但是对于数据量很多的卡片分类如何处理呢？呀，夜深了人静了，滚去睡觉了下回再写吧，再结合Google AdWords帮助中心一个研究案例。

栅格化的网页布局和0.618黄金分割比例的关系

前段时间在网络上发现最近网络上开始有很多人在讨论栅格化的网页布局，嗯。我也先介绍一下网页栅格化的布局情况吧。

最早提出网页栅格化的设计的人我忘记是谁了，但是应该是网页还停留在780宽度的时候就听说过栅格化的问题。从taobao ued的博客了解到

“1692年，新登基的法国国王路易十四感到法国的印刷水平强差人意，因此命令成立一个管理印刷的皇家特别委员会。他们的首要任务是设计出科学的、合理的， 重视功能性的新字体。委员会由数学家尼古拉斯加宗（Nicolas Jaugeon）担任领导，他们以罗马体为基础，采用方格为设计依据，每个字体方格分为64个基本方各单位，每个方各单位再分成36个小格，这样，一个印 刷版面就有 2304个小格组成，在这个严谨的几何网格网络中设计字体的形状，版面的编排，试验传达功能的效能，这是是世界上最早对字体和版面进行科学实验的活动，也 是栅格系统最早的雏形。”

嗯。简单说来，网页栅格化解决的问题即是网页如何能最多的分割成为各种整数宽度的问题。。通过看上面的图片大家应该基本可以了解到什么是网页栅格化的设计，以上是950宽度的网页设计。如果把30作为每个单独的单元格的宽度，10作为每个单元格之间的宽度。那么950恰好可以分成24个小列，每个间隔10像素。

因此，这个就是网页栅格化最简单的一个解释了。下面我想说另外一个问题，即使黄金分割。
把一条线段分割为两部分，使其中一部分与全长之比等于另一部分与这部分之比。其比值是[5^(1/2)-1]/2，取其前三位数字的近似值是0.618。由于按此比例设计的造型十分美丽，因此称为黄金分割，也称为中外比。这是一个十分有趣的数字，我们以0.618来近似，通过简单的计算就可以发现：

1/0.618=1.618
(1-0.61 / 0.618=0.618

这个数值的作用不仅仅体现在诸如绘画、雕塑、音乐、建筑等艺术领域，而且在管理、工程设计等方面也有着不可忽视的作用。

如果细心一些的人会发现，黄金分割无所不在，包括拍张照片人物放在画面的黄金分割点上也是一种很好的构图方法。因此，黄金分割是一种公认最优秀的分割比例。

因此如果以一个950宽度的网页为例。最合适的分割比例其实是。

左侧：950× 0.618 = 587

右侧：950 × 0.382 =363

个人觉得黄金比例分割比栅格化靠谱很多，但是如果是一个门户网站，需要很多的小区块分割的网站，你要考虑倒栅格化的化，即是为了以后再分割考虑的化，那两列的比例也应该是最接近的应该是590像素和360像素。

为什么呢？

590 = 14 × (30+10) + 30

360 = 9 × (30+10)

其实这个比例已经几乎等于黄金分割。因此这样的使用比较好。

同时，黄金分割不仅仅体现在网页的栅格化中,还体现在行高（line-height）上，一个网站的文字怎么样的距离才是最合适阅读的呢？这个是我一个困扰了很久的问题。

结果黄金分割很好的解决了我的问题。用中文最常见的12px宋体和14px宋体为例:

最合适阅读的行高是12像素：12× 1.618=19.4 PX

最合适阅读的行高是14像素：14× 1.618=22.7 PX

再举个实际的例子，在豆瓣上目前的行高度是150%，因此12像素宋体是18像素的行高。如果换用1.618的高度。我们对比一下：

非常明显，下面是最合适阅读的一种比例。

5个给设计师的关于内容的建议

每天互联网上大量编写的页面内容误 导和浪费了用户成千上万个小时.对于今天超过10亿的互联网用户来说,这些误导等于同等的挫败 感.而对于你的客户,这也许就意 味着擦肩而过的机会.深入了解高效的页面代码方法会提升每个你的设计和网站的在线体验.而你的用户则会用市场和销量回报你为此付出的努力,这也会让你成为 更好的网页设计师.

1.网站结构至关重要

我们的用户每天都要被大量无序的网站链接骚扰.请不要再增加这种混乱了.

我们应该做的,是组织好我们页面上的信息,用直观易懂的方式引导和帮助用户找到他们想要的信息或完成想要的任务,这样就能节约时间让用户为其他的事情奔忙了.

按照目标用户的需求而不是客户的公司结构组织网站的导航,信息和链接.客户的网站不是公司的他们管理结构图,所以请不要按照这样的结构去组织你的网站.

案例:一个经营企业合并的公司已经拥有一个包含各个子部门页面的网站(比如法律部,会计部,市场部,等等.).用户需必须盲目的在各个页面之间跳来跳去,甚至去猜测自己应该在哪个部门的页面里寻找自己想要的信息.

解决方案:以用户需求为结构指导,重新组合网站结构和内容,比如以用户的任务需求为依据重新划分为:出售业务;收购业务;附加服务等区块.

也许商业活动本身是很复杂的,但让用户找到他们需要的信息不应该是一件很困难的事.

2. 让你的页面有可读(可扫描)性

客户的网站是不是会强迫你从一堆长篇大论的介绍,和模糊的信息或者根本无用的介绍文字中去发掘他们需要的信息?

研究发现,我们的用户大多数情况下只是在扫描信息,所以你需要做的就是保持页面精炼和简洁. 一般来说,如果你要把一本宣传手册变成网页,留下的内容差不多只需要有原来的一半甚至更少.

专业的页面需要:

• 与内容相关的标题
• 副标题(二级标题)
• 要点
• 简短,单一的主题段落
• 具有解释性的链接

要努力简化客户提交给你的页面内容,把他们变成容易理解的内容组块.删除不必要的词语,尽量保证每一句和每一个段落的精简.

3. 使用简单易懂的语言

人们都很惊讶于我写东西的标准是让小学生都读懂.我的客户和学生甚至怀疑这样是不是会冒犯到我的用户?

答案是不会.简洁明了的沟通和空泛无物的沟通是有巨大区别的.简洁的网站会带来直观的传达. 读者会更容易对信息进行加工,理解和沟通.

大多数人都不知道就连国家级的报纸也是应用这种标准的.比如时代杂志这样被认为最高端的杂志,也是以极高的可理解性为标准的.

为什么不用更简单的语言去表达你的内容?是作家的自尊心在作怪?比如说,在一个鲜花商店的网站上看到这样的词语:”让人动容的美艳的粉红色,或无穷魅力无限迷人的…”.

这只是个买玫瑰花的网站而已,像”令人动容的美艳”这样的词语只会让读者觉得疏远.为什么不使用”美丽”或者”可爱”这样的词语?他们一样可以达到你想要的效果.

也许这样华丽的措辞能让你觉得高人一等或者能为你从某个设计大奖赢得个把奖项.但它们对你客户的生意着实没有太大的帮助.

4. 统一的文字风格

大多数企业都会多人在不同的时间添加内容,这就导致了内容风格的矛盾.

你应该精确对页面上的每一段内容进行检查:

• 拼写和错别字
• 格式
• 文法风格
• 叙事的基调
• 语法和时态
• 文字流

当面对不同的商业市场的时候,我的文案经常会参照一些写作风格指南.
例如,当为加拿大的市场撰写某段文字的时候,<全球写作指南>一书会指导你使 用”website”这样的拼写. 但面对美国市场的时候,<纽约时报写作手册>会建议你使用”Web site”这样的拼写.

总而言之,统一风格的关键之处在于保证客户的内容统一性,而统一的内容可以提高其品牌的专业性-专业性就是信任和可靠的表现.

5. 克制虚假的热情

真诚的热情是好的.但我们总能看到太多的虚假的热情.

过去几十年里,企业中的销售团队每周都会召开热情洋溢的动员大会去激发他们的工作激情.然后这些收到过度启发的销售代表就会挨家挨户的敲门,游说或者取悦那些”潜在客户”去购买他们的产品.

在这样人工制造的热情下,每个销售人员都成为语速极快的人,并且从不愿接受别人”拒绝”.直到他的客户愤怒的让他闭嘴.

时至今日,没有人再会在忍受这样的事情,哪怕只是短短的几秒.所有的交流只在于一个用户在点击”返回”按钮前会在你的页面上停留多长时间.

“我们是XXX最好的企业!!!!”这样的垃圾文字只是在告诉你的用户:”除了告诉你些废话之外,我们已经没有什么可以拿出来炫耀的了!”

引人注目的论点,真实可信的论据还有图表将是表达你所代表的客户专业性和热忱的最好办法.如果你所有的只是些天花乱坠的文字,还是留在垃圾邮件里吧.

关于作者 (Rick Sloboda)

Rick Sloboda是 Webcopyplus 专业广告文案网站 高级文案策划, 他的策划文案可以为网站带来流量和营销上的提升.作者经常在各种网络相关论坛和研讨会上发表言论, 还在欧洲,美国,包括美国耶鲁大学进行与网页内容的相关的各种研究.

原创出处5 Writing Tips for Web Designers

作者Webcopyplus

科学设计网页：来自眼动研究的23条军规

在网络设计领域关于Eye-Tracking的研究十分火爆，但是如何把这些研究结果转变为具体可行的设计来运作依旧是个难点。以下就是一些来自于Eye-Tracking研究结果的窍门，可以为改进你的网站设计提供些意见：

1.对比图像，文字更具吸引力

与你所认为的相反，在浏览一个网站的时候，能够直接吸引用户目光的并不是图像。大多数通过偶然点击进入你的网站的用户，他们是来寻觅信息的而不是图像。因此，保证你的网站设计凸现出最重要的信息板块，这才是设计的首要原则。

2.眼球的第一运动聚焦于网页的左上角

用户浏览网页的这一习惯应该在意料之中，毕竟左上部为主要操作中心这一点为大多数重要的计算机应用程序的设计所采用。在你构建网站考虑网站设计时，应该尽量保持这一格式。要知道，如果你希望保持个人特色，搭建一个成功的网站，你就必须尊重用户们的习惯。

3.用户浏览网页时，首先观察网页的左上部和上层部分，之后再往下阅读，浏览右边的内容

用户普遍的浏览方式呈现出“F”的形状。保证网站内容的重要要素集中于这些关键区域，以此确保读者的参与。在此放置头条，副题，热点以及重要文章，这样可以吸引到读者进行阅读。

4.读者会忽视横幅广告

研究表明，读者常忽视大部分的横幅广告——尽管你以此维持网站生计——视线往往只停留几分之一秒。如果你想通过广告挣钱，那么必须创新你的广告位以及合理配置网站广告形式。

5.花哨的字体和格式被忽视

为什么呢？那是因为用户会认为这些是广告，并非他们所需要的信息。事实上，研究表明用户很难在充满大量颜色的花哨字体格式里寻找到所需的信息，因为视觉线索告诉他们把这些忽略吧。保持网站的清爽，不要因为华而不实的表面，让重要的信息被忽略。

6.用数词来代替数字

如果使用数词取代数字的罗列，读者会发现在你的网站可以很容易地发现真实的资料。要知道，你是写给那些将第一次浏览你的网站的读者，所以，让他们容易发现他们所需的信息，让他们感兴趣。

7.字体大小影响浏览行为

想改变人们对你的网页的看法吗？改变网页字体的大小。大的字体刺激浏览，而小一些的字体则提高焦点阅读量。根据你的需要，合理配置两者的比例。

8.遇到感兴趣的内容，用户仅会多看一眼副标题

不要过分坚持副标题固定的格式——保证他们的相关性和兴趣。你也可以让副标题包含关键词，这样可以有效利用搜索引擎，让它带来读者。

9.人们大都只浏览网页的小部分内容

如果在用户浏览的时候提供信息使他们尽快锁定目标，就可以把这一点发展成为你的优势。突出某些部分或者创建项目列表使网页信息容易找到和阅读。

10.简短的段落相对于长段落来说有更好的表现力

网页信息是为大多数强调快速浏览的无联网用户提供的。除非上下文的衔接要求，保持信息由简短的段落和句式组成，例如这个电子商务网站的产品介绍。

11.根据视觉锁定，一栏格式比多栏格式拥有更好的表现力

别让过多的信息把网站来访者淹没。大多数情况下，简洁更具力量。多栏内容容易被用户忽视，我们需要消除这些干扰。

12.网页顶部和左边的广告更能吸引眼球

如需要在网站植入广告，试图使他们融入网页的左上部，这样他们才能吸引到最大的视觉注意力。当然，用户仅仅会注意到这些广告，这并不意味着他们会用鼠标点击。所以不要为了提高广告的注意力而牺牲原有的网站设计。

13.将广告放置与最佳内容一旁也可以提升注意力

如果想要提升广告的可视性和点击率，可以将其设置于最能引起人兴趣的内容一旁，整合进网页的设计里。这样，用户既可以找到所需的内容，你也能提升广告的效益。

14.在各种测试中，人们阅读文字广告最为专心。

正如上面提到的，一般的互联网用户不会花费太多时间用于查看那些一眼就能看出是广告的内容。这就是文字广告表现出众的原因。他们并没有分散注意力，而是与网页的其它部分内容融为一体，这让他们减少了对读者的视觉刺激，也使这一广告形式获得成功的阅读率。

15.越大的图像吸引越多的注意力

如果要在网页中使用图片，那越大越好。人们更倾向于查看那些能够清楚地看到细节和获取信息的图像。要保证你所用的图片与文章内容相关，否则它更容易被忽视。大多数读者都拥有高速的连接速度，所以请放心在你的网站上使用那些较大体积的图片。

16.干净、清晰的特写图片能吸引更多的视觉注意

可能那些抽象的艺术图片会让你的网站看起来很有味道，但是他们并不会吸引多少读者的注意力。如果你需要使用到这些图片，请确保所用图片的清晰以及其表达内容的简单可读性。必须注意的是，那些与真实的“人”相关的图片比所谓的模特图片更为“优秀”。

17.标题能吸引眼球

浏览网页时，读者能发现的第一内容是标题。确保网页的所有相关链接畅通和有效，以让读者顺利的通过网站进一步搜索。

18.用户花费大量时间察看按钮和菜单

所以，你需要花费额外的时间维护你的精心设计。毕竟，他们不仅吸引了读者的眼球，更是网站设计的重要组成要素。

19.表单格式可以延长读者的注意时间

分解内容和段落，大量使用表单形式来表现你的文章，可以保证读者的浏览率。使用数字和其它标记符号来突出文章的重要内容，会让网站更容易浏览，用户更快的找到所需的信息。

20.避免呈现大块的文本

研究显示，一般的网络浏览者不会花费时间去阅读大块的文本，无论他们有多重要或写得多好。因此，必须把这些大文本分解为若干小段落。突出重要的地方，放置点击的按钮也可以提高用户的注意力。

21.格式可以吸引注意力

在文中使用粗体、大写、彩体、下划线可以帮助用户获取正文所表达的最主要的信息。使用时需要谨慎，因为过多的使用会使你的网页难以阅读，把读者吓跑。

22.利用好空白

尽管把网页的每寸空间都填满这个想法十分诱人，但事实上让网站留出部分剩余更为不错。网站的过量信息会把用户淹没，同时他们也会忘记所提供的大部分的内容。所以保持网页的简洁，给读者预留出一些视觉空间来供读者休息。

23.放置于网页顶部，导航工具的作用将更好的发挥

理想情况下，你不会满足于当读者打开你的网站时仅浏览初始页，而是希望他们浏览翻阅，察看其它感兴趣的内容。将导航器置于网页顶部，就可以让用户通过使用这个工具轻松的找到所需的目标内容。

购物心理分析

Article copyright by Linda Bustos

Linda Bustos 版权所有

作者：Linda Bustos 发表于2009年3月18日； 译者：UCD翻译小组， 萧小小 ； 校审：明月星光

原文地址：http://www.getelastic.com/personalization-and-sort-by/

很多电子商务网站都提供对搜索结果、分类和二级分类结果再按照价格、用户平均打分、销售量、新品上架等方法进行排序。这种方法在提升可用性的同时，也可以收集并利用这些用户信息在主页、产品页、促销banner甚至营销邮件里提供有针对性的产品宣传。

在主页

Amazon 就是一个在其主页开辟商品销售宣传区域的经典案例。不管是用户在搜索还是随便浏览的时候，操作意图一变，推荐的产品就随之改变。

甚至连历史记录都被保存起来以便在以后的访问中使用，不管用户是登录状态还是以游客身份浏览所生成的cookies都不会被删除。

想象这样一个场景，一个星期二的晚上，用户在某个网站的分类中浏览着，不过当时没有购买：

• 小孩益智学习玩具，以用户平均打分排序
• TiVo/DVRs，价格从低到高排序
• 消费者眼中的商业书籍，以销量排序

星期4晚上用户回到该网站主页，看到主页商品宣传区域的如下内容：

• “最受好评益智学习玩具”
• “价格最低的TiVo/DVRs"
• ”商业投资书籍销量冠军榜“

当用户意图被识别处理后，就增强了推荐项目的关联性和吸引力。

在产品页面

交叉销售/向上销售（译注:“向上销售”就是通过一些方式把客户原本没有打算卖的东西卖给他）

如果通过了解某个用户浏览的产品分类结果的排序方式，并以这些字眼“最受欢迎的背包”“消费者最爱”或“最火爆的背包买卖”，来代替“你可能也喜欢。。。”或“浏览该商品的用户也看了。。。”，想象一下你将获得多高的关联点击率。

产品副本

想想Future Now公司的这4个Persuasion Architecture购买气质：求胜型，自然型，感性型，理性型。（译注：“求胜型”气质特征包括喜欢最先拥有新产品，对产品摘要感兴趣，不深究细节，倾向于搜索而不是类目浏 览，对交叉销售和向上销售感兴趣不过不想点击看更多信息；“自然型”气质特征包括对促销、打折、限量、限时有反应，扫描点击得很快，喜欢先看看衣服穿在别 人身上是啥样；“感性型”气质特征包括关注别人所说，喜欢在线交流或者是电话客服，喜欢和朋友交流在网站上面的经历，比较有评价产品的动力；“理性型”气 质的特征包括喜欢产品详细介绍，对购买深思熟虑，需要比较产品来做购买决定，相信专家评论，视频的更好。对这4种气质的详细解释在这里 ）。你会用什么筛选方法来决定某个用户是哪种气质呢？

有的可能是这4种气质里面比较典型的一种，但是他（她）可能在做不同购买决定的时候表现很不一样。例如，我觉得我是“理性型”气质类的——为了 买个便携式GPS我花了几个月时间研究，竭尽我所能地读那些评论，不过在买玩具或别的礼物的时候我也依据销售量最高或者用户平均最高分（这是属于“感性型 ”的），在买衣服的时候想都不多想因为我觉得衣服会被很快卖光（这是属于“求胜型”的）。

如果你确切了解了用户的特征购买气质，你就可以给不同用户显示更具吸引力更具效率的产品副本，你甚至可以使用不同的页面布局（特色评论，最佳评论，少强调爆炸式营销等等）。

在线客服邀请

相比以价格从低到高排序并在各个页面跳跃浏览的用户而言，以用户平均打分排序并在此页面上面逗留了很久的用户是更好的在线洽谈候选人。这样可以给在线交流节约成本。

而价格从高到低排序可能就表明了你的筛选导航 不够明确。例如，某人也许会对珠宝首饰价格从高到低排序来找到最大克拉重量的，或者GPS导航部分去看看最新或功能最多的产品。如果你通过标识为用户“价 格从高到低”的在线聊天日志发现他们对客户服务或连串搜索查询的回答，你就会明白怎样的筛选才能够提高产品被找到的几率。

促销banner

你会推出买一赠一，超过100免运费的活动吗？你会用什么活动标题呢—— “20 Beauty Finds Under $20″ or “As Seen on Oprah: Such-and-Such Eye Cream!” ?

在email促销中

试想在促销邮件里面根据搜集的用户浏览历史记录和排序操作习惯加以更多个性化词语 、标题/横幅和报价的情况。

实际上，我们仅仅掌握了点皮毛。

在我的一篇名为“Optimizing Landing Pages to Match Customer Motivation”的博客里面我写到：

“要准确预测个性用户的购买角色和顾客特征几乎是不可能的（和技术一起不断改进，我们也许能够预测）。但是你可以优化你的着陆页面来“满足所有用户”，如果你知道不同用户想要的是什么。”

我仍旧不明白市场上在用户刚到网站就读懂用户意图的ESP应用，但是想想网站浏览者留给你的那些线索来帮助你更有效地为他们个性化服务，这不仅仅限于排序。

想在Digg上获得成功

原文作者：Lidija Davis
原文链接：Want Success on Digg? Think Choc Chip Cookies - ReadWriteWeb
译者：Moon.Wong

想在Digg上获得成功？

我们中应该有人知道上Digg首页意味着什么：这会为网站带来2万——20万以上的点击量。有些人已经感受到了Digg效应（link）带来的好处。但是你对于如何将社交媒体，特别是Digg整合进自己的站点了解多少呢？以及这样做又会给自己带来什么样的好处呢？

Digg市场拓展的副总裁Bob Buch今天在旧金山的Web2.0展会（Web 2.0 Expo）告诉众人，如果你想成功的整合社交媒体，你必须的研究研究巧克力饼干。“巧克力饼干跟社交媒体很相似，它有五种原料构成。”Bob解释道，“如果你想成功，你得知道这五种原料是什么？”

社交媒体成功的五要素

1. 分享：如果你想热爱一件事物，那么就给它自由。
2. 整合：别总想着自己搞定所有事情。
3. 人：那些知道ROFLCopter, LMAO, PWND, Noob是什么意思的人
4. 平台：过去的一对一变成了现在的一对多
5. 实力：确保货真价实的核心竞争力。

尽管Digg拥有410万的注册用户，但是有超过3500万的人在阅读和消费这些注册用户挖掘出来的内容。“如果你的内容很幸运的获得Digg用户的关注，你会上Digg首页的。”Buch称；这个提示应该不会很快过时的。

给访问者提供个性化的体验

最近在Conde Nas出版集团旗下《连线》网站上做的一个实验中，Digg追踪了连线站点上做的改动，看看Digg能不能带来些改善效果。Buch解释道，原先，站点上有一个'share this'按钮，但是仔细检查流量统计后，发现主要的流量都来自Digg，雅虎Buzz和StumbleUpon。因此他们将这些按钮从“Share”挂件中之间单独拿出来，放在显要位置。他们这样做实际上是告诉读者，"我们想要你关注的站点都是这些站点。“

结果如何？来自Digg的点击量从50万增长到了100多万。

另一个办法就是走College Humor的路线，“用‘长柄大锤’的方式吸引用户”Buch解释道。但是值得一提的是，该站点并不是对所有访问者都是用这招。“站点会探测到你是从哪个站点过来的，如果是从Digg过来的用户，网站就会显示一个Digg的按钮——长柄大锤，“Buch解释道

”我还没有看到有很多人这样做，但是这一个值得借鉴办法；弄清楚这些用户是从哪里来的，然后针对性的提供一种使用体验。”

雇佣聪明的人

英国电讯报就专门雇佣社交媒体专家。“在编辑部的正中央，《电讯报》安放了两个平板电视。一个用来显示Twitter，一个用来显示Digg。"Buch说，”这些人都十分关注Digg，他们在自己的站点上整合了“智能Digg按钮”，然后就看到页面流量（PV）从每月50万增长到了每月550万。

自动同步

Buch提到Facebook最近的一些变化，他将Facebook connect视作相互整合的一个绝佳案例。

Facebook connet的美妙之处就在它为网站提供了一个一站式登录方式。“不需要电子邮件，不要验证流程。”Buch说。Facebook最近也将 Facebook Connect整合进了它的实时更新中去了。“因此如果你的站点具备分享功能——甚至是评论，都可以自动同步到涂鸦墙上去。”Buch称。

结果：

• 注册用户增长30～100%
• 评论以及其他用输出内容（UGC）活跃程度上升15%～80%。
• 流量——发布到实时更新（news feed）中去的内容平均每40个好友能带来08～2个的点击量。

注意：Digg还没有使用Facebook Connect，但是提供了Facebook 导入功能，它可以让用户在挖掘新闻的同时将内容自动更新到Facebook涂鸦墙上去。

充分利用挂件（Widgets）

时代网站曾经想显示Digg站点上的内容，但是有一个附加条件；时代只想显示那些时代网站原创的内容。通过使用Digg挂件可以满足这一要求。根据Buch的回复，这一做法非常有效。“我们发现这个挂件比简单的‘最受欢迎’挂件还要受欢迎。”尽管他不知道为什么Digg的挂件要好一些，但他猜测可能跟使用的字体大小有关系。

保持新鲜度

Buch推荐使用各种不同的平台来满足公司的交流沟通需求。“我们有一个Digg博客，我们大约每月会更新一次。”他解释道."而Twitter是一个与用户保持联系的绝佳途径，“关注 @digg就可以获得digg的最新消息。

”Facebook则给内容发布者提供了新的机 会。“新的专页模式（Pages）跟Twitter的单向好友模式非常相似。 当谈及Facebook时，Buch了解到大多数成功的信息发布者不仅仅只是发消息，他们也分享一点'亲密'。”让你的记者上传一些非正式的照片。” Buch称。尽管这些照片不一定就会发表。“这保持了一些新鲜感。“

找到你的强项（sweet point）

根据Buch的意思，成功的真正关键是找到自己的核心竞争力，然后保住它。“互联网就是垃圾玩意的终结器（bullshit meter），你在互联网上无所掩盖，他们会故意为难你（call out），然后让觉得自己是个十足的大傻瓜。所以你需要找出自己的优势所在。“

”Digg就是这样发家的“Buch说，”我们为每一个门类提供RSS订阅，当我们关注流量时，发现其中一个门类的订阅流量超过了其他订阅流量100倍。那一般都是2000以上的Digg订阅。”而我们就是这样找到自己优势的。“

看新闻【日本女星欲在烈士陵园附近表演惹众怒】有感

　　我是一个不喜欢看AV的人、
　　我是一个极其讨厌AV和看AV的人
　　黄（娅灭蝶）色产物，如同洪水猛兽，毒害着年轻一代，这是多么不堪的现状！当然，我也看过，每当夜深人静的时候，我也会打开电脑，点击网页，寻找——下载。
　　但我看这些片子，是批判的看，是仇恨的看，是带着一个有良知的人内心深处那种愤慨的看！我要看一看，日本色（娅灭蝶）情产业是怎样把一个个如花似玉的妙龄女子，变成色（娅灭蝶）情女星的！
　　而至于那些什么北条香理,苍井空,堤莎也加,町田梨乃,二阶堂仁美,饭岛爱,饭田夏帆,饭冢友子,芳本叶月,冈崎结由,冈田丽奈,高木萌美, 高田礼子,高原流美,宫本真美,宫岛司,古都光,光月夜也,河村亚季子,河井梨绪,黑崎扇菜,红月流奈,华歌恋,吉川萌,及川奈央,吉崎纱南,吉野莎莉, 今井明日香,今木翔子,金泽蓝子,进藤玲菜,井上可奈,久保美希,酒井未希,臼井利奈,菊池丽香,菊池英里,菊池智子,橘真央,具志坚阳子,可爱亚织沙, 葵小夏,蓝山南,兰望美,里见奈奈子,里美奈奈子,里美由梨香,立花丽华,立木爱,凉白舞,铃川玲理,铃江纹奈,芦屋瞳,麻川美绪,麻生叶子,美里霞,美 崎凉香,美雪沙织,美月莲,明日香,木谷麻耶,奈奈见沙织,内藤花苗,内田理沙,鲇川亚美,平山朝香,前原优树,前原佑子,浅见伽椰,浅井理,青木琳,青 木玲,青野诗织,青羽未来,青沼知朝,秋本玲子,秋菜里子,如月可怜,若林树里,若月树里,森下理音,高见美香,高树玛丽亚,宫崎葵,观月雏乃,海江田纯 子,后藤理莎,后藤香南子,矶山沙耶香,矶山沙也加,吉冈美穗,吉泽瞳,加纳则子,加藤小雪,菅谷梨沙子,结城翼,井上和香,井上熏,酒井瑛里,久纱野水 萌,铃木爱理,玲木美生,泷泽乃南,美依旗由美,木下亚由美,前田知惠,前原爱,浅田真央,入江纱绫,三宅尚子,森下千里,上原绫,石村舞波,矢田亚希 子,市川由衣,市井纱耶香,嗣永桃子,松岛菜菜子,松居彩,樋口真未,细川直美,夏烧雅,小川熏,小林惠美,小泽真珠,星野亚希,须藤茉麻,岩田小百合, 伊藤步,优香,友崎玲,中泽裕子,佐藤麻纱,安藤沙耶,奥山唯子,白崎令于,柏木奈纯,板谷佑,滨田翔子,朝雾唯,川崎爱,大和抚子,大西由梨香,岛田百 合花,二宫优,绀野舞子,岗原厚子,高鸠阳子,古河由摩,谷田未央,河合绫纯美,和久井辛,和希沙,黑田美礼,落合玲奈,木下亚由,奈良沙绪理,浅丘南, 秋本那夜,秋山玲子,秋庭比吕子,三尺真奈,,森下真理,山吹美花,山口纱弥加,杉里香,神代弓子,树梨沙,水谷利加,松鸠永里奈,松山麻美,松屿初音, 塔山直美,藤香南子,天使美树,天野理惠,田崎由希,桐岛淳子,尾崎美果,西野美绪,相泽优香,小林里实 ,佐藤江梨花,爱内萌,爱田露美,爱田毛毛,安倍夏实,安原真美,奥山香,八木泽,白鸟智惠子,白亚朱里,北山静香,北原步,北原真裕,仓本安奈,仓田杏 里,朝比奈真理,朝仓加穗里,朝仓玛丽亚,持田茜,冲田由加里,川奈由依,大友梨奈,岛田香奈,堤沙也加,渡边香,风间舞,风见京子,福山洋子,冈本夏 生,高仓梨奈,高野瞳,宫本瞳,宫间沙布子,工藤瞳,宫下杏菜,河田纯子,和希结衣,横山千枝,华美月,姬野莉梦,吉田友里,吉野碧,江口美贵,结衣美 沙,金城美丽,井上彩菜,井上雅,鸠村熏,酒井美幸,菊池则江,君岛美香,可爱亚芝莎,来栖敦子,蓝原夕妃,蛯原舞,立花优,立原贵美,恋野恋,铃木由 美,麻生岬,麻生真美子,麻田子,茂森亚弓,美波志保,木内亚吉拉,内田京香,品田由依,平山绫,前岛美步,浅见怜,浅野子,青木美里,清木裕子,青山 遥,青山叶子 ,圣瑛麻,石川恩惠,石川瞳,石川优季奈,矢吹凉子,矢吹麻理奈,矢择优子,水城梓,水希遥,松岛奈奈子,松纱良,速水怜,藤井彩,藤崎弭代,田山真美 子,田中梨子,田中美久,瞳理欧,望月七,望月沙香,望月英子,武田真治,夏结玲,相乐晴子,相仁泽美,相原里奈,翔巴辉,小池亚弭,小峰由衣,小向杏 奈,小野濑,幸田李梨,岩崎千鹤,野宫凛子,野野由利加,叶山路易,一宫理绘,一条小百合,樱庭凉子,永井流奈,优木里绪奈,优木美纱,羽田夕夏,原惠美 子,远山雪乃,远藤梨奈,早濑理沙,早乙女香织,长谷川,真纯麻子,柊丽子,仲村桃,足立美,八木亚希子,朝比奈英里,朝仓仁美,朝仓香乃,朝仓遥,朝美 光,朝美绘乃香,朝丘瞳,赤西凉,川野亚希子,大久保玲,饭干惠子,福光千穗,冈田安希,高以亚希子,和久井由菜,吉木纯菜,吉泽京子,井上华菜,君野 梦,堀切子,楠麻耶,南使香,平丸久美子,青木友梨,仁乃庆子,三浦富美子,山本京子,榊彩弥,矢野显子,水野亚美,水泽千夏,太田优,藤森子,相崎琴 音，星美织,早川濑里奈,斋藤朝子,长泽筑实,中谷香织,中森子,中条美华,佐藤春菜,佐藤子,津野田熏,吉井玲奈,阿嘉奈津,安藤希,安田奈央,奥川希 美,奥山美夏,百合香,北村夕起,北山英里,朝仓志穗,朝丘南,朝丘纱智,朝日美穗,朝永真弥,朝长真弥,纯名梨沙,村田洋子,大林典子,二瓶有香,芳贺 优里雅,妃今日子,福美香织,冈本多绪,刚野凤子,桂木萌,河合梓,横须贺,吉成香,吉村优,臼井里绘,橘友贺,来栖凉子,濑户美贵子,林绘里,梦野玛丽 亚,秘叉华,木内美步,木尾原真弓,牧野泉,鲇川直美,清水理惠子,萩原舞,泉由香,三浦桃,松树梨,松下真依子,藤宫知世,田村茜,田真潮,桐岛惠理 香,梶原真弓,西尾佑里,相泽朝海,相泽沙赖,小阪光,小仓艾莉丝,筱峰爱,野乃原,优里香,由津希,泽绪凛,长曾我部蓉子,真莉亚,武腾兰，渡赖晶，真 崎麻衣,爱原千芙,绫波优,奥菜千春,奥菜翼,八木原麻优,白川沙也加,白石枫,白石麻梨子,宝来美雪,北原雪,宝生琉璃,草剃纯,长濑茜
　　我更是一个都不认识！根本都没有听说过

未来5年开发人员必需的10项技能

由于最近经济形势的变化，很多开发人员只关注他们短期的工作前景。与此同时，把时间和精力花在学习最能带来回报的新技术上是件非常重要的事情。这里是我们列举的10种你需要马上开始学习的技术，让你的简历在未来5年不会落伍。这个列表并不完全，有很多业界的领域（比如大型机开发人员）没有涉及。尽管如此，对通常的主流开发来说，学习其中至少7项技能肯定不会错 ——不但要达到能在面试时侃侃而谈的程度，还得能在工作中运用自如。

1: “三大”之一 (.NET, Java, PHP)

除非开发世界有根本的改变（类似小行星击中雷德蒙），在不远的将来，大部分开发人员将需要了解三大开发系统——.NET (VB.NET或者C#), Java, 或者PHP——中的至少一个。并且只了解核心语言也是不够的。因为项目会包含越来越多不同的功能，你需要对相关框架和库有深入的了解。

2: 丰富互联网应用 (RIAs)

不管爱她还是恨她，最近几年，Flash的用途突然间不仅仅是制作政治人物弱智歌曲演唱动画而已了。Flash也萌生出了以Flex和AIR为形式的附加功能。Flash的竞争对手，比如JavaFx和Silverlight，也在不停的在特性和性能上加筹码。HTML5集成了所有RIA的功能，包括数据库连接和把正式的W3C印章加到AJAX（译者：这个地方拿不准）。在不久的将来，RIA专家将会是简历的一个重要筛选条件。

3: Web开发

Web开发在近期内不会消失。很多开发人员满足于忽略Web或者只是使用他们的框架给他们提供的"基本元素"。但是公司需要越来越多的真正知道怎样使用底层技术进行“手工编码”的人。所以要获得成功请在未来5年里努力钻研JavaScript，CSS和HTML。

4: Web服务

REST或者SOAP? JSON或者XML? 尽管选项和答案取决于项目本身，不使用或者创建Web服务对一个开发人员（甚至是那些不做Web应用程序的）来说越来越困难。那些原来采用ODBC，COM或者RPC domains的领域，现在也在某种程度上过渡到了Web服务。不会用Web服务的开发人员将会发现他们被排挤或者沦为维护人员。

5: 软技能

有一种已经开始了很久的趋势，IT在企业内部或者外部变得越来越透明。开发人员被卷入越来越多的非开发性会议和过程以给与反馈。举个例子，CFO要改变会计规则不能不依靠IT去更新系统。如果没有IT去升级CRM的工作流，运营经理就不能更改呼叫中心的流程。同样的，客户常常需要和开发小组一起工作来保证他们的需求被满足。每一个开发人员都需要找主持人帮助或者去学习《怎样结交朋友并影响别人》么？不是。但是拥有这种能力的开发人员对他们的雇主来说更有价值——并且更抢手。

6: 一种动态的和/或者函数编程语言

像Ruby，Python, F#, 和Groovy这样的语言并不很主流——但是他们包含的想法却是。比如说，微软的.NET中的LINO系统是函数编程技术的直接产物。Ruby和Python在某些部门很热门，分别感谢Rails框架和Silverlight。学习其中的一门语言不只会提升你的简历；它能开阔你的视野。我见过的每一个顶级开发人员都推荐学习至少一种动态或者函数编程语言，用来理解新的思考方式，个人经验来讲，我可以告诉你确实有用。

7: 敏捷开发方法

在敏捷开发方法刚开始进入主流视线的时候，我持怀疑态度，和其他我认识的很多家伙一样。它看起来就像某种对传统的下意识反应，丢掉控制和标准而偏爱混乱。但是随着时间的推移，敏捷开发背后的智慧被更好的定义和表达出来。很多团队不是应用了敏捷开发就是在进行敏捷开发的概念证明实验。尽管敏捷开发不是治愈项目失败的终极灵药，它的确在很多项目上有一席之地。在未来几年里，对有着敏捷开发环境的理解和成功经验的开发人员的需求将会高速增涨。

8: 领域知识

和敏捷开发密切关联，开发小组在项目定义中被越来越多的看做是同伴。这意味着了解问题领域的开发人员能够用更可见的，高价值的方式给项目作出贡献。敏捷开发中，一个能够说，“从这里，我们也可以很简单的添加这项功能，而且这能给我们带来很多回报，” 或者 “噢，这个要求和我们的日志中显示的使用模式并不相符” 的人将是优胜者。正如许多开发人员有抵制了解问题领域的想法，不可否认的是越来越多的组织希望（如果不是要求）开发人员至少能理解基本的内容。

9: “清洁”开发

几年之前，很多（如果不是大部分）团队都没有使用bug跟踪系统，版本控制，和其他类似工具；只有开发人员和他们选择的IDE。但是，感谢新的整合套件的开发，比如Microsoft Visual Studio Team System以及高质量开源环境的爆炸性发展，没用到这些工具的组织变得更不常见。开发人员必须比知道怎么在代码控制中提交和获得代码或者怎样用VM系统配置测试环境了解更多的东西。他们需要在适当的地方养成严格的卫生习惯以保证他们和其他的小组恰当的合作。“代码牛仔”，把所有的东西存放在私人USB盘上，不把对任务对象的相应改变记录成文档，等等的人，在传统的团队里不受欢迎，在需要团队成员之间紧密合作的敏捷开发环境中更是如此。

10: 手机开发

上世纪90年末代web开发被主流接受开始在很多领域将传统的桌面程序边缘化，在2008年，手机开发开始兴起，在未来5年里，它将会变得越来越重要。当然，手机开发有很多不同的方法:针对手机设备的web应用程序开发，针对市场的RIAs，和直接在设备上运行的应用程序。不管你选择了哪个方向，把手机开发加入你的技能集会保证你满足未来的需求。

把搜索框还给搜索

1、搜索框的意义
用户总是和你想的不一样，用户很多时候是不会按照你设定的导航走的，他们更多的时候是上来就直接输入关键字进行搜索。对于购物者而言，如果清楚的知道想要 什么，他们会很明确的使用搜索框，这种情况下购物者显示出了明确的购物意图，因此搜索框能够把该意图转变为真实的购买行为。来自Fast Search的数据显示，30%的购物者进入电子商务网站后会立刻使用搜索框，超过30%的人通过导航没有找到需要的物品后转而使用搜索框。
如果一个网站没有足够合理的信息架构体系，那么搜索引擎不仅仅是有帮助性的，甚至是至关重要的设计功能。有可能比网站的导航更对用户有帮助。事实上，搜索 是用户了解在一些综合性网站内容最直接有效的方式。最好的搜索设计就是给用户提供一个简简单单的搜索框在页面显眼固定的位置上，但却有强力搜索的能力和范 围宽 广的功能。
所以，如果你的网站没有足够清晰的信息架构体系，那么，请把你的搜索框还给搜索，不要再试图去绑架你的搜索框！

2、被绑架的搜索框

http://www.zghzp.com/
不可否认，右侧的背景很美，但是我是来搜索的不是来欣赏图片的，这个背景搞的我都不知道这个搜索还有上面的频道切换是不是可以点击了（我试图去点击新版上线，未果）。这个设计的用户体验差及了。
http://www.shtimber.com/
搜索跟留言板有什么关系？搞个留言板的按钮跟搜索放在一起是什么逻辑？这让我在想搜索的时候很不爽
http://cn.china.cn/
这个很让我无语，在搜索按钮后面补个按钮就罢了，居然还来个比搜索按钮还大2倍多的按钮……
http://b2b.hc360.com
这个大概是我见过的最无语的搜索框了。想不清楚为什么现在还有设计师会把“设为首页”、“收藏本页”这样的功能摆出来，而且是摆在搜索框上。
http://www.8035.com/
对于这个，首先视觉完全被放在了那2个“新”、“热”上去了，压根没有想着点前面的东西了；不知道为什么要把这2个东西摆在搜索按钮的后面，还有，这么长的搜索框是否是在告诉我，你们网站的东西很难找，需要很长的关键词呢？

现在很多网站都倾向于搞一个这样会闪的gif图片来突出某些内容，我习惯把这些东西叫小蚂蚁。有的网站搞的很夸张，这小蚂蚁长的胖的出奇，用户的吸引力完 全都放在了那只胖蚂蚁上，根本没有想着胖蚂蚁前面的东西；有的网站觉得每个栏目都需要突出于是每个栏目上都搞个“新”、“热点”，最后的结果就是整个网站 看着就像个蚂蚁窝。个人觉得要想用这个小玩意赢得好的用户体验，至少要保证3点：小、简、少。小，不至于让我感觉感觉突兀；简，能表达意思就可以了；少， 不至于搞的我想点了不知道点哪里。

3、把搜索框还给搜索
把搜索框还给搜索！搜索就是搜索，不要给搜索背上太多的东西。一个搜索频道、一个搜索输入框、一个搜索按钮这样就已经足够多了，再多一点搜索框都会受不了！当然，你也可以让你的搜索框更精简，精简到只有一个搜索框。
把搜索叫搜索！搜索的位置要明显到用户第一眼就能看到且随时能够找到；输入框应该让用户感觉可以输入；搜索按钮看上去应该更像是个按钮；不要把无关的东西在搜索按钮边上，它就应该一个人待着！