奥一网总经理

苟骅

康盛公司市场总监

张翔

广州妈妈网总经理

刘颖

身处互联网第一线的地方创业者、个人站长们应当坚持什么、改变什么?应当抓住什么、放弃什么?如何行动、调整?

上周四，“Discuz!十周年全国开放之旅”登陆羊城，400多名来自广州、番禹、潮汕、江门等地区的站长们齐聚一堂，探讨在面临开放大势之下，如何把手里的蛋糕做大。《南方都市报》也邀请了业内知名人士和广州本土知名的网站站长来为大家分享网站运营和发展经验。

议题1

创业者如何找到做社区网站的切入口?当社区长大后，电子商务会是它的下一步么?

小即是美

张翔SAY：我曾在微博上说过这样一句话，“小撸怡情，大撸伤身，强撸灰飞烟灭。”什么意思呢?做网站也是一样，小网站怡情，大网站伤身，做门户网站灰飞烟灭。要创业，做小，做精。

如果创业就做大网站，比如说要做综合网站，成功几率是5%以下。有数字统计，中国有300万站长，但有多少成功的?可能1%不到，其他的都灰飞烟灭 了。哪些是你能提供的?搜索、音乐、邮箱?你都提供不了。我们的机会在哪里，就要看你能为用户提供什么服务，找到一个新的小众领域，为这群人服务就能产生 价值。有人不服气嚷嚷说要再做一个腾讯、百度，我看就不用考虑了。

我可以举例说明“小即是美”。

比如有一个叫做中国畜牧人的网站，它是干什么的呢?里面是讨论卖猪饲料的，比如什么饲料比较好，不同阶段的猪吃什么好，生病了怎么办。看似它做得非 常窄，但做了两年多，就成这个行业的第一名，年营收300万左右。当然，我这里不是评论它赚钱多少，而是觉得它找到了一个好的方向。另一个把网站做“小” 的，是中国爬行网，乌龟、蛇、蜥蜴等，这些动物怎么养?很多人恐怕都不知道，它围绕的却是这些看似不经意的话题，而且它现在全国开了80多个线下分店，专 门卖养这些动物的罐子，能调节温度的，收入过千万。

它们都是“小站怡情”的代表。从小做起，做自己的爱好，这里还有一个例子，55BBS的创办人是80后女生，她自己喜欢逛商场买衣服，各处搜集打折信息，并把它们分享，慢慢聚集起了很高的人气，现在每年的营收也有千万。

当社区做大后，应该怎样转型就成了很多人的考虑。做电商，其实不是每个人都能做的，它涉及支付、货源、运营等诸多环节，有难度。你可看到目前电子商 务做得比较好的，第一是大平台型的，第二是垂直B2C的，如好乐买、乐淘等，这些都不是普通创业者能做好的。我们能做什么呢?我觉得社区化的电子商务适合 创业者来做。当初社区最早期时，站长们几乎都开设了交易平台，这不就是电子商务?其实55BBS就是靠这个起家的，很多交易是看你如何把它很好地呈现出 来，如何挖掘社区化电子商务的前景，美丽说、蘑菇街其实都是代表。

议题2

社区型网站怎么吸引用户并保持长久的粘性?

内容为王

刘颖SAY：内容是网站的灵魂和基因。为什么?内容基因会伴随这个网站多年。以广州妈妈网为例，各地区妈网的结构、内容板块是相同的，即便其中有细微区别，但基因都是分享实用内容。

在内容上，妈网分成专业性内容、实用性内容和互助性内容。

妈网是亲子类网站，首先哪些是用户需要的专业性内容?我们总结的是，像办理准生证、生小孩要办理什么手续、如何办理流动人口婚育证明等是专业性内容。容的收集方法包括论坛发帖征集、搜索引擎收集和整理地方政府网站的相关信息找寻、法律法规找寻等途径。

第二是实用性内容。比如，妈网有香港板块、旅游版、房产版等，内容都是给网友提供实际导向。我建议大家做BBS论坛的多做实用内容，不做或者避免做诸如新鲜事、社会民生等，以免被微博或其他形式的网站冲击或代替。

第三是互动性内容，即问题有人回答，情感宣泄有共鸣，有需要时大家共同总结经验、教训。以妈网的儿科医生红黑榜为例，这是所有网友共同做出来的，在 广州是有一定影响的。它是怎样的呢?是所有有小孩、看过医生的家长总结出广州各大医院的各个门诊的哪个医生是红榜还是黑榜，红榜是某个医院的某个门诊的医 生态度好、开药好，黑榜则反之。这个出来后，每个医院的医生都会关心，基本上是广州有小孩的家庭都必备的一个辞典，要看病的时候先看一下妈网的儿科医生红 榜。

如何做互动内容是有技巧的，比如消灭零回复、尽量引导网友发一些开放性的话题，以及线下活动，都是好办法。

当然，除了内容，建站初期的定位、分版等都很重要。以分版来说，要把用户群体细分，将用户信息做excel列表，以及培育种子会员等，都是细致功夫。

此外，如何推广也有值得注意的地方。

内容无疑是最好的推广方式，还有口碑传播是最大的新用户来源。今年7月北京妈网曾投了300万广告做推广，但后来调查发现，我们的第一来源不是广告，而是朋友介绍。当然，口碑的基础仍然是内容。人力推广是早期论坛推广最有效的手段，做热点话题、线下活动等都是不错的途径。

议题3

在“全媒体”形式之下，BBS未来应该怎样去运营?

新“四化”

苟骅：在媒体融合时代，我想唯一的选择是以开放的心态拥抱传统媒体，这也是未来社区运营的一种非常重要的方面。南方都市报结合奥一网之后，也做了很多这方面的尝试。

未来，我们的BBS、论坛怎样去发展，我想分享四个方面：

第一是区域化。现在中国网民已超5亿，分布在各区域，每个区域的网民能支撑起足够多的站长，同时也足够支撑得了它的运营模式。这样，会有越来越多的 BBS或者贴吧转向区域化运营，可能是一个城市甚至是一个小型社区。这是未来中国互联网发展的一个趋势，也包括以深圳为核心的奥一网。在这个区域内我们可 以做什么呢?比如关心周边居民或网民的衣食住行，同时依赖本土化的新闻或实用资讯来迎合用户。

第二是两栖化，线上和线下的融合。有人认为从线上走到线下门槛高，但我觉得网民群体足够强大，区域化之后从线上走到线下并不困难。像奥一网，除了线 上活动，最大部分还是来自线下的活动。这种线上线下互动靠的是话语，此前可能是一种意识，但在微博、SNS发展起来之后，就开始依赖这种即时性的社交平 台。这可能都是超越传统BBS的一些路径和方向。

第三是移动化，怎样把世界装进口袋里。而在移动互联网时代，非常重要的是你必须以用户为核心。百度占有的搜索市场，但最大危机或者说缺点就是它是没 用户的，只产生流量不能产生很多的业务联系。腾讯的强大便在于QQ形成的庞大的用户群。因此，BBS或区域化运营在移动化时代，必须以用户为核心。更形象 的比喻是，流量最多算过客，最终要让他产生消费成为用户，这就是未来做BBS或社区整合方面非常重要的一点。

第四是社交化。社交化是现实生活的延伸，是未来BBS重要的趋势。这方面，奥一网的论坛是个例子。为什么奥一在深圳一开始就能做得成功?我认为非常 重要的一个就是它的老乡论坛，因为深圳是移民城市，关系架构是老乡之间的。奥一网在2000年就建立了此块论坛，开始可能是阴差阳错，但其间的社会关系非 常重要。未来BBS论坛一定要以这种社会关系作为一种建构，增加它的粘性。

采写：南都记者 刘艳艳

实习生 杜小英



© 我想网 Akon 所有 , 2011. | 永久链接 | 没有评论 | 提交到 Google Reader 鲜果 抓虾

Feed enhanced by Better Feed from Ozh

QR码是二维码的一种，比 条形码可存储更多的资料。QR是Quick Response的缩写，即能够快速知道其含义的意思。现在的大部分智能机应该都可以读取简单的QR码，太复杂的可能图像不是很清晰，要专门的QR读码器 才行。下面是10个免费的在线QR码生成网站，我用我的E71做了简单的测试，发现部分网站生成的汉字的QR码不能被读取，有的读取出来 是”？？？？？”，有可能是手机的原因，也有可能是生成的QR码不规范。

1、QR Stuff

这个生成的效果最好，不管是中午还是英文 都可以，并且可以下载png格式的QR码。

2、Quickqr

这个网站生成 的中文字符QR码有问题，英文字符可以。

3、QR Jumps

这个网站生成的中英文字符QR都能被读取。

4、Morovia

这个网站生成的QR码比较精细，E71读取不了，没提示不能识别，也没显示内容。

5、Online QR Lab

这 个网站生成的中文字符的QR，在E71上一直读取失败，提示不能识别该条码，英文字符的QR码没问题。

6、Snapmaze QR Code Generator

这个网站被墙，要使用代理。它生成的中英文字符的QR码能被准确识别。

7、Kaywa QR code

这 个网站生成的中英文字符的QR码都能被识别。

8、Qreasy

只能生成URL的QR码。

9、QReateBUZZ

这 个网站要注册才能使用，所以也没做测试。

10、Mobilefish

这个网站生成的中英文字符的QR码都能够被识别。

给自己的网站加一个QR码，还是蛮酷的吧，建议使用QR Stuff，界面很明了。

© 我想网 Akon 所有 , 2011. | 永久链接 | 2 条评论 | 提交到 Google Reader 鲜果 抓虾

Feed enhanced by Better Feed from Ozh

Google 早在2年半以前就声称 已经完成一万亿网站网址URL的检索收录，面对如此浩瀚的网络以及网站，在今年你是不是跟我们鸟人网BirdUser一样纠结于该关注哪些网站以及哪些国外新颖产品呢？，ok，Mashable为我们赛选并推荐了10大值得关注网站。

1. Kickstarter 一个创意点子集资平台

Kickstarter 是一个创意点子交易平台，网站致力于支持和激励创新性，创造性，创意性的活动。通过网络平台面对公众集资，让有创造力的人可能获得他们所需要的资金，以便使他们的梦想有可能实现。这种类型的交易平台，鸟人网曾介绍过，OpenInvo 创新点子创意交易市场 ，在Kickstarter，你可以把你已经实现的产品的雏形放上去，如果有有兴趣的人看到，他会给你投资、帮助组建公司等。而在OpenInvo，你的idea 完全不需要你去实现出来，你只要把idea 文档化并提交即可。

kickstarter平 台的运作方式相对来说比较简单而有效：该平台的用户一方是有创新意渴望进行创作和创造的人，另一方则是愿意为他们出资金的人，然后见证新发明新创作新产品 的出现。 kickstarter网站的创意性活动包括：音乐，网页设计，平面设计，动画，作家以及所有有能力创造以及影响他人的活动。信息来源-Josh Catone, Features Editor

2. OpenLeaks 开放式的信息揭秘网站

OpenLeaks（开放解密），是一个类似维基解密的网站。该网站由前维基解密职员丹尼尔·多姆沙伊特·伯格建立。这个网站的长期的目标是建立一 个强大的、透明的平台，在技术和政治两个方面支持告密者。同时，鼓励其他人开始实施同样的项目。OpenLeaks由维基解密前雇员，德国人丹尼尔·多姆 沙伊特·伯格（Daniel Domscheit-Berg）建立，不过丹尼尔强调，他的网站理念和维基解密完全不同，OpenLeaks将不会直接发布信息，而是取得信息交由他人发 布。 丹尼尔明白朱利安·阿桑奇（Julian Assange）的维基解密网就做两件事情：从匿名泄密者那里得到秘密信息，然后发布在一个未经审查的网站上。但自从2010年9月份离开维基解密后，丹 尼尔眼看维基解密因为泄露机密文件在全球引起巨大争议，他觉得有必要修改这种做法。 信息来源-Vadim Lavrusik, Community Manager

目前 OpenLeaks还处于内侧。

3. Klout 社交影响力评测网站

Klout是一家衡量Twitter用户影响 力指数的创业公司，今天开始把影响力测量产品推向Facebook。Klout已经将把用户在Facebook和Twitter上的影响力合二为一。 Klout在衡量Twitter用户影响力时会考虑用户被转发的推讯，转发别人的推讯，别加入的列表数，以及推讯给其他用户带来的影响等因素，鸟人网 综合信息。信息来源-Jehangir Irani, Multimedia Producer

4. Hipmunk 航班搜索引擎

Hipmunk 是一种改进过的，更聪明的航班搜索引擎。Hipmunk做的事情，除了帮你找机票之外，网站上也排除了其它对想找机票的人无用的信息，让你可以专注在找机 票，比价、比时间，让自己有一趟开心又划算的旅行。这种模式一旦被用户所接受，并通过朋友间口碑传播，那Hipmunk必将火箭式的爆发。信息来源-Ben Parr, Co-Editor

该产品在 鸟人网 2010年Quora Flipboard等最佳十大网络创业公司 报道过，该文从ReadWriteWeb 读写网编译而成。

5. Gilt Groupe 奢侈品购物电子商务网站

有关 Gilt的详细信息，在 新商业模式 私下销售 Private Sales Gilt Groupe年营收1.5亿 ，有详细说明。Gilt是一个奢侈品电子商务购物网站。

信息来源 -Lauren Indvik, Assistant Editor （鸟人网birduser 配图）

6. Diaspora 去中心化 社交网络平台

Diaspora，https://joindiaspora.com/ 英文是大疏散的意思。由纽约大学的学生创建，资金来自Kickstarter用 户的捐赠，目的是建立一起对抗Facebook的社交网站：开源、去中心化、尊重用户隐私。由于Facebook侵犯用户隐私的事件引发了很多担 忧，Diaspora引起了很多媒体的注意。该网站在2011年将面向更多用户以及用户群体开放，a代表了大众资助的力量，以及人们对去中心化社交网络的 兴趣。。 无论如何，这里仍然是Facebook之外的另一个社交网络巨擘的选择之一。信息来源-Vadim Lavrusik, Community Manager

7. Quora 社交问答网站

问答网站 Quora，详细信息，硅谷新星：提问网站Quora将是博客演变的下一个方向 ，在 2010年Quora Flipboard等最佳十大网络创业公司 文中也被 RWW 读写网评选过。另外，有评论指出四大原因 Quora 不会像 twitter 那样火爆 。信息来源-Adam Ostrow, Editor-in-Chief

8. Grooveshark 在线音乐搜索引擎和服务网站

Grooveshark 是一个在线音乐搜索试听与存储服务网站，他是一个为数不多的面向欧洲的免费网站。跟其它在线音乐搜索引擎所不同的是 Grooveshark所提供的音乐基本上都是自身提供, 而不是来源于第三方网络。Grooveshark拥有跟Google很像的简介首页入口和页面，他极有可能未来成为新一代在线音乐的巨擘。

在Grooveshark里面, 你可以通过音乐搜索, 然后创建自己的播放专辑或是播放列表. 还可以收藏自己喜欢的音乐到收藏夹进行在线试听。另外, 你也可以上传自己的音乐到网络上面, 但是得保证没有版权问题, 但有其它户下载你提供的音乐的时候, 你将可以获得50%的收入。信息来源-Stan Schroeder, European Editor

9. Drupal CMS内容管理和发布系统

Drupal 是一个开源的内容管理系统(CMS) 平台，PHP语言编写。主要用于构造提供多种功能和服务的动态网站，这些功能包括用户管理(UserAdministration)、发布工作流 (Publishing Workflow)、讨论、新闻聚合(NewsAggregation)、元数据(Metadata)操作和用于内容共享的XML发布。Drupal有一 个优秀的模块化结构，提供了许多模块，包括短消息、个性化书签、网站管理、Blog、日记、电子商务、电子出版、留言簿、Job、网上电影院、论坛、投票 等模块。并且Drupal模块的下载、安装、定制非常方便。

随着 Drupal 7的发布，并且由于 Development Seed 和 Lullabot 的努力，目前 Drupal的生态链正日渐完善，进度之快令人惊叹。Acquia 这个商业公司的老板 也就是 Drupal的创始人所创立的公司，继续为用户提供商业服务，并致力于平台各种功能和服务的完善和提高。信息来源 -Christina Warren, Mobile Reporter

10. Foursquare LBS 地理位置服务提供商

相信这个不需要鸟人网做过多解释了吧。这个LBS服务公司Foursquare已经被中国媒体普天该地的报道过，并被国内众多创业公司所模仿，更多Foursquare模式在中国的可行性分析等。这里，我们希望在2011年，foursquare公司能够有更大规模的发展。如果将来某天出现foursquare公司收购或者合并一些小型的创业公司，这一点不令人吃惊，因其具备成为未来的主流之一的实力。信息来源 -Jehangir Irani, Multimedia Producer

本文由鸟人网birduser授权 译言网 同时发布，译文创作权归鸟人网www.birduser.net 所有。转载请注明并保留来源: http://www.birduser.net/4996.html

© 我想网 Akon 所有 , 2011. | 永久链接 | 没有评论 | 提交到 Google Reader 鲜果 抓虾

Feed enhanced by Better Feed from Ozh

这篇文章我们将介绍5个简单的方法让你能提高你网站的可读性。当然，文章的最后请大家自由发表意见，我希望能知道你们的想法。

对排版的基本了解

你必须收悉字距调整、亮度动态控制、首字、截线、无截线、线高等术语。

排版是现代网站设计的一个重要方面，特别是现在许多人使用css下的font-face字体而且有一些像Typekit一样的软件让人们可以用不合法的字体在他们的网页上。

当然最漂亮的字体也不能在你不遵守相关基础规则的情况下帮助你。试着一直用字体标准度量，无论是你的自创体还是现有的字体，简单的12, 14, 16, 18, 21, 24, 36, 48, 60,将会很好的规范字体等级制度，保持使用合法的字体度量标准。

有效地利用空白处

“空白空间”是指设计网站时的闲置空间-它并不一定指白色的白，可以说它是隔开章节段落之间的那些空闲空间。能更好的利用这些空间是提高你网站可读性的关键。

如果你的网站挤的满满的使得段与段之间都没有空白，阅读浏览你的网站将变得很困难。确保你的文字内容，副本，图标，列表，超链接以及其他元素拥有自己的空间。

我们知道网络使用者是不回去耐心阅读的，他们快速浏览直到找到他们感兴趣的内容，于是才点击来读（或者继续快速浏览）。在这方面做一些提高，通过利用空白空间让你的页面便于浏览。

对其线和格

如果文章和其他网页元素在网页上四处分散会使你的页面十分难以阅读从而无人问津。使用对其格能帮助你保持页面的整齐并让读者能直接的发现你页面的关键点-比如说请读者注意的按钮。

有一些出名的网格系统如960.gs 和Blueprint可以作为你设计网页的起点和参考。我个人喜欢用我自己的构架风格，但是我相信这只是个人选择罢了。

色彩对比

显然上述的几点对网页设计很重要，但是色彩对于网页也是不可或缺的重要因素。白色底纹浅灰色文本也许让你读着不费力，但对于其他人来说可能根本无法 读下去。如果你的目标读者是60岁以上的人时，你可能希望文章字色稍暗点更利于阅读。同样的，如果你的页面背景太暗，要让文字越亮越好。

你当然可以在对比度的掌握上玩的的心应手，你可以使你的图标颜色更深来吸引读者注意，让其更浅来让读者忽略。

确保元素间的对比，背景和文字的对比。你可以使用Colour Contrast Check‘这样的工具来使文章有不同的色彩和对比。

确保简洁切题

如我之前说的，人们不会去仔细阅读，他们只是浏览罢了。至少我是这样的。所以让你的内容简短并把不相关的东西去掉可以提高可读性。要知道你不是在写小说，你是在写网络文章。我个人一看到长篇大论的文章就立刻点击关闭。把文章拆成小段落和关键点。

当你能把文章缩到50字时就不要写100个字。保持简洁切题你的读者会感谢你的。

该你说了

我知道我关于这个问题的看法只是表面见解，请同我们分享你们的小经验。我会仔细阅读它们的。评论区见！

© 我想网 Akon 所有 , 2011. | 永久链接 | 没有评论 | 提交到 Google Reader 鲜果 抓虾

Feed enhanced by Better Feed from Ozh

多数网站安装的分享按钮类似下图：

这家业者透露，在某个特别的帖子中，曾经观察到过平均每次分享是1122个IP回流。当然这个惊人的数字的形成有很多原因，包含文章帖子的内容及谁在分 享。如果帖子内容好，一般的每次分享会流量应该都在10个回流以上。而如果分享的刚好是该平台的意见领袖，就很容易创造出惊人的回流量数字。如下图：

在提供回流量次数统计的同时，分享按钮也很贴心的提供从哪里回流的分析图表，并且已经flash图表化。如下图：（各条线就是分享到哪里去还有几次，圆圈就是代表回流量统计，圆圈越大，回流量越高。）

大家一定很好奇，那些帖子的分享回流效果更明显呢？是图片？文章？还是视频？业者的统计发现，视频及娱乐类的内容占有一定的优势，这也符合大多数网民的阅读习惯。在阅读开心网或人人网的热门分享帖子时，我们也都可以发现，类似的帖子总是站在排行榜的前位。数据如下图：

由以上数据可知，社会化分享按钮已经是一个不可或缺的工具，对于网站站长来说，这是一个简单又省力的营销工具，让你的读者帮您带更多同好回来，毕竟，物以类聚已经是一个不争的事实了。

来源：王浩威投稿

© 我想网 Akon 所有 , 2011. | 永久链接 | 没有评论 | 提交到 Google Reader 鲜果 抓虾

Feed enhanced by Better Feed from Ozh

2. The Online Books Page: http://onlinebooks.library.upenn.edu/
Listing over 25,000 free books on the Web. The site is hosted by the University of Pennsylvania Library.

3. Asiaing.com: http://www.asiaing.com
Over 2,000 free ebooks & free magazines. Most of them can be downloaded directly.

4. PSU’s Electronic Classics Site: http://www2.hn.psu.edu/faculty/jmanis/jimspdf.htm
Classic works of Literature.

5. PlanetPDF http://www.planetpdf.com/free_pdf_ebooks.asp?CurrentPage=1
Classics works of Literature.

6. University of California, eScholarship Edition: http://content.cdlib.org/escholarship/
The eScholarship Editions collection includes almost 2000 books from academic presses on a range of topics, including art, science, history, music, religion, and fiction.

7. University of Adelaide Library’s collection of Web books:
http://etext.library.adelaide.edu.au/
The collection includes classic works of Literature, Philosophy, Science, and History.

8. AvaxHome.ru: http://www.avaxhome.ru
Some new ebooks. Rapidshare download links. Copyright is a problem.

9. The National Academies Press: http://www.nap.edu
Read more than 3,000 books online FREE!

10.You! Everyone has his own favorite ebook website. Maybe It’s already on the list. Maybe not. It doesn’t matter. The most important thing is that you love eBook.

© 我想网 Akon 所有 , 2011. | 永久链接 | 没有评论 | 提交到 Google Reader 鲜果 抓虾

Feed enhanced by Better Feed from Ozh

在生活中，拥有目标是非常重要的。

特别对于网站设计而言，因为没有目标就没有动力，更无法衡量你的成功与否。 目标有助于设计师专注于重要的事情，把握设计 方案的走向。目标能帮助设计者设计出令人眼前一亮的网站。

设计任何一个网站，过程都是大同小异的：我完成了一份设计稿，然后把它交给客户。虽然在一开始，我有我的创意，客户有客户 的需求，但是我知道我会在最后交出一份令人满意的答卷。 之后的步骤大径相同，但每个网站都会因面向的群体不同、定位不同、风格不同而各自产生某些不同的 步骤。有时我需要手绘，有时我又必须利用PS、AI等软件的强大功能。 尽管不同项目的过程可以有所差异，但至关重要的是做一个网站一定会确立一个目标，无论你把它写下来也好记在心里也罢，你的设计必须把这一目标体现出来。

我在以下列出的5个目标，是在每一次开始网页设计时都必须思考的。

1。力求用户友好和美观

良好的用户界面往往是建立在牺牲掉一个优秀设计的基础上，然而这两者同等重要，应该让他们和平相处。一个设计良好的网站可 以帮助用户轻松访问。网站中的每个元素都应该在客户习惯的位置，否则他们的存在就必须有特定含义，而设计师必须对用户进行引导。 例如，导航会放在页面顶 部不是因为它放在那里比较好看，而是用户不会拖动滚动条到处找它。 如果你一定要让用户拖动滚动条去找导航，就给他们一个理由，比如一些更容易被发现的引 导用户向下看的设计。

案例：http://www.whitehouse.gov/

该网站是在奥巴马2008年11月就职时改版的。改版前，网站只专注于提供信息，却没有考虑如何把组织信息和提高可读 性。 改版后的网站力求用户友好与美观，体现了设计对于可用性的专注。以一个柔和的渐变与经典西方建筑的图案为背景，塑造出一个更舒适更赋有现代感的外 观。新导航与信息的合理组织使用户更快速、更有效的获取所需。宽敞的布局，也同样是对用户浏览该网站有利的因素。不需要的东西全都去掉，只留下对用户最重要的部分。

2。明确目标用户

我见过很多网站，看上去很华丽却不适用于它的目标群体。 对于设计工作室或者音乐人来说，一个复古的网站搭配时尚的色彩会 是很棒的结合，您的顾客也乐于见到。但这样的网站并不适合以专业人士和企业用户为主要群体的律师事务所网站。对于这点，您的客户具有良好的洞察力，因为他 们的工作就是与这次的目标群体打交道。在你做研究的时候看看跟你同类型的公司都在做什么，你不必做相同的事情， 但是网站给人的感受必须的类似的。

案例：http://www.apple.com/

该网站是一个很好的例子，出色的设计完全符合目标用户的口味。网站用柔和的渐变、大尺寸的图片展现了干净、简约之美。字体 非常重要，苹果网站在标题、字号、位置上都精心考量过。现代的风格精确定位于年轻的偏重技术的用户。该网站也并没有严肃的那么彻底，层层细节中不断渗透出 轻松的元素，这点也正中年轻白领的下怀。该设计也同样符合他们产品外观的特点–时尚、有圆角而整洁的组合。以上几点都令用户感到舒适，除此之外，还会产生 巨大的吸引力，带动用户去看他们旗下所有品牌的产品。

3。让用户界面自由流畅，让用户能快速高效的找到他们需要的信息。

良好的导航是优秀网站的关键。实现做好网站地图有助于分配页面跳转的去向以及哪些模块应该放在一起。许多网站的导航很繁 琐，是因为他们根本没有计划过，哪些信息放在哪里最合适。您需要尽量压缩整个页面的容量，而让重要的信息所占比重最大化。不用把所有相关信息都要放在网页 上，因为并不是每个用户都有耐心去阅读。 精简导航，确定什么是最重要的，丢掉其余的。

案例：http://www.mediatemple.net/

该网站风格偏向沉稳，暗色调的渐变搭配倒影呈现出光滑的质感，突出了高科技的重点。简洁易用的主导航以及前端有标示的二级 导航，都让用户很轻松就找到所需信息。 网站的整洁清晰，宽屏的设计让视野更加开阔，十分有利于浏览和阅读。 点击网页上的介绍后，明显的“查看详情”的 按钮引导用户深入网站，最终找到他们的目标网页，即网站希望用户到达的网页。 匹配的按钮和有效地知道在整个过程中给予用户有效帮助。

4。 给客户他们想要的以及需要的。

正如众多设计师所知，客户往往认为他们才是最清楚的。一般而言，他们肯定比你更了解自己的公司，所以有关客户和产品的描述 得听他们的，因为这是在他们的领域。 然而，对于如何把信息组织的更加实用以及网页用户有何特点，他们可能并不了解。因此某些重要的事项你必须为你的客户 讲解并让他们充分的理解–为什么他们不需要一些看上去很“炫”的东西，例如做一个长达5分钟的尽管看起来很绚丽的网站介绍。

案例：http://mobify.me/

该网站干净、简约而富有现代感，加上在细节上出色的视觉效果，帮助用户浏览网站。 该网站的目标人群除了企业用户外，也包 括对“手机友好”感兴趣的技术开发人员和网页设计师。 浏览该网站的用户很可能本身就是网站方面的专家，而来的目的是为了进一步拓展自己的网站。 这个网 站的设计，就是一切关于公司销售移动服务的需求。 该界面简洁、光滑，正如一个移动设备给我们的感觉。 导航简洁易用，在这个现代高科技的网站上清楚明了 的给予用户他们所需要的。

5。 用增加代码来拓展网站的功能。

一个简单的网站在运用了JS或PHP的一些功能后会变得强大起来。 用户会享受这些附加功能，设计师也有机会做一个新的尝 试。既然有这么的技能可以学并植入到网站中，为何不针对每项功能都尝试一个新的页面，在设计上也寻找新的突破呢？尝试一个新的JS教程或一个有趣的PHP 脚本。每当你坐下来设计一个页面的时候都有成推的东西要学，只要你在做每个网站的时候多学一样东西，试想一年 后你会有多少成长呢。

案例：http://www.authenticjobs.com/

该网站在细节的处理方面做的非常出色，表现在加强了它的使用性和功能性。网站原本非常基本、简单，但一些JS的运用大大提 升了网站的价值，而且让用户的使用更生动有趣。 你可以改变工作类型，添加或删减类别，以便在你点击按钮时，在他们的工作清单中过滤信息，让你在更短的时 间里，找到更精确的结果。这一类的细节，是这个网站的亮点。

总结：确立目标的确是作为一个网页设计师提升设计水平、前端技巧的重要组成部分。你不可能没有目标就能提升技巧，并让你的 客户眼前一亮。每当你开始一个新的页面之前，思考一下你希望完成一个怎样的作品。你的目的不是要追求“完美”，而是要最求“优秀”，而且不要放过任何一次 机会。

© 我想网 Akon 所有 , 2011. | 永久链接 | 没有评论 | 提交到 Google Reader 鲜果 抓虾

Feed enhanced by Better Feed from Ozh

No.1

卷豆网 是一家致力于为站长用户提供适合在线社区的电子商务解决方案的服务性站点，淘金链（LinkMiner）是其发布的第一个产品。它能够将用户网站上的普通 的网店链接和在线商品链接（比如淘宝商品链接）转换为支持佣金结算的CPS链接（比如淘宝客链接），在不影响用户体验和不占用广告位的情况下，为站长们开 辟出了一块全新的收入来源。

关注程度：★★★★★
趣味指数：★★★☆☆
商业想法：★★★★★
产品分类：电子商务、插件

快评：卷豆网是今年我见过众多产品中最令我兴奋的一个项目，它革命性的同时整合了创意、技术以及商业。 给中小型站长带去了新的机遇，重要的是产品富有想象力！

No.2

无觅网 是一家提供社会化新闻推介服务的站点，依托于几大主流资讯门户网站的海量新闻，利用人工智能技术，根据用户喜欢的网页，在众多的网页中主动向读者推送那些 潜在感兴趣的新闻内容。另外，在最近发布的版本中，无觅网推出的相关文章插件能够立足于云端技术，嵌于WordPress 等独立博客系统为用户提供更大精准的话题匹配。

关注程度：★★★★★
趣味指数：★★★☆☆
商业想法：★★★☆☆
产品分类：插件、社会化推荐、

快评：无觅最近两个月的更新动作极为频繁，特别是在“无觅网络”诞生以后，其产品的线路越来越清晰，作 为一个技术驱动的团队，无觅的产品已经能够让人在闲暇之余勾起无限的遐想。在此不负责任的预言，无觅网会在未来4-8个月时间里呈现井喷的增长势头，一个 好的算法能够让无觅成长成为中国的StumbleUpon，甚至Google一样更伟大的互联网公司。

No.3

Doit.im 是一款简单易用的GTD任 务管理软件，目前产品线彻底横跨包括 Windows、Web、iPhone以及Android 在内的多个系统平台，性能和产品体验在全球范围内的同类产品中都极具竞争力。

关注程度：★★★★☆
趣味指数：★★☆☆☆
商业想法：★★☆☆☆
产品分类：游戏、云计算

快评：Doit.im 去年曾经上榜过分享网络2.0 – 2009 最值得关注的10款中文小众互联网产品。 今年该团队历经磐涅，重组后的团队给我们带来了完全颠覆以往的创新作品；团队不屈不饶的创业精神值得去嘉奖。

No.4

街旁 是一个基于地理位置的移动社交服务。它在传统的社交服务所拥有的时间、人物、事件之外，成功引入了第四个维度：地点，让用户的网络生活和真实生活更紧密的 结合。用户可以使用街旁网来“签到”自己所处的地点，用创新有趣的数字化方式记录足迹，和朋友分享心情。

关注程度：★★★★☆
趣味指数：★★★★☆
商业想法：★★★☆☆
产品分类：LBS

快评：基于地理位置的移动服务当之无愧是2010年最热门的科技话题，从国外的Foursquare一 开始引领“签到”潮流以后，国内的同类产品便如同雨后春笋般涌现出来，为什么会是街旁上榜这里的Top10？而不是开开、切客或者玩转四方。从我个人的理解是，运营是产品重要的组成部分，也许街旁产品并不是最优 秀的，但他们的运营绝对是最充满热情的。

No.5

快盘 是金山软件推出的一款类Dropbox的云存储服务，用于文件管理以及备份；它可以将相同文件即时自动的同步至PC、手机、Web等多个平台，真正实现跨 平台的使用。

关注程度：★★★☆☆
趣味指数：★★★★★
商业想法：★★★☆☆
产品分类：存储、云计算

快评：2010年除了LBS和团购以外，还有一个大热门的话题，那就是云存储和云同步。面对市面上诸多 同质化的产品（盛大-Everbox、 华为-数据银行、新浪-微盘、金山-快盘、迅雷-随身盘、快车-袋鼠等等），我最终做了一个艰难的决定，将Top5颁发给了金山快盘。这完全出自 于一名Blogger个人的感情色彩；金山正在经历公司历史上的第三次战略转型——开始主攻基于“服务型”模式的互联网方向，短短一年时间里，金山诞生了 包括快盘、快写、快快在内的多款口碑不错的互联网产品，这个奖 项颁发给他，希望金山能够在互联网领域和创新方面越战越勇！

No.6

麦库 是由盛大网络下面负责创新产品研发的创新院开发的一款相对小众的互联网产品，专门面向用户提供免费并且安全的个人知识管理服务，平台类似于国外的 Evernote。用户可以选择用电脑、手机等设备，随时随地在麦库里保存笔记、备忘、写文档，存资料，并可以方便的整理和分享。

关注程度：★★★★☆
趣味指数：★★☆☆☆
商业想法：★★☆☆☆
产品分类：个人知识管理、

No.7

多比多 是国内一家全新的音乐创作与分享平台，他能够帮助用户将个人或者群体上传分享的音乐素材、碎片等材料在线混搭（Mixing、Mushup）成为一支独立 音乐作品，并做到即时的发布。在这里，用户完全有机会展示自己在音乐方面的才华；发布原创音乐、翻唱歌曲、混音再创作等等，并且还可以制作和下载高品质的 音乐铃声。

关注程度：★★★☆☆
趣味指数：★★★★★
商业想法：★★☆☆☆
产品分类：音乐、创作、分享

No.8

爱库网 是一个用于整理、组织和分享任何互联网上的包括网站、图片、视频在内的各种资源，并且致力于让用户发现更多有意思的互联网内容的在线服务。提供了轻量级的 好友关系维护、完善的数据组织分类管理以及更为流畅的交互体验等特色服务。

关注程度：★★★★☆
趣味指数：★★★☆☆
商业想法：★★☆☆☆
产品分类：社会化书签、收藏夹

No.9

Zaker 是由国内开发者面向中国iPad用户量身定做的一款类Flipboard的社会化新闻阅读器，针对新浪微博、Google Reader、国内热门博客等等社会化媒体内容进行一次封装和整合，并以类杂志阅读的方式呈现在读者面前。Zaker 现在主要的特色包括：自动排版、翻页效果阅读文章、离线阅读、图片保存、绑定Google Reader / Instapaper / 新浪微博 以及文章评论和转发等特色。

关注程度：★★★★☆
趣味指数：★★★☆☆
商业想法：★★★☆☆
产品分类：iPad、电子杂志

No.10

Tap 是一个新型的免费自助建站服务平台，它可以创建并管理包括网站在内的各种网络应用。易用、高效的Tap 能够帮助用户轻松摆脱建站过程中技术对创造力的制约，拥有较高自由度的Tap能够快速提升用户的建站热情。同时，Tap为不同用户的需求配备了完美的个性 化解决方案，致力于将网站建设这一互联网核心应用普及大众。

关注程度：★★★☆☆
趣味指数：★★★★☆
商业想法：★★★☆☆
产品分类：建站、CMS

© 我想网 Akon 所有 , 2010. | 永久链接 | 没有评论 | 提交到 Google Reader 鲜果 抓虾

Feed enhanced by Better Feed from Ozh

前面讲到，WEB服务器是要做负载均衡的，图片服务器是要分开的。对于这点，代码在处理客户端状态时，不要把状态放到单机上，举例，不要用文件session，嗯，常识。 如果有可能，最好在一开始就做好用户单点认证的统一接口，包括跨域如何判断状态、静态页面如何判断状态，需要登录时的跳转和返回参数定义，底层给好接口， 应用层直接就用（可参考GAE的 user服务）。登录方面的设计要考虑移动设备的特性，比如电脑可以用浮动层窗口，但NOKIA自带的浏览器或UCWEB就无法处理这种表现形式，程序一 定既能处理AJAX请求又能直接通过URL来处理请求。图片服务器分开，资源文件最好也布局到图片服务器，也就是WEB服务器只服务动态程序。虽然开发测 试时稍微复杂（因为需要绝对URI才能访问），但将来页面前端优化上会轻松许多，并且你的WEB服务器IO优化也轻松许多。程序引用资源文件时，要有一个 统一的处理方法，在方法内部可以自动完成很多事情，例如将css/js根据组合，拼成一个文件，或者自动在生成的URI后面加上QUERYSTRING， 如果将来前端用了缓存服务，那生成QUERYSTRING是最简单的刷新服务端缓存和客户端缓存的办法。

前 面讲到，数据库会有复制，可能会多主多从，可能会分片。我们程序在处理数据的过程中，最好能抽象出来单独放做一层。拿现在流行的MVC模式来说，就是在M层下方再 放一个数据层，这个数据层不是通常所说的JDBC/PDO/ActiveRecord等，而是你自己的存取数据层，仅对外暴露方法，隐藏数据存取细节。这个数据层内部不要怕写的难看，但一定要提供所有的数据存储功能，其他任何层次不要看到跟数据库打交道的字眼。之所以这样做，是因为在单关系数据库的情况 下，可能会SELECT…JOIN…或直接INSERT…INTO…，可你可能会将一些表放到key-value数据库里存储，或者分片，这么做之后原来 的语句和方式要全部改变，如果过于分散，则移植时会耗费很大精力，或得到一个很大的Model。在数据层面的设计上，尽量避免JOIN查询，我们可以多做 冗余，多做缓存，每种数据尽量只需要一次查询，然后在你的程序里面进行组合。对于比较复杂的数据组合，在实时性要求不高的情况下，可采用异步处理，用户访 问时只取处理后的结果。在对于主键的处理上，避免使用自增ID，可以用一定规则生成的唯一值当做主键，这种主键是最简单的分片分布策略。即使用自增ID， 也最好用一个自增ID发生器，否则从数据库不小心被写了一下，那主键很容易冲突。

前面讲到，咱数据库前面还有某些缓存挡着。别把mysql的query cache当缓存，应用稍复杂的时候QUERYCACHE反而会成为累赘。缓存跟数据库和业务结合的很紧密，正因为跟业务关系紧密，所以这点没有放之四海而皆准的方法。但我们还是有一些规则可参照。规 则一：越接近前端，缓存的颗粒度越大。例如在WEB最前端缓存整个页面，再往后一层缓存部分页面区域，再往后缓存区域内的单条记录。因为越靠近后端，我们 的可操作性越灵活，并且变化最多的前端代码也比较方便编写。在实践中，因为产品需求变化速度非常快，迭代周期越来越短，有时很难将Controller和 Model分的那么清楚，Controller层面处理部分缓存必不可免，但要保证如果出现这种情况，Controller所操作的缓存一定不要影响其他 数据需求方，也就是要保证这个缓存数据只有这一个Controller在用。规则二：没有缓存时程序不能出错。在不考虑缓存失效引发的雪崩效应时，你的程 序要有缓存跟没缓存一个样，不能像新浪微博一样，缓存一失效，粉丝微博全空，整个应用都乱套了。在缓存必不可少的情况下，给用户出错信息都比给一个让人误 解的信息强。规则三，缓存更新要保证原子性或称作线程安全，特别是采用被动缓存的方式时，很可能两个用户访问时导致同一个缓存被更新，通常情况这不是大问 题，可缓存失效后重建时很可能是引发连锁反应的原因之一。规则四：缓存也是有成本的。不只是技术成本，还有人工时间成本。如果一个功能使用缓存和不使用， 在可预见的访问量情况下区别微小，但使用缓存会使复杂度增加，那就不用，我们可以加个TODO标注，在下次迭代的时候加上缓存处理。

前面讲到，文件存储是独立的，那么所有的文件操作就都是远程调用。可以在文件服务器上提供一个很简单的RESTful接口，也可以提供xmlrpc 或jsonserveice，WEB服务器端所生成和处理的文件，全部通过接口通知文件服务器去处理，WEB服务器本身不要提供任何文件存储。你会发现很多大网站的 上传图片跟保存文章是分两步完成的，就是基于这个原因。

以上几条“前面讲到”，其实无数人都讲过，我也只是结合前几篇文章用自己的话重复了一遍，真正分析起来精髓很简单——除了良好的功能逻辑分层，我们 还要为数据库存储、缓存、队列、文件服务等程序外层资源调用单独设计接口，你可以把你的程序想象成是运行在 Amazon EC2 上并用他的所有webservice服务，你的数据库就是它的SimpleDB， 你的队列就是他的SQS，你的存储就是他的S3，唯一不同是amazon的接口是远程调用，你的是内部调用。

将支撑服务接口化，意味着将MySQL更换到PostgreSQL不 需要更改业务处理程序，移植团队甚至不需要跟业务开发团队过多沟通；意味着业务开发团队是对接口编程而不是对数据库编程；意味着不会因为某个业务开发人员 的失误而拖垮性能。

对程序扫盲不感兴趣的直接看这里——

产品设计完了，程序框架搭完了，可能有矛盾在这个节骨眼儿产生了。不断有产品设计抱怨说他的创意没实现到预期效果，有程序员抱怨说产品设计不切实 际。这种抱怨多缘于产品人员不懂技术，技术人员不理解产品。从广义上来讲，产品包含市场策略、营销手段、功能设计，产品和技术在争论时往往把焦点放在功能 上，而实际重点是，实现这个功能所消耗的成本跟能这个功能带来的利益能否换算，能否取其轻重。若可以，争议解决。若不能，则抛硬币看运气。因为一个功能的 加强而引发指标井喷，或因项目拖延而导致贻误战机的例子比比皆是。激进的决策者注重利益，保守的决策者注重损失，聪明的决策者会考虑这个问题是否真的那么 严重。

关系到未来的事情谁都说不准，要不怎么说创业一半靠运气呢。不过总有能说的准的事情，那就得靠数据说话。

没有100%也有99.9%的网站安装了访问统计代码，连我的 http://zhiyi.us 也不例外，新闻联播也总说科学决策科学发展的。有了统计，能确定的事情就很多了。例如，可以根据来源-目标转化率来分析哪类渠道的人均获取成本低，根据来 源-内容访问猜测用户跳出率原因，根据用户点击行为判断链接位置是否合理等。将数据以不同方式组合起来，找到内在联系，分析内因外因，制定对应策略，减少拍脑门决策。靠数据支撑运营是个非常专业的事情，虽然不懂深奥的数学模型不会复杂的公式计算，渐渐学会因为A所以B，因为A和B所以C还是相对简单的。

全系列完毕。老话，大半夜连抽烟带码字的挺伤身。

该系列的全集：

• 百万级访问网站前期的技术准备（上）
• 百万级访问网站前期的技术准备（中）

© 我想网 Akon 所有 , 2010. | 永久链接 | 没有评论 | 提交到 Google Reader 鲜果 抓虾

Feed enhanced by Better Feed from Ozh

几乎所有操作最后都要落到数据库身上，它又最难扩展（存储也挺难）。对于mysql，什么样的表用myisam，什么样的表用 innodb，在开发之前要确定。复制策略、分片策略，也要确定。表引擎方面，一般，更新不多、不需要事务的表可以用myisam，需要行锁定、事务支持的，用innodb。 myisam的锁表不一定是性能低下的根源，innodb也不一定全是行锁，具体细节要多看相关的文档，熟悉了引擎特性才能用的更好。现代WEB应用越来 越复杂了，我们设计表结构时常常设计很多冗余，虽然不符合传统范式，但为了速度考虑还是值得的，要求高的情况下甚至要杜绝联合查询。编程时得多注意数据一致性。

复制策略方面，多主多从结构也最好一开始就设计好，代码直接按照多主多从来编写，用一些小技巧来避免复制延时问题，并且还要解决多数据库数据是否一致，可 以自己写或者找现成的运维工具。

分片策略。总会有那么几个表数据量超大，这时分片必不可免。分片有很多策略，从简单的分区到根据热度自动调整，依照具体业务选择一个适合自己的。避 免自增ID作为主键，不利于分片。

用存储过程是比较难扩展的，这种情形多发生于传统C/S，特别是OA系统转换过来的开发人员。低成本网站不是一两台小型机跑一个数据库处理所有业务 的模式，是机海作战。方便水平扩展比那点预分析时间和网络传输流量要重要的多的多。

NoSQL。这只是一个概念。实际应用中，网站有着越来越多的密集写操作、上亿的简单关系数据读取、热备等，这都不是传统关系数据库所擅长的，于是 就产生了很多非关系型数据库，比如Redis/TC&TT/MongoDB/Memcachedb等，在测试中，这些几乎都达到了每秒至少一万次 的写操作，内存型的甚至5万以上。例如MongoDB，几句配置就可以组建一个复制+自动分片+failover的环境，文档化的存储也简化了传统设计库结构再开发的模式。很多业务是可以用这类数据库来替代mysql的。

八、缓存。

数据库很脆弱，一定要有缓存在前面挡着，其实我们优化速度，几乎就是优化缓存，能用缓存的地方，就不要再跑到后端数据库那折腾。缓存有持久化缓存、内存缓存，生成静态页面是最容易理解的持久化缓存了，还有很多比如varnish的分块缓存、前面提到的memcachedb等，内存缓存，memcached首当其冲。缓存更新可用被动更新和主动更新。被动更新的好处是设计简单，缓存空了就自动去数据库取数据再把缓存填上，但容易引发雪 崩效应，一旦缓存大面积失效，数据库的压力直线上升很可能挂掉。主动缓存可避免这点但是可能引发程序取不到数据的问题。这两者之间如何配合，程序设计要多动脑筋。

九、队列。

用户一个操作很可能引发一系列资源和功能的调动，这些调动如果同时发生，压力无法控制，用户体验也不好，可以把这样一些操作放入队列，由另几个模块 去异步执行，例如发送邮件，发送手机短信。开源队列服务器很多，性能要求不高用数据库当做队列也可以，只要保证程序读写队列的接口不变，底层队列服务可随时更换就可以，类似Zend Framework里的Zend_Queue类，java.util.Queue接口等。

十、文件存储。

除了结构化数据，我们经常要存放其他的数据，像图片之类的。这类数据数量繁多、访问量大。典型的就是图片，从用户头像到用户上传的照片，还要生成不 同的缩略图尺寸。存储的分布几乎跟数据库扩展一样艰难。不使用专业存储的情况下，基本都是靠自己的NAS。这就涉及到结构。拿图片存储举例，图片是非常容易产生热点的，有些图片上传后就不再有人看，有些可能每天被访问数十万次，而且大量小文件的异步备份也很耗费时间。

为了将来图片走cdn做准备，一开始最好就将图片的域名分开，且不用主域名。很多网站都将cookie设置到了.domain.ltd，如果图片也 在这个域名下，很可能因为cookie而造成缓存失效，并且占多余流量，还可能因为浏览器并发线程限制造成访问缓慢。

如果用普通的文件系统存储图片，有一个简单的方法。计算文件的hash值，比如md5，以结果第一位作为第一级目录，这样第一级有16个目录。从0 到F，可以把这个字母作为域名，0.yourimg.com到f.yourimg.com（客户端dns压力会增大），还可以扩展到最多16个NAS集群上。第二级可用年月例如，201011，第三级用日，第四级可选，根据上传量，比如am/pm，甚至小时。最终的目录结构可能会是 e/201008/25/am/e43ae391c839d82801920cf.jpg。rsync备份时可以用脚本只同步某年某日某时的文件，避免计算大量文件带来的开销。当然最好是能用专门的分布式文件系统或更专业点的存储解决方案。

下面，我们要谈谈代码了。

该系列的全集：

• 百万级访问网站前期的技术准备（上）
• 百万级访问网站前期的技术准备（下）

© 我想网 Akon 所有 , 2010. | 永久链接 | 没有评论 | 提交到 Google Reader 鲜果 抓虾

Feed enhanced by Better Feed from Ozh

对互联网有了解的人都有自己的想法，有人就把想法付诸实现，做个网站然后开始运营。其实从纯网站技术上来说，因为开源模式的发 展，现在建一个小网站已经很简单也很便宜。当访问量到达一定数量级的时候成本就开始飙升了，问题也开始显现了。因为带宽的增加、硬件的扩展、人员的扩张所带来的成本提高是显而易见的，而还有相当大的一部分成本是因为代码重构、架构重构，甚至底层开发语言更换引起的，最惨的就是数据丢失，辛辛苦苦好几年，一夜回到创业前。

减少成本就是增加利润。很多事情，我们在一开始就可以避免，先打好基础，往后可以省很多精力，少操很多心。

假设你是一个参与创业的技术人员，当前一穷二白，什么都要自己做，自己出钱，初期几十万的资金，做一个应用不是特别复杂的网站，那么就要注意以下几 点：

一、开发语言

一般来说，技术人员（程序员）创业都是根据自己技术背景选择自己最熟悉的语言，不过考虑到不可能永远是您一个人写程序，这点还得仔细想想。无论用什 么语言，最终代码质量是看管理，所以我们还是从纯语言层面来说实际一点。现在流行的java、php、.net、python、ruby都有自己的优劣，python和ruby，现在人员还是相对难招一些，性能优化也会费些力气，.net平台买不起windows server。java、php用的还是最多。对于初期，应用几乎都是靠前端支撑的网站来说，php的优势稍大一些，入门简单、设计模式简单、写起来快、 性能足够等，不过不注重设计模式也是它的劣势，容易变得松散，隐藏bug稍多、难以维护。java的优势在于整套管理流程已经有很多成熟工具来辅助，强类 型也能避免一些弱智BUG，大多数JAVA程序员比较注重设计模式，别管实不实际，代码格式看起来还是不错的。这也是个劣势，初学者可能太注重模式而很难解决实际需求。

前端不只是html、css这类。整个负责跟用户交互的部分都是前端，包括处理程序。这类程序还是建议用php，主要原因就是开发迅速、从业人员广 泛。至于后端例如行为分析、银行接口、异步消息处理等，随便用什么程序，那个只能是根据不同业务需求来选择不同语言了。

二、代码版本管理

如果开发人员之间的网络速度差不多，就SVN；比较分散例如跨国，就hg。大多数人还是svn的.

假设选了svn，那么有几点考虑。一是采用什么树结构。初期可能只有一条主干，往后就需要建立分支，例如一条开发分支，一条上线分支，再往后，可能 要每个小组一个分支。建议一开始人少时选择两条分支，开发和线上，每个功能本地测试无误后提交到开发分支，最后统一测试，可以上线时合并到上线分支。如果 喜欢把svn当做移动硬盘用，写一点就commit一次也无所谓，就是合并的时候头大一些，这些人可以自己建个分支甚至建立个本地代码仓库，随便往自己的分支提交，测试完毕后再提交到开发分支上。

部署，可以手工部署也可以自动部署。手工部署相对简单，一般是直接在服务器上svn update，或者找个新目录svn checkout，再把web root给ln -s过去。应用越复杂，部署越复杂，没有什么统一标准，只要别再用ftp上传那种形式就好，一是上传时文件引用不一致错误率增加，二是很容易出现开发人员 的版本跟线上版本不一致，导致本来想改个错字结果变成回滚的杯具。如果有多台服务器还是建议自动部署，更换代码的机器从当前服务池中临时撤出，更新完毕后再重新加入。

不管项目多小，养成使用版本管理的好习惯，最起码还可以当做你的备份，我的 http://zhiyi.us 虽然就是一个wordpress，可还是svn了，只改动一两句css那也是劳动成果。

三、服务器硬件

别羡慕大客户和有钱人，看看机房散户区，一台服务器孤独的支撑的网站数不清。如果资金稍微充足，建议至少三台的标准配置，分别用作web处理、数据库、备份。web服务器至少要8G内存，双sata raid1，如果经济稍微宽松，或静态文件或图片多，则15k sas raid1+0。数据库至少16G内存，15k sas raid 1+0。备份服务器最好跟数据库服务器同等配置。硬件可以自己买品牌的底板，也就是机箱配主板和硬盘盒，CPU内存硬盘都自己配，也可以上整套品牌，也可以兼容机。三台机器，市场行情6、7万也就配齐了。

web服务器可以既跑程序又当内存缓存，数据库服务器则只跑主数据库（假如是MySQL的话），备份服务器干的活就相对多一些，web配置、缓存配置、数据库配置都要跟前两台一致，这样WEB和数据库任 意一台出问题，把备份服务器换个ip就切换上去了。备份策略，可以drbd，可以rsync，或者其他的很多很多的 开源备份方案可选择。rsync最简单，放cron里自己跑就行。备份和切换，建议多做测试，选最安全最适合业务的，并且尽可能异地备份。

四、机房

三种机房尽量不要选：联通访问特别慢的电信机房、电信访问特别慢的联通机房、电信联通访问特别慢的移动或铁通机房。那网通机房呢？亲，网通联通N久 以前合并改叫联通了。多多寻找，实地参观，多多测试，多方打探，北京、上海、广州等各个主节点城市，还是有很多优质机房的，找个网络质量好，管理严格的机 房，特别是管理要严格，千万别网站无法访问了，打个电话过去才知道别人维护时把你网线碰掉了，这比DOS都头疼。自己扯了几根光纤就称为机房的，看您抗风 险程度和心理素质了。机房可以说是非常重要，直接关系到网站访问速度，网站访问速度直接关系到用户体验，我可以翻墙看风景，但买个网游vpn才能打开你这个还不怎么知名的网站就有难度了。或许您网站的ajax很出色，可是document怎么也不ready，一些代码永远绝缘于用户。

五、架构

初期架构一般比较简单，web负载均衡+数据库主从+缓存+分布式存储+队列。大方向上也确实就这几样东西，细节上也无数文章都重复过了，按照将来 会有N多WEB，N多主从关系，N多缓存，N多xxx设计就行，基本方案都是现成的，只是您比其他人厉害之处就在于设计上考虑到缓存失效时的雪崩效应、主 从同步的数据一致性和时间差、队列的稳定性和失败后的重试策略、文件存储的效率和备份方式等等意外情况。缓存总有一天会失效，数据库复制总有一天会断掉，队列总有一天会写不进去，电源总有一天会烧坏。根据墨菲定律，如果不考虑这些，网站早晚会成为茶几。

六、服务器软件

Linux、nginx、 php、mysql，几乎是标配，我们除了看名字，还得选版本。Linux发行版众多，只要没特殊要求，就选个用的人最多的，社区最活跃的，配置最方便 的，软件包最全最新的，例如debian、ubuntu。至于RHEL之类的嘛，你用只能在RHEL上才能运行的软件么？剩下的nginx、php、mysql、activemq、其他的等等，除非你改过这些软 件或你的程序真的不兼容新版本，否则尽量版本越新越好，版本新，意味着新特性增多、BUG减少、性能增加。总有些道听途说的人跟你说老的版本稳定。所谓稳 定，是相对于特殊业务来说的，而就一个php写的网站，大多数人都没改过任何服务器软件源代码，绝大多数情况是能平稳的升级到新版本的。类似于jdk5到 jdk6，python2到python3这类变动比较大的升级还是比较少见的。看看ChangeLog，看看升级说明，结合自己情况评估一下，越早升级越好，别人家都用php6写程序了这边还php4的逛游呢。优秀的开源程序升级还是很负责任的，看好文档，别怕。

以上这六点准备完毕，现在我们有了运行环境，有了基本架构骨架，有了备份和切换方案，应该开始着手设计开发方面的事情了。开发方面的事情无数，下一 篇会先说一些重点。

该系列的全集：

• 百万级访问网站前期的技术准备（中）
• 百万级访问网站前期的技术准备（下）

© 我想网 Akon 所有 , 2010. | 永久链接 | 没有评论 | 提交到 Google Reader 鲜果 抓虾

Feed enhanced by Better Feed from Ozh

几款点击热图工具

Sidney的博客中很早以前就介绍过一款点击热图的分析工具——Crazy Egg令人惊讶的优秀网站分析工具，文章是由Tenly写的。另外网上介绍比较多的点击热图工具还有ClickTable和tealeaf，这些工具都是通过JS来实现 的，只要在相应的页面上嵌入JS代码，就能在这些工具的网站上查看该页面的点击效果图，实现机制跟Google Analytics较为类似。这些工具一般都需要收费，但会有1个月的免费试用期，有兴趣的可以去试试。

另外有一款开源的工具——ClickHeat，可以下载它的源代码部署到自己的服务器上，并在网站页面中嵌入相应的JS代码来生成点击热 图，然后通过调用相应的页面查看。要部署ClickHeat，服务器需要支持PHP，同时因为点击的日志和所有统计结果都保存到了部署的服务器上，所以对 服务器的空间和资源占用都比较高。

点击热图应用实例

前段时间用我的博客做了下网站点击热图的试用实验，我用的是Click Density，跟ClickTable和Crazy Egg类似，也是通过嵌入JS的方法来实现的，在结果的输出页面可以选择点击的时间段、浏览器类型等条件对结果进行筛选，下面的生成的几张点击效果图：

Heat Map

因为我的博客访问量不大，所以热图的分布不是很明显，但还是能看出主要的点击集中在博客最新的文章上面；另外右侧的搜索、订阅和分类目录模块也占据 了一定的点击比例。一般网站的点击都会聚集在全局导航栏的下面那一块，并且呈“F”型分布，在需要下拉的页面部分点击一般就会剧减（对于需要下拉查看的内 容，除非用户找到了他们需要的信息，否则一般不会过多地进行点击）。

Click Map

这张是点击分布图，红叉代表无效的点击，绿叉代表有效点击。这个图似乎比上面单纯的显示点击分布或点击密度更有价值，因为它显示了页面的有效点击， 从图上可以看出用户在浏览我的博客时除了点击文章标题和搜索框外，订阅按钮上面也分布了大量的有效点击数，这个对于博客来说至关重要，因为博客类网站的一 个重要目标就是产生订阅，所以通过这个图可以查看有多少有效点击转化成了网站目标，占总的点击比例及占总的有效点击的比例。

另外可以看到图上的某些有效点击并非一定落在可点击的对象上，正是因为博客内容更新时导致页面元素（标题位置、内容摘要行数等）的偏移，而生成的点 击不会跟随页面元素移动，导致了生成图片显示上的误差。

Hover Map

这个图其实相当与网页覆盖图（Overlay）或点击密度图（Click density），Google Analytics上面也提供了类似的功能。网页上可点击的位置会由虚线框圈起来，鼠标放到某个框上面就会显示该模块被点击的次数及点击转化率 （CTR）；另外如果你为你的网站设定了目标，那么同时也会显示点击该模块的目标转化率，对于分析网站的重要页面是个不错的选择。

点击热图的价值及缺陷

点击热图的价值

1. 通过点击热图发现用户经常点击的模块或聚焦的内容；
2. 观察页面中的哪些模块具有较高的有效点击数，用户会尝试去点击哪些模块；
3. 应用于A/B测试，比较不同页面的点击分布情况；
4. 用于改进网站交互和用户体验。

点击热图的缺陷

1. 网站点击热图虽然提供了一种很直观的网站分析途径，但其功能还需完善，因为实现机制一般都是根据页面的坐标来定位点击位置，所以不同的分辨率和网 站布局方式（居中等）都会导致结果的不准确；
2. 在使用点击热图时需要记录用户每次点击的行为，所以会对网页的性能产生影响，导致网页的加载速度变慢；
3. 当页面各元素的位置发生大范围变动时，点击热图的结果就失效了。

最后顺便提一下，我的博客之前的一篇文章——网站数据分析的基本流程中介绍了DMAIC模型，当时我是在查PDCA戴明环的相关资料的时候不经意间发现 的，感觉很适用于网站分析的流程。前几天在翻Avinash Kaushik的《Web Analytics》，发现书中也介绍了DMAIC模型，所以感觉DMAIC确实是梳理网站分析流程的一个不错的选择。

© 我想网 Akon 所有 , 2010. | 永久链接 | 没有评论 | 提交到 Google Reader 鲜果 抓虾

Feed enhanced by Better Feed from Ozh

今年，读写网从语义网的新创公司中选出了五个产品，从大公司里挑出了五项互联网应用。这些新创公司代表了语义网发展的前沿趋势。随着用户量 的增长及科技的创新，今年的语义网产品对互联网产生了一定的影响。读写网所挑选的公司为语义技术的大规模应用提供了最好的例证，其中包括 Facebook、谷歌及英国广播公司BBC等。

Semantic Web — 语义网

虽然很多人认为Semantic Web（语义网）这个名词应仅用于已被W3C认可的技术（W3C全球万维网联盟），比如说RDF（资源描述框架，W3C提出的一组标记语言的技术标准）和 SPARQL（W3C的RDF数据工作组设计的一种查询语言和协议，用于RDF数据的查询），但是我们有时也会互换使用“Semantic Web”（语义网）和“Semantic technology”（语义技术）这两个术语。事实上，读写网所挑选出的十大应用技术中有相当一部分并没有获得W3C的认可，亦或已经在某种程度上得到 调整，例如Facebook对RDFa的应用。因此，我们选择了将“Semantic Web”这个术语应用于更宽泛、包容更广阔的意义中。简单来说，语义网产品是将意义与语境融入到数据中去的产品。

以下是2010年十大语义网产品列表（排名不分先后）：

Freebase

今年七月，Google收购了一家语义技术领先公司Metaweb。Metaweb运营着一个开放的语义信息数据库Freebase。 Freebase和维基百科类似，不同的是，它完全专注于结构化数据及个人用户可行性操作。

Google此前已和Freebase建立合作关系，引入Freebase的信息，在谷歌新闻里提供智能搜索结果。在完成对Metaweb 的收购后，谷歌现在可以更充分地利用Freebase的工具和数据，尤其是在基本的Web搜索结果范畴。

Freebase也是去年语义网十大产品之一，能被Google收购，正是其发展潜能的证明。

GetGlue

对GetGlue来说，2010年是个转折点。在GetGlue网上，用户在观看电视节目、阅读书籍、听音乐时候都可以“签到”。去年十一 月，GetGlue改换品牌名称，并启用新网站。一夜之间，它从一个名为Blue Organizer的浏览器插件摇身变为名为“GetGlue”的目标网站。随后不久，它又推出了移动应用程序，用户在观看电视时或者在娱乐场所都能登录 应用GetGlue。

品牌变更给GetGlue带来良好的效应。今年，GetGlue的用户量呈现出强劲的增长势头，截至九月末用户人数已超过60万。

Flipboard

2010年iPad的问市激起了应用软件界新一波的革新浪潮。Flipboard是一款专为iPad开发的杂志阅读应用程序。很少有创业公 司能像Flipboard如此充分地利用触摸屏用户界面，为客户创造无与伦比的体验。

原来Flipboard不仅外观精美，而且采用了语义技术。

今年七月，Flipboard收购了语义技术新创公司Ellerdale，其智能资料剖析算法在此之前已被应用于实时搜索引擎的创建及趋势 追踪。Ellerdale公司的技术被Flipboard用于设计更具个性化的实时体验，能够为您选择重要的最新社会新闻，然后以您熟悉的酷似杂志的布局 呈现出来。

Hunch

Hunch最初提供问答（Q&A）服务，今年八月它进行了重新定位，将自己定义为一个提供个性化服务的产品：是能向你展示你喜欢的 电影、书籍、度假地点及其他类似项目的推荐引擎。该公司的目标是“将互联网上的每个人和每个目标进行比配，即使是一个产品、一项服务、一个人。”

共同创始人Caterina Fake十月份透露，Hunch通过另一种搜索方式即决策树模型，为用户提供更多个性化信息。

Apture

Apture是一家提供语义语境搜索引擎服务的公司，它一直保持着强劲发展的势头（去年它也位列十大语义网产品之一）。今年八 月，Apture推出了一款新插件Apture Highlights，能让用户深入了解在网络上任一网页上发现的主题。

早几年前,当我们第一次关注Apture时，它还只是一家网络服务公司，要求发布者上传弹出式窗口链接时自我选择是否加载多媒体。随着八月 份Apture Highlight的问世，Apture现已消除此项限制。一切均自动化，此插件几乎处处可用。

Facebook

四月份Facebook公布了一个大规模的新平台Open Graph（开放图谱），这成为语义网本年度最重大的新闻。Open Graph通讯协定的预期目标是让发布者能够将个人网页整合到社交图中去。实质上，现在每个网页都可以成为一个Facebook的社交图“对象”（社交图 是Facebook对于人们在其网络系统中如何联系彼此所用的专业术语。）这意味着在所有社交网用户个人资料页、博客文章、搜索结果、Facebook个 人主页信息流等等中的网页都可以被引用和相关联。

Open Graph是一个涉猎广泛的平台，包括诸如“赞”按钮和为发布商提供的插件等。它还包括一个简单的、基于RDF的标记。这就要求发布者的每个发布项至少包 含4个元数据属性：名称、类型、图像、网址，还有一些额外的属性，如：域名和描述，可能有选择地进行补充和说明。

Google Squared

在网络搜索技术中人们梦寐以求的目标是能够以自然的语言提出一个简单的问题，并得到一个简单的答案。五月份，Google宣布将 Google Squared添加到其搜索结果中。2009年推出的Google Squared为Google的搜索结果添加了额外的信息。

Google通过两个层面将该功能添加到其传统搜索结果中：首先，简单的查询，如：凯瑟琳·泽塔琼斯的出生日期，这将在搜索结果中引出有用 的数据：通过点击基于Squared提供的结果的“显示来源”，来源列表会向您显示Google是如何找到这个答案的。

其次，Google Squared还被用于为Google工具条（2010年搜索巨头的另一创新）增加“不一样”的新功能：此功能提供了相关搜索，列出您可能感兴趣的清单， 由您确定当前的搜索关键词。

Google也通报了Rich Snippets功能上的增强，Rich Snippets功能同样也为谷歌的搜索结果增添了新信息——点评类数据。

Best Buy

2010年的热议主题之一是语义网技术越来越多的被Facebook和Google这类大型商业公司所用。美国领先的零售商百思买 （Best Buy）是另一个在2010年凭借运用语义技术给人们留下深刻印象的大公司。具体来说，Best Buy采用了RDFa的语义网标记语言，从而向网页中加入语义。

BestBuy.com首席网站开发工程师Jay Myers今年早些时候接受读写网采访时说，使用语义技术的主要目标是提高BestBuy产品和服务的知名度。通过使用RDFa标记如商店名称、地址、商 店营业时间和地理数据的数据，搜索引擎能够更容易的确定每个组件数据，从而将它们投入语境。Myers告诉我们，语义技术的使用，使得交易量增加，而他们 也能更好的服务于客户。

Data.gov.uk

今年一月，由英国政府支持的Data.gov.uk发布非个人数据采集应用，可供软件开发商使用。半年后，美国政府推出了 Data.gov，但是从一开始这个网站就拥有三倍以上的数据。发布时，Data.gov.uk已有近3000套数据集可供开发商用于混搭。到今年年底， 数据集已超过4600。

Data.gov.uk是链接数据库的亮点之一。组织或政府向网络上传数据时，以能够被再次使用和建立的形式进行上传。链接数据库仅是广泛 语义网发展的一小子集。

BBC世界杯网

今年体育界的盛事就是被媒体广泛报道的世界杯。BBC2010世界杯网站采用“动态语义发布”技术来提升加强其每日世界杯报道。

该网站有700多个专题网页，都由一个语义发布框架所支持。它包含一个综合本体（即一个概念图），动态输出自动化元数据驱动网页。这是一个 让人印象深刻的实证：一个大型的主流的网站是怎样增加意义及结构的？

© 我想网 Akon 所有 , 2010. | 永久链接 | 没有评论 | 提交到 Google Reader 鲜果 抓虾

Feed enhanced by Better Feed from Ozh

前言

自Google出现并改变了游戏规则之后，用户对于网页的关注时间一直在下降。对于任何一个时下话题，有千万条结果可以关注，可以抓住访问者注意力 的机会非常明显地下降了（2002年，BBC报告指出大约在9秒内）。想象一下你自己浏览网页时的时：你会阅读所有的文字和图片，尝试着彻底了解整个 网页内容是什么吗？最有可能的答案是：“不会。”伴随着充斥四周的信息轰炸，我们像被宠坏了的孩子那样，不会投入足够的的注意力去关注一个网页到底想告诉 我们什么。

我们快速决定是否关注一个网站时，取决于我们在几毫秒的时间里可以弄清楚多少东西。提供良好的第一印象是设计师和网站所有者的责任。说服访问者的机会非常 小，大部分设计（很可能也包括你）将这个作为次要工作，因为大家觉得设计师只关乎美学。然而，大多数的网站并不是是为了给访问者留下深刻印象，大部分的网 站是为了销售而存在的。无论它是为了让访问者去订阅博客还是下载一个试用版软件，每一个网站的存在最终都是为了销售某些东西。

在这篇文章中，我们谈谈如何使用科学的办法，使用A/B测试和多变量测试，去为网站创造更多的销售、下载、注册（或达到任何其他商业目标）。与一切 和科学相关的东西一样，这篇文章将一步一步地探索并重现那些增加你转化率（客户与访问者的比率）的方法。还有，你可能会对之前发表在这里的一篇文章《终极A/B测试指南》感兴趣。

1. 定义挑战

怎么让网站用户注意到你提供的东西，然后让他们采取行动呢？我想要在我自己个人博客回答那个软件下载黄金页面 的问题。这个页面有所有的正确元素：产品名称、产品说明、认证、奖励、得分和一个突出的下载链接。但是，只有40%的访问者下载了这个免费的软件。请注 意，这个页面中几乎所有网页流量都是有针对性的，要么是通过google搜索，要么是来源于相关的参考网站。所以，为什么那剩下的60%访问者不下载这个 软件呢？修补这个漏洞就是我的挑战。

关键字：清晰定义你网站（或个别网页）的目标

就我而言，所需的操作是让访问者下载这个软件，挑战是让下载率从40%提升到尽可能的高。一些最通常的可以使用A/B测试的挑战有：

• 提高注册率，减少跳出率，提高电子报订阅量。
• 提高从登陆页中收集到的线索数量，提高白皮书或软件试用版的下载量。
• 优化购买和促销，大幅提高从访问者到客户的转化率。

完全有可能的是你的网站必须要满足多种目的。例如，一个博客的挑战是得到更多的订阅量和提高访问者的参与度（根据评论数量）。在那种情况下，最好的 策略是是每次解决一个（清晰定义的）挑战。

快速概览：A/B测试。查看详细

2. 假设

下一步是做一个低转换率的假设名单（采取行动的访客的百分比），低转换率很难得出准确结果（这就是为什么我们 称他们为假设），但是仍有三个不错的资源可以帮助你：

（1）你：是的，你！ 虽然你很难不爱上自己的网站，但现在是时候进行自我批评了。 试着跟着你的访客走，你的网页所提供的是否足以吸引到一个没有相关知识背景的访客？ 请记住，这不像你，你的游客不会在早上醒来说：“哇，这东西太棒了！” 批判自己的网站是一个很好的改进方法。

（2）网站分析数据：获得改进办法的另一个资源是您的分析工具。 具体来说，提交的资料和搜索的关键字提供了有价值的数据。 例如，有许多访客来到你的网页搜索了你可能没有注意到的关键字。 在这种情况下，访客可能会错误的认为你提供的资源并不是他们正在搜索的东西而离开你的网站， 处理这类案例可以提高转换率。

（3）可用性测试：从可用性测试中获取到的反馈总会令你感到惊讶！ 也许你会发现，游客甚至不知道网页所提供的东西。 在这种情况下，测试可激发行动的颜色和尺寸大小是一个很不错的办法。如果你没有一个大的预算，可以尝试可负担得起的服务如可用性测试或批量反馈。

关键点： 确定哪些因素影响转换率。

从别人那得到的反馈并不能准确的评估你的网站，你可以记下可能会影响转换的想法。 对于我的软件下载网页，我假设下载率下降主要是由于两个原因：1、大多数访客没有注意到下载链接。2、许多访客不知道该软件是免费下载的。

我的猜测正常的访问大概是这样：访问者来到这个网站，看到了一堆文字，四处寻找下载链接，因为某种原因没有找到（可能是由于标题颜色无差异），最后 离开网站。另一些注意到下载链接的人可能不想有阅读文本的烦恼，哪里有提示说“… …这是个免费的”，可能他们认为该软件是一个试用版或是一个演示。

你可能有以下步骤的假设：

• 也许你的注册表单是太长，简短的表单将有助于增加注册量？
• 也许你的“免费试用”按钮不明显，大尺寸的下载按钮有助于增加下载量？
• 也许你的标题包含了大量的行业缩写，或是太普通？
• 也许你到达目标的着陆页面没有明显的下一个步骤导致大量的流失率？

3. A/B测试还是多变量测试?

一旦低转化率的原因清单列举完毕，你就要开动脑筋用不同观点去思考这些原因了。你在这一步需要做的就是，用不 同的版本去思考上一步罗列出来的那些因素。拿“注册”举例，不同的版本将会是：

• 表单区别：仅有两块的简化表单；不需要电子邮箱地址的表单；多步骤表单；长表单
• 提交按钮区别：“提交”或者“免费注册”或者“立即注册”又或者“现在就注册！”

如果你怀疑这些小区别没法对转化率有任何显著影响，你该去阅读下 37signal的这篇提升注册30%，它只是测试了简单的头条新闻的变化。同样，你也应该去阅读下Dustin Curtis让他的Twitter跟随着增加了173%，仅仅通过改变链接的文字为“你应该在Twitter上跟随我”。

A/B测试
在 A/B测试中（也被称为分离测试），你一次只对页面上的一种因素进行比较，这个因素也许是网页中影响转化率的关键（例如按钮颜色、尺寸、广告复制标题）。 相比而言，多变量测试是把许多因素同时测试。但是，A/B测试比多维度测试更简单也更容易完成。

多变量测试
在 多变量测试中，你要识别页面中影响转换率的不同的区块/因素。这些因素产生的不同变化，从而共同导致了网站的不同版本。多变量测试要得出结果的时间比A /B测试长 ，但是它更有可能得出较好的结果。

关键词：产生变化

推导性测试
再 说回那个增加软件页面中下载量的难题，我用我自己的工具，可视化网站优化者，这个为产生的变化提供了一个可视化的界面，但是你也可以使用其他软件。一个显 而易见的办法让访客更容易注意到下载链接，就是让下载的区域变成页面中最明显的部分。在网页的设计中，“下载”的标题尺寸和颜色和网页的其他部分溶在了一 起，从而导致人们没注意到下载链接。

对于多变量测试 ，我选择了页面里两个因素来制造变化：侧边栏的“下载”标题和它下面的“PDF生产商”下载链接。测试聚焦于“免费”这个词的效果，以及高亮下载区域的效 果。以下就是这个测试之后的变化：

对于“下载”标题

• “下载” 用红色
• “免费下载”用红色
• “下载”用默认颜色，但是更大的字体尺寸

对于“PDF生产商”链接

• “PDF生产商”用默认颜色，但是更大的字体尺寸
• “PDF生产商”用红色

在多变量测试中，不同的变化综合导致了不同版本的网页。在这个案例中，结合以上变化，就有了一个共计12（4×3）个的不同版本（自动的），每个版 本都有一个“下载”标题以及一个“PDF生产商”链接（变化1是控制了的或者默认的变化）

不同版本的下载区域被使用在多维度测试中

由于定义的原因，我把两个不同区域的变化组合到了一起，因此这个测试就叫做变量测试 。如果我只是在单一的区域做变化，例如“下载”标题，那么这个测试就应该叫“A/B测试”。

关键词：定义测试目标

每个测试都要有个目标，来衡量不同版本的效果。在这个测试中，目标就是下载的次数。其他类型的目标可能是注册数、购买述、点击数、曝光机会、浏览量 或者流失率。定义与你商业目标相关的测试目标是非常重要的，例如，一个电子商务商店若要优化其销售，不应该把点击“加入购物车”定义为目标，而应该把购买 完成后的“感谢”页面的访问定义为目标。

4. 进行测试并且分析结果

什么是A/B测试或多变量测试呢，很简单：当您的网页有访客时，随机显示一个版本的网页。 换句话说，你的流量平均分布在不同的版本。 各个版本的职能是为测试跟踪指定目标的变化。 例如，在我的情况下，目标是增加下载的数量，每一次访问者下载该软件时，可视化网站尽可能跟踪展示给游客的网页。设置一个使用这个工具的测试在这里可以帮 助我做选择，所见即所得编辑器产生的变化，立即浏览到指定目标在这个网页上如何活动。

经过大量访客在不同版本上测试进行比较，看看哪一个是表现最好，又有多少改善。

关键点： 分析结果。

运行了大约4周的测试后，我对我的软件下载测试出了一份结果。 你能猜出哪一种变化的下载量最大？ 有多少改善？ 我是能够实现超过现有的40％的转换率？

屏住呼吸，结果是：

注：％默认的完善的计算公式为 100 *（变化％-控制％）/（控制％）
＃：指上面的截图中所描述的是组合数目。

可信度*：统计上结果的置信水平（不犯错的概率）。

你可以观察到的标题为红色“免费下载”转化率39％升到63％，60％的惊人增长。 有“下载”大字体大小（与链接，红色的组合）也产生了积极的改善（43％）超过默认组合。 所有结果前三名在统计上达到95％或更多的置信水平。看到下载有一个固定的增长，意味着我可以在这网页上安全地执行这些转变。 还要注意，即使是表现最差的组合有大约超过4％的改善，虽然它并不显著。

值得关注的是， 测试结果可能不可靠 ，而且出现的改善可能是由于机会。因此，必须了解不同参数的可靠性影响：

• 浏览人数：访客数量多，测试结果会更可靠。 你可以使用如持续计算的分割测试法，估计您的测试需要多少访客。
• 转换速率：在一般情况下，与转换率高的（比如40-50％）的网页相比。转换率较低的（比如1-2％）网页需要更长的时间才可获得具有统计意义的 结果。
• 在性能上的差异：一个在转变行为有很大差异（例如“10％）的测试比一个差异极小（0.5％左右）的测试要可靠得多。

不管你使用的是自动取得可靠性结果的工具，还是使用在线计算器来衡量结果的可信度，这是很重要的一个工具。 使用和执行不可靠的结果实际上会导致性能下降。A/B测试信度分析如何计算可以阅读文章 统计分析和A/B测试，或者我的博客文章 A/B测试的数学运算。

5. 从测试结果中学习

不管页面的优化版本是否被察觉，每一个尝试都会带来很多收获。以下是从我的尝试中得出的若干要点:

• “免费”是一个很吸引人眼球的字眼。如果你提供免费的东西，那可能是在做一个次优的东西，所以不要在页面上太明显。
• 免费广告最好在操作链接的附近展示，举个例子，“免费下载”的广告展示在下载链接的周围。
• 为什么不把“免费”二字设置为可点击？这个问题使我们想到了重要的一点。我敢肯定如果我分析了页面上的链接点击情况，我应该会发现很多用户在点击 了“免费下载”的标题后才意外地发现这不是链接。我应该测试一个标题可点击的版本。
• 红色只有结合其他元素例如“免费”（或其他带有引起行动的文字）时，才会引起访客的注意并让他们采取行动。但如果你的文字没有说服力，访客大概不 会采用任何行动的。
• 引起行动的文字大小也是影响因素。较大的字体告诉访客这里是需要特别注意的部分。例如。“下载申请”与页面上的其他内容相比更重要。

即使你不记得以上各点，但请务必记住一个关键点：在您的网站没有测试他们的时候不要复制上述建议！

每个网站都是独一无二的，每次转换的目标也是不同的。而一般关于“免费”的影响意见，关于字的红色以及引起行动的文字的大小都是符合逻辑的。但是最 明智的做法是创建一个快速测试，确定其效力。

A/B测试在刺激公司的收入和利润方面有很大的潜力。 尽管如此，奇怪的是采用A/B测试的人并不多。如果你还没有做过A/B区别测试，为什么会这样呢？ 如果你之前做的A/B测试或多变量测试，请在下面分享您的经验，以便别人可以了解真实的例子。

© 我想网 Akon 所有 , 2010. | 永久链接 | 没有评论 | 提交到 Google Reader 鲜果 抓虾

Feed enhanced by Better Feed from Ozh

在Titletreader，用户注册后提交自己闲置的图书到站上，当有人选择要阅读提交的书后，用户将书发给请求的一方，同时获得一个信 用点。用户可以消费这个信用点，去选一本自己喜欢的书，以此类推。发出的书越多，获得的信用点也越多，同时你也可以免费看到更多的书。这个站除了换以外， 每本书的旁边还有一个购买按键，如果想永久保留这本书，可以直接购买。
代表网站http://www.titletrader.com

2、猜谜式的购物——时间就是金钱
这是一种非常有趣的互动式购物模式。美国的Midnightbox网站每周在美国东部时间的深夜推出一款产品，商品在上线时完全被遮盖，但 会给出一点线索，如商品包装的长、宽、高、重量、建议零售价、生产商等。这时候访客可以到论坛里讨论猜测，随着时间推移，网站将逐步给出更多的线索，商品 的价格也在逐步加高。在规定时间内猜到的人将赢得1000点的信用，同时可以以非常便宜的价格购买此商品，这时商品的真面目将展示在网站上，1000点的 信用还可用来兑换店里的一些商品。总之，猜中的越早，购买越便宜，还能赚积分，真可谓时间就是金钱。

代表网站http://www. Midnightbox.com

3、DIY购物站——自产自销
最大的DIY购物平台是美国的Cafepress，国内近两年也陆续出现了一些类似模式的网站。这种网站的模式特点是：网站提供一个开店平 台，同时会准备空白的杯子、日历、T-SHIRT、帽子、钟表、笔记本等毛坯商品。你只要充分发挥自己的想象力，将自己设计的图案提交给网站平台，网站平 台会将你的作品印在空白的杯子、T-SHIRT等上面。接下来就是你来开店做销售，平台会帮你发货给你的客户。
代表网站http://www.cafepress.com

4、拍卖式的购物——玩的就是心跳
这里说的不是eBay和淘宝那样的平台提供商人，而是由商家自营的拍卖式销售，如果你参与过Bidz.com的拍卖，才能体会到原来网购也 可以如此惊心动魄。Bidz是美国一家以拍卖方式销售珠宝的网站，网站刊登的商品起拍价远远低于市场同类商品零售价，参与拍的人也非常多，网站页面上的价 格随时闪动，每每有人出价，原价会一闪，跳出新的价格。看着页面上价值不斐的珠宝、诱人的价格和跳动的数字，那场景真是让人捏把汗，在Bidz上购物，玩 的就是心跳。
代表网站http://www.bidz.com

5、一页式销售——网页难看货好卖
初看这种销售模式，以为是一个不太会做网页的人做的页面，不讲究页面的美观，从头到尾全部内容都做在一个页面里。这种销售模式的页面很有特 点，通常内容很多，文字标题多采用粗体，重要的话或关键词都标了黄或加粗，介绍内容里会有很多老客户的反馈意见，甚至会加入老客户的感言，在最底部会出现 一个购买按键。事实上这种页面很适合人们在网上的快速阅读，易于抓住重点，那些客户感言也是很好的口碑营销。一页式的销售模式大多都是PDF文档，内容多 涉及方法、经验、教程、知识等。
代表网站http://www.10seo.com

6、CarlSays.com：本地商户推广平台
虽然互联网让整个世界变小，但实际距离仍旧存在，基于本地化的互联网服务一直是很多网站突破的重点。当Foursquare引领的LBS地 理定位服 务风靡的时候，基于Foursquare、为本地商户提供聚合服务的网站自然就出现了，今天所介绍的CarlSays.com网站所提供的便是集合 Foursquare、Gowalla等LBS网站以及Google地图，为本地商户进行推广。

网站名称：CarlSays.com（http://carlsays.com/）
上线时间：2010年5月
网站地点：美国亚利桑那州（Scottsdale， Arizona ）
CarlSays所提供的服务可以简单地理解为：当用户在本地某个商家（餐厅、酒吧、咖啡店、娱乐场所等）进行Check-in，即可通过 CarlSays平台获取各类优惠券、参与促销活动，这样有利于用户赢取更多积分、享受更多优惠，也让商家赢得更多生意，而CarlSays自然也能从中 获利。
CarlSays作为中间平台服务商，一方面通过各种手段积累更多的用户资源，除了Foursquare等LBS用户外，该网站还支持 Facebook、Twitter等用户直接登录，共享各类信息；另一方面则是不断地开拓商家资源，然后将其各类优惠、促销信息推向Foursquare 用户以及Facebook用户等。用户可以通过网络或手机平台查看其他CarlSays留下的足迹及点评意见。
其实Foursquare更有机会提供这样的服务，只是其目前更专注于为Mayor提供服务，以让更多的用户不断地Check-in，这样 很多用户 没有机会享受到一些优惠，CarlSays希望通过自己的平台、让所有Check-in的用户都能享受到优惠，而且CarlSays会慎重考虑商家，针对 的为用户推送各类信息，而且推送平台包括Twitter、Email、SMS短信等各种方式，帮助你发现本地商家不一样的地方。
看到这里，我们就很容易理解为什么大众点评网也会进入Foursquare领域了，手握无数商家以及用户对其的点评意见，大众点评网的推送 拥有天然 的基础，而CarlSays要做大的话，随时面临诸如大众点评网模式网站的挑战，所以推送什么样的商家信息、给用户良好的体验非常重要，而且专注于本地、 一个个深耕细作，或许CarlSays不能做得很大，但养活自己是没问题的。
7、BarTab.WebTab.com：1美 元畅饮
商业模式：网站找到合作酒吧，让用户通过软件发送“数字饮料票”给好友，以1美元喝酒的诱惑带动大家到酒吧消费
当互联网越来越多融入我们生活的时候，相信很多人通过网络结识了不少好朋友，即便从未见过面，这种虚拟的网络社交背后是人们真实的情感诉 求。今天所 介绍的网站WebTab是一个专注于社交化礼物（social gifting ）的平台，其所开发的第一个应用BarTab则是让SNS用户可以彼此赠送饮料：1美元即可畅饮与BarTab合作商家的特定饮料、咖啡、酒水等。

上线时间：2010年6月
网站地点：美国旧金山（San Francisco，CA）
BarTab本质上是个iPhone应用程序，让用户通过手机赠送给自己的Facebook好友一份真正的饮料，仅需要花费1美元。目前 BarTab仅支持旧金山地区的酒吧，未来几个月将会扩展到其他城市。
BarTab是基于Facebook Connect 进行开发的，通过BarTab程序，用户点击“Send Drinks Now”，即可支持该项活动的相关酒吧、咖啡店等，然后确认、通过信用卡或网络支付方式进行支付，这时候你的朋友会受到相关的通知——仅需花费1美元即可 喝饮料的“数字饮料票”。当然，你去酒吧之后，仅仅第一杯酒的花费是1美元，其余的酒水，仍旧是原价或者折扣价。
此外，要强调的是，BarTab网站对于浏览器有一定的要求，目前仅支持Google Chrome、IE8、火狐2.0以上，否则，你在Web端上无法看到这个好玩的网站。
BarTab希望通过这样的方式，让SNS好友们从虚拟的网络转向真实的现实世界，增进彼此之间的联系。对于BarTab而言，其商业模式 主要在于 帮助商家进行营销推广，谁也不知道1美元的一杯酒之后、会有怎样的消费潜力？而且即便没有实质性消费，就当做品牌广告宣传了一把，毕竟对于商家而言，刚开 始时不需要对BarTab支付报酬，有实质性消费之后，双方可以进行分成。
网站名称：BarTab.WebTab.com （http://bartab.webtab.com/）
8、CherryDeals.com：离线优惠 在 线购买

无论是与现实世界及店面相关的优惠券，还是网络世界的虚拟物品，我们都已不陌生。今天所就介绍的网站CherryDeals.com（有趣 的中文名：樱桃交易）希望让这二者结合起来，让你在享受优惠券的同时，购买实体商品及虚拟物品。

网站名称：CherryDeals.com（http://www.cherrydeals.com）
上线时间：2010年1月
网站地点：美国亚利桑那州（Scottsdale， Arizona）
CherryDeals的宗旨如同其域名一样，要让你享受到所在城市最甜美的交易（The sweetest deals in your city），当然就是物美价廉啦。这样CherryDeals所提供的服务就很容易理解，让优惠券变个形式或者方式，让用户体验网络与现实世界的结合，其 相信那些热爱Facebook农场游戏（Farmville）的数百万用户一定会很喜欢的。
CherryDeals系统的工作方式是，进入网站点击那个诱人的樱桃 “Cherry Deal of the day” ，系统会提醒你选择自己所在的城市（目前仅包括纽约、旧金山、洛杉矶、奥斯丁、芝加哥5个城市）。其本质是个第三方应用，可以直接在网上或 Facebook上使用，然后你会看到自己所在城市有哪些优惠活动信息，包括吃穿住用行等方方面面，你会看到一个现实物品与虚拟物品的对照，然后结合起来 购买，这样就相当于你同时购买了在线或离线的服务及优惠。
或许对于CherryDeals这样的服务方式，很多人觉得不可思议，毕竟优惠券网站很多，虚拟物品也可以直接在Facebook之类的网 站上购 买，将不相关的结合起来，只为了卖出很多或者帮更多的公司做广告，会有多少用户愿意使用呢？但是CherryDeals相信随着目前SNS社交游戏得到更 多人的热爱，这种结合的方式有很大的空间。对于用户而言，这可是现实与虚拟结合了。
9、AlikeList：信任清单连接企业和SNS
正如他们自己的介绍细节所言：相比陌生人的推荐，亲人和朋友的推荐更会受到人们的信赖；有时知道推荐人是谁，和了解他们推荐的商户是什么一 样的重要。
成立于2008年的AlikeList近日获得了第一轮500万美元融资，该公司计划将这笔资金用于产品开发，获取用户和扩大管理团队上。

·网站名称：AlikeList.com
·所在地点：美国硅谷
·上线时间：2008年
AlikeList正努力尝试通过社会化网络的方式来发展本地的商业。
AlikeList可以帮助用户通过其朋友们的推荐来找到那些值得信赖的本地商户——例如一家餐馆、一个医生、装修工。基于这个出发 点，AlikeList建立了一个社会化的网络，人们可以在上面创建、保存一份属于自己的“信任清单”并和朋友分享，这个“清单”主要是自己推荐的一些本 地商户。用户在浏览其他人的清单时，则可以通过点击“喜欢”或者“尝试”，将商户添加到自己的喜欢清单或者试用清单中。
10、Milo：网上搜寻 实 体店购买
商业模式：搜集商家们货架上的商品信息，提供给购物者，用户就可快速找到想买的商品
盈利来源：暂不明确
特色：实时更新，信息全，用户足不出户了解最新商品

·网站名称：Milo.com
·上线时间：2008年12月
·所在地点：美国
一家名为milo.com的公司，希望能从成百上千的电子商务网站中脱颖而出。与传统电子商务不同之处，他们是向用户提供来自用户所在地商店货架上的实时商品信息。 这一理念也得到了来自风投的第一轮400万美元融资。
对于普通用户而言，Milo提供的价值有三个：就近找到商品，比较本地商店中的价格，购买前浏览其他用户评论。
对于最新拿到的融资，milo公司的首席执行官杰克·亚伯拉罕（Jack Abraham）认为，投资者的反应是由于“这个市场的巨大容量和火热的增长”。虽然互联网上也不乏电子商务网站在提供一些实体商店的商品信息，但 milo是唯一收集了所有数据提供给购物者查询，并方便其立即购买的，亚伯拉罕说，也正是因为这些商店感受到了来自用户的压力，所以也尽可能的在网站上提 供最新最及时的库存信息，这些信息在milo上也是最为准确的。
根据其官方数据，从2008年12月上线以来，milo已经覆盖了美国3万个社区的4.2万间商店，网站流量月增长保持在70%左右。平均 每个月大概添加18.5万件商品信息（平均每天大概6000件），目前已经超过了150万件。
对于未来的增长机会， 亚伯拉罕表示，从Forrester（知名第三方数据调研机构）的研究来看，跨渠道的销售要比在线零售的实际增长快得多，用户在网上搜索寻找，但最终是在 实体商店中完成他们的购物行为。
“所以，虽然互联网上的交易增长了，但是实际上这个市场增长却更快，也更庞大”，亚伯拉罕说。
11、DealitLive：电子商务网络电视
商业模式：以电子商务模式售卖网络视频、现场直播、商品等，卖家以直播形式叫卖商品，增加买方的购买欲
盈利来源：收取成交佣金
特 色：以实况直播来打动你，还不买？
现在电子商务流行的时代，要脱颖而出，必须有独特的服务、新奇的商业模式，才能吸引越发挑剔、服务越发少众的用户。毕竟再做一个类似淘宝、 亚马逊、eBay的太难太难。
今天我们所关注的DealitLive.com就非常具有创意，不仅将视频网站导购与电子商务结合起来，更奇特的在于这些视频都是现场直播 的。 DealitLive就犹如一个电子商务网络电视台一样，一个个事先预约好时间、让录制好的视频导购节目陆续上演，然后买卖双方通过实时聊天室，如同在现 实中的集市一样购物，很不错的商业模式吧？（需要提示的是：目前DealitLive处于测试阶段，限定了用户IP，仅仅允许美国和加拿大用户使用，国内 用户无法直接登陆查看，需要借助代理服务器）

·网站名称：DealitLive.com（http://www.dealitlive.com/）
·上线时间：2009年5月
·所在地点：美国新泽西州博根郡
DealitLive网站于2009年5月在美国上线，目前处于测试阶段。它是一个电子商务网络电视台，将网络视频、现场直播、聊天室、商 品导购等融合到一起，将DealitLive打造成一个网络中的集市，买卖双方可以随时在线讨价还价，然后开始电子商务体验历程。
这种现场直播、电子商务网络电视台的概念，显然让DealitLive一推出就受到了用户的大力欢迎甚至吹捧。这不，英国知名网站 Examiner 发布了一篇由一位25年经验eBay所写的文章——通过2次在DealItLive的现场直播，卖出了25项商品，而且其中的转化率高达98%（就是有 100人看到DealItLive上的网络视频，然后又98个人用户买下），用户感叹DealItLive现场直播卖商品的速度太快了，是不是很夸张呢？ 看看下面
DealItLive是如何操作的吧？作为现场直播的电子商务网络电视台，DealItLive的运作非常有规矩的：
1）首先卖家需要进入DealItLive注册、填写相关会员资料；然后会出现一个开始出售的按钮（Sell），按下去 后，DealItLive会让你首先预约时间，根据先来后到的原则，如果时间有重合的话。
2）接着DealItLive开始现场直播的流程，当你预约的时间到了之后，你就可以开始推介你的视频导购，时间只有10分钟，你可以放录 制好的视 频，也可来个真正的现场展示，介绍你要出售的物品，可以是一件、也可以是很多件，通过商品的相片、你充满深情的演讲去打动正在观看的用户。 Dealitlive专门设置了有记时装置的视频框，每个卖家所展示产品的视频只有10分钟，从播放开始倒计时计算时间。
3）接下来就是如同集市的交易环节了，由于卖家是现场直播和展示商品，DealItLive专门提供了供买卖双方交易的聊天室。有意向的买 家可以即 时通过聊天的方式与卖家交流，比如让卖家介绍更具体的商品详情、商品图片等，甚至还可以让卖家通过语音（以后或许也可以发展到视频）继续展示和介绍商 品……再然后，买卖双方谈判价钱，怎么优惠啊？怎么砍价啊？都可以谈，就如同面对面交流一样，最后就是成交环节，确定价格和支付方式、运输方式 等，DealItLive会从中提取5%作为自己的收入来源。
当然，仅仅10分钟的现场直播展示是远远不够的，DealItLive还提供更多更全面的服务，它不仅提供现场直播，也允许卖家上传录制好 的视频， 进行展示，让这10分钟之外的时间，用户也同样可以购买这些商品；而买家如果喜欢这些视频，还可以“订阅”卖家的影片，以后如果这个卖家有新商品上架、新 的视频，买家可以随时在线观看的。
另外，要重点一提的就是现场直播的价值以及为什么设定10分钟的限制？这里有个心理因素的作用，当然或许并不适合每个买家。
DealitLive如同一个电子商务的网络电视台，每个卖家的视频和现场直播就是一个一个的电视栏目，观看的买家们则是观众，他们看着一 个一个的 视频轮换，看着DealitLive特别设置的“计时装置”如同时钟一样在滴答滴答地想，是不是在催促你赶快买下？否则就没机会了呢？尤其是在 DealitLive叫喊一声——Next下一个商品的时候，你有没有那种拍案而起的感觉，立马冲动就想和刚刚结束展示的卖家取得联系、来个冲动性购物 呢？
DealitLive现场直播的价值还在于为用户提供了一个完全不同于搜索的、找寻商品的模式。因为每个登陆DealitLive.com 首页的用 户，都会发现正在现场直播的视频框框，那里展示着“正在卖”的商品，也有“重新播放”（Re-Run）的设置，于是用户是不是会有一种看电视的感觉、立即 打开这里正在现场直播的导购视频呢？而且现场直播的效果非常具有真实性和煽动性，对于用户是有吸引力的。只要用户愿意观看，购买的机会就增多了，至少潜在 的买家已经踏出了购买的第一步。
可见，DealitLive的商业模式非常具有借鉴意义，当然前提是网速要快、现场转播的视频要流畅，当然出售的商品和价格也要具有吸引 力，电子商务的新体验就此开始。
12、Fourster.com：当图片分享碰上电子商务
互联网上面关于图片和电子商务结合的站点很多，比如直接买卖图片、比如用户选择好看的图片印制成T恤等买卖。今天所介绍的网站 Fourster.com本质上属于后者，但不同的是，其更具有艺术气息，在一张张精致的图片或摄影的背后，有与其相匹配的T恤、杯子、袋子等物品等着你 选择和购买。

网站名称：Fourster.com（http://www.fourster.com/）
上线时间：2010年7月
网站 地点：美国宾夕法尼亚州(Chesterbrook, PA)
Fourster主打的概念是将图片分享、电子商务融合到一体，让用户在欣赏美图的同时，能产生希望拥有这张图、进而购买特定图案商品的购 买欲望，也就是说将艺术与商业进行结合。
当用户打开Fourster网站的时候，网页的主题部分是各种各样精美的图片、摄影等，用户可以前后滚动浏览着看，而在网页的左下方则会出 现一个小框，上面包括这种图片的名称、描述、作者，还有印制了该图片或图案的T恤、杯子、海报、袋子等，用户点击进去后可以直接购买。当然 Fourster的设置比较人性化，这个文本框上面设置了“关闭”按钮，对于只想看图片的用户而言，可以关闭这个小框，这时候Fourster网站就犹如 图片Flash一样展示各种图片。
此外，为了激励用户上传一些有趣的、漂亮的图片或图案、摄影作品，Fourster网站设定了收入分成体系，也就是说当用户分享的图片上所 设定的各类物品有人购买时，该用户可以从收入中获得一部分提成。这种方式当前很多创意T恤、物品网站都有采用。
这样看的话，Fourster网站这种模式还是比较新颖而且值得借鉴的，当然一个小前提是图片都这么漂亮、所设置出来的T恤等物品也能够质 量上乘、品质优秀。（文飞翔）
13、ShirtMyWay：在线DIY的 衬衫
Shirt My Way是一个新兴的在线衬衫订购网站，不仅是B2B，也做B2C，用户可在线对服装面料、颜色和裁剪等衬衫工艺的每一个流程和细节进行各种自由定制，通过 DIY的方式选择并制作出自己的专属衬衫。按照该网站的说法，在该网站上可以创造出7万亿种不同组合的衬衫，定制之后，还提供了完善的支付和物流等销售的 在线支持。

网站名称：Shirt My Way（http://www.shirtsmyway.com/）
·上线时间：2008年
· 所在地点：美国
我们目前所看到的服装业“轻公司”模式，大多将产品设计、生产、包装、运输、销售等环节外包，只负责品牌经营和市场推广，这种模式能极大压 缩生产、库存以及配送成本。Shirt My Way在这个基础上，再往上游走了一步，通过互联网的特性，将设计的环节完全交给了用户。（Witness）
第三个其实是一个网页程序，而且和电子商务无关，但是这个功能，我觉得大型电子商务网站可以使用，先看网站，再说电商网站如何借鉴这种模 式。
14、ToolMeet.com：访问同一网站的朋友
在我们浏览各个网页的时候，会不会这样想：哪些人此时也在访问这个网站呢？或者这样想，你想不想知道自己的朋友此时在浏览哪些网站，然后大 家去同一网站？今天所介绍的网站ToolMeet.com就提供这样的服务——让你通过浏览器插件，体验一 种结交朋友的新方式。

网站名称：ToolMeet.com（http://www.toolmeet.com/index.html）
上线时 间：2009年12月
网站地点：意大利都灵(Torino, Italy)
ToolMeet本质上是一款具有社交化元素的火狐浏览器（Firefox ）工具栏插件。当用户安装ToolMeet之后，即可发现与你同时在浏览同一网页的其他用户，你可以选择通过ToolMeet提供的工具栏进行随机地聊 天，体验一种异样的感觉。
而对于Facebook用户而言，ToolMeet则可以提供更进一步的服务。当用户通过Facebook账号登陆时，你会发现自己的账户 好友们此时都在访问哪些网站？你可以通过Facebook和他们取得联系，可以集体去访问某一网站，比如共同玩游戏、听音乐之类的。此外，用户还可以对自 己访问的网站进行评论，并通过Facebook进行分享。
此外，ToolMeet还会根据自己的统计数据，评选当天用户访问最多的网站、最活跃的用户以及最新发表的评论。同时为了保护隐 私，ToolMeet提供用户自行设置是否公开自己访问什么网页的权限，这种设置如同IM工具一样，包括在线、离线、忙碌等各种状态。
ToolMeet提供了一种全新的概念，让人们在网络冲浪时也融入社交化元素，满足用户某种程度上的好奇心。在ToolMeet的工具栏 上，聚合了上面所介绍的所有服务，用户只需安装该工具栏、连接Facebook账户即可体验独特的互联网浏览快感。

© 我想网 Akon 所有 , 2010. | 永久链接 | 没有评论 | 提交到 Google Reader 鲜果 抓虾

Feed enhanced by Better Feed from Ozh

1. Tunneler

2. JuicyDrop

3. Magnetic

4. Trail

5. Sinuous

6. DDD

7. Harmony

8. Lines go all over the place.

9. Chrome Canopy

10. Ball Pool

11. Chain Reaction

12. Entanglement

13. Blob

14. Biolab Disaster

15. Google Gravity

16. Core

17. Gartic

18. HTML5 Video Destruction

19. The tristan washing machine

20. Changing Background

21. HTML5 Drum Kit

22. Dynamic Content Injection

23. Geolocation

24. Video for Everybody!

25. Projekktor Zwei

26. ContentEditable

27. Drag and drop

28. Canvas Photo

29. 360° MP3 player

30. JaVortex

31. 3D Model Viewer

32. 3D Landscape on HTML5 canvas

33. Stalk Buttons

34. JavaScript Fireworks

35. Blob Sallad

36. SublimeVideo

37. Catch it!

38. Breakout Clone

39. Sketchpad

40. Simple Drag and Drop

41. CanvasPaint

42. Monster

43. Making waves with html5

44. Starfield

45. The mesmerizer

46. Bomomo

47. Canvas Nebula

48. Liquid Particles

49. Moving Cloth in HTML5

50. CanvasMol

© 我想网 Akon 所有 , 2010. | 永久链接 | 没有评论 | 提交到 Google Reader 鲜果 抓虾

Feed enhanced by Better Feed from Ozh

我们先考虑不能退货的情况。假如一件外套价值500元（假设一般来说线下同样质量的衣服是500元），顾客心中认为外套这个种类不合身的概率是 30%，消费者拿到货如果不合身不能退货也没法用其他渠道处理掉（简单起见，我们认为不合身就代表衣服完全没有价值，收益为0）。在这种情况下，消费者预 期的收益是500 x 70% + 0 x 30% = 350元。所以如果消费者理性的话，线上只要能够提供7折，他就应该在线上买。更一般的情况，假设商品价值为V，拿到货后不满意概率为D，网上标价为 P，P低于V x (1-D)就有吸引力。这也部分解释了为什么初期网购服饰大多是廉价的款式，因为很多人对于网购心存疑虑，心理预期的不满意概率（D）值很高，所以V x (1-D)就很小，价格就上不去。

然后，让我们考虑可以退货的情况。感谢国家，感谢支付宝，在淘宝买东西不满意是可以退货的，在大多数成熟B2C上买了东西不满意也是可以退的。还是 拿那个外套做例子，另外加一个假设就是退货的物流费用买家承担，为10元，那么在这种情况下消费者预期收益变成了500 x 70% + (500 – 10)*30% = 350 + 490*0.3 = 497元，基本上和市场价持平，对于理性的消费者，商家只需要稍微提供一点折扣（比如九五折），消费者就应该在网上购买。这也解释了为什么商家越来越看重 自己服务的名声，也开始提供越来越好的退货条款。虽然要承担一定的损失（包括对付欺诈行为），可是顾客愿意付的价格会显著提高。在这个时候，我们的公式也 变成了P <=V x (1-D) + (V – S) x D.

如果到这里你还没有晕的话，我们可以继续。对于很多人来说，退货不仅仅是花送货费的问题，而是个“麻烦”的问题。还要把东西装回去，写上地址，叫快 递来拿货……想想就很烦。这个“烦”对于用户来说也是成本。不同用户对于这个“烦”的定价是不一样的，对于稍微富裕一点但是工作繁忙的人来说，他宁可承担 200块钱损失也懒得烦这么一下。而对于生活比较悠闲，而且不觉得退个货有什么麻烦的的人来说，这个“烦”可能也就价值一两块钱。假设某个用户对于“烦” 的定价是20元，那件外套价格P一定要小于500 x 70% + (500 – 10 – 20)*30% = 491元；假设另一个用户对于“烦”的定价是200元，那件外套价格P一定要小于500 x 70% + (500 – 10 – 200)*30% = 437元；综合起来说，P<=V x (1-D) + (V – S – A) x D。

还没晕？好，接着来。一般说起来，网购除了给消费者商品之外，还有两点常常被顾客看重，一是方便，二是随时随地瞎逛的乐趣。而相应的，也有很多消费 者很看重线下逛街的乐趣。假如对上面一段中第一个消费者（叫他小A吧）来说，方便价值20元，网上瞎逛的乐趣价值50元，而线下逛街乐趣100元的话，在 网上买那件衣服的价值就变成了500 x 70% + (500 – 10 – 20)*30% + 20 + 50 – 100 = 461元；假如他是个宅男，不喜欢逛街，则方便价值20元，网上瞎逛的乐趣价值10元，而线下逛街乐趣0元的话，在网上买那件衣服的价值就变成了500 x 70% + (500 – 10 – 20)*30% + 20 + 10 – 0 = 521元。我们的公式也变成了P<=V x (1-D) + (V – S – A) x D + C + LH – FH，其中C表示方便，LH表示顾客所认为的在线购物乐趣，FH表示顾客所认为的线下购物乐趣。

公式拿到，所以基本上我们要做的是：

• V：要在线上让顾客感知到商品的价值，这个话题太大，不展开讲了。
• D：尽量让顾客觉得不满意的风险很小。对于衣服来说可以提供详细的尺码表供用户参考，也可以提供几个不同身形的模特试衣照片给顾客看，还可以用我 在未 来电子商务的现在进行时里提到的那些科技来帮助顾客选择商品，降低风险。
• S：不要把让顾客支付物流费用当作是减少退货的手段。如果毛利允许而且恶意退货不严重，可以考虑报销顾客的退货快递费（顾客可以在下次购物时得到 相应金额抵扣）。
• A：尽量减少顾客的麻烦，例如提供已经写好回邮地址的快递单，顾客只需要把商品放到盒子里，把快递单粘到盒子上就好了。或者像某些高端服饰网站那 样，允许你拿到货之后试穿让送货员等，如果不合适可以当场退给他。
• C + LH -FH：尽量target到那些看重方便更甚于逛街乐趣的族群，他们更容易转化。

还有什么么？还有。

我刚刚在举例子的时候一直在强调说不同类型的顾客，对各个指标的看重程度也会不同，所以导致他们心理价位不一样。另一方面，同一个顾客，也可能在不 同的时间有着不同的判断。最典型的例子就是D，有可能顾客第一次购物时心理预期是“说不定有五成概率买回来的外套不合身”或者“说不定有五成概率买回来的 鞋子不合脚”，可是试过一两次之后，他慢慢就了解了自己适合什么尺码，之后购买的时候信心就会越来越足，D可能就会从50%降到20%。

假设我们是做高端男装生意，顾客都比较忙比较有钱，他们觉得自己退货麻烦程度相当于190元，而他们觉得线上的方便和购物快感价值20元和30元， 线下购物快乐价值50元，则他们的在第一次购物时P = 500 x 50% + (500 – 10 – 190)*50% + 20 + 30 – 50 = 250 + 150 = 400元。后续购物时P = 500 x 80% + (500 – 10 – 190)*20% + 20 + 30 – 50 = 400 + 60 = 460元。

当顾客已经买过一次东西之后，他的D值大幅降低，这时公司便在竞争中处于更优势的位置：当竞争对手价格为410元，而我们为460元时，因为顾客对 我们的D值更低，所以顾客还是会选择我们。如果成本是300元，竞争对手的毛利为110元，而我们则有160元，比他们高接近50%！高出的毛利也可以使 我们有能力做更好的营销和服务，吸引和保有更多的顾客。

获取这个竞争优势的关键则除了通过各种营销手段降低顾客尝试成本之外，更重要的是加强产品的标准化、保持一致性， 这样才能让顾客可以通过尝试来降低D值。比如我们卖鞋，如果我们自己牌子的鞋可以保证你这次穿40码合脚下次穿别样款式40码十有八九还是合脚，我们就可 以通过消费者体验来积累优势。反之，如果我们自己不能将尺码标准化，顾客这次买40合适下次不合适，D值就不会降低，顾客对我们的价值预期就不会升高，我 们就不能获得竞争优势。

© 我想网 Akon 所有 , 2010. | 永久链接 | 没有评论 | 提交到 Google Reader 鲜果 抓虾

Feed enhanced by Better Feed from Ozh

系统架构

一淘的系统架构如上图所示。可以看到，一淘有三个数据来源：互联网、外部合作方和淘宝主站。其中，互联 网数据通过crawl的方式获得，而后两者则通过feed的方式提供。

抓取系统的功能包括：网页抓取、抓取调度、域名解析、死链检测、JavaScript执行等。目前，一 淘的资讯、话题、问答combo中的大部分数据都是通过抓取系统从互联网获得的。它是一淘一个重要的“原料厂”。

离线处理系统是一个功能众多、可灵活定制的Pipeline，其主要功能有：网页编码识别与转换、网页 解析与内容抽取、购物相关站点发现、列表页识别、网页分类与消重、链接提取与合并、关键词提取、众多网页静态feature的提取。它是 一淘的“加工厂”。

存储系统负责存储抓取系统和离线处理系统的产出，同时向这两个“厂”提供高性能、大容量的存取服务。目 前我们采用的是Hadoop+HBase的体系结构，将网页、链接、图片进行了分类存放。存储系统是一淘存放原料、半成品的“核心仓 库”。

在线引擎负责对一淘前端搜索请求返回查询结果，它生成索引的数据来自存储系统。在线引 擎是一淘面向用户的“成品生产车间”。值得一提的是，一淘采用了阿里集团新一代的HA2引擎技术，HA2结合了开源引擎和阿里上一代引 擎技术的设计优点，在支持全文检索的同时，兼备了商品搜索的各种功能。它目前提供的主要特性有：

• 数据规模：支持的数据规模从一台机器(partition)到几百台机器；
• 更新速度：支持全量数据更新，以及最快支持分钟级的增量更新；
• 数据类型：允许用户定义各种的数据类型，从单字段到几十个字段。字段的类型可以是text, string, number等；
• 查询语法：支持简单的单一条件查询， 以及复杂的各种条件组合查询、过滤；
• 相关性计算：支持最多三阶段相关性计算，提供丰富的信息供用户自定义每一个阶段的算分方法；
• 统计导航：支持对检索到的结果做灵活的分组统计和智能导航。

一淘前端负责向终端用户展现搜索结果页，它是一淘的“门店”，设 有各式各样橱窗：商品、淘吧、资讯、论坛、问答、图片、网页等。保证这个门店正常运转的机制包括：

• Bootstrap：负责查询词合法性检查、编码识别与转换、停止词和违禁词过滤。
• Query Planner：负责查询词重写（Query Rewrite）、主辅词识别、商品类目预测、Combo排序、大小写转换、同义词和多义词，等等。
• RMOD：负责向各类后端服务接口发起并发请求，并将返回结果进行整合用于页面展现。
• Cache：负责分布式缓存搜索结果数据，从而缩短响应时间，提高前端系统的吞吐量。

此外，为了一淘团队的运营效率，我们还在构建一套“从收集Query和Click日志开始，进行数据统计、关联分析、异常报警和人工调整等 相关流程”的以Query为中心的运营工具。

一淘的小二们深知：如何使我们打造的这些橱窗所展现的内容具有越来越精准的 “导购相关性”，是一淘 面向用户的核心价值。如何进入朝这个方向持续发展的正循环呢？我们目前的思路是：构建一套结合“Query分析”和 “网页分析”的多层次排序模型，在保证相关性的前提下，灵活快速地调整模型结构以适应变化的业务需求。

Query分析的目的是理解用户的查询意图，并将此意图转化成排 序时可用的信息影响最终排序结果，如：

• 浏览型：没有明确的购物对象和意图，边看边买，用户比较随意和感性。Query例如：”2010年 10大香水排行”，”2010年流行毛衣”， “zippo有多少种类？”；
• 查询型：有一定的购物意图，体现在对属性的要求上。Query例如：”适合老人用的手 机”，”500元 手表”；
• 对比型：已经缩小了购物意图，具体到了某几个产品。Query例如：”诺基亚E71 E63″，”akg k450 px200″；
• 确定型：已经做了基本决定，重点考察某个对象。Query例如：”诺基亚N97″ ，”IBM T60″。

随着一淘用户越来越多，我们也会进一步挖掘用户查询需求，拓展意图分析种类。

网页分析期望得到：网页质量、所在站点的权威度、内容的主题词、是否为购物类文章等。这些信息将和 Query分析的产出合并，一起在不同层次参与搜索结果相关性的排序过程。

一淘正在建立一套“用户行为/模型提升”的自循环体系，这其中以用户行为为主、辅以完善模型改进流程和丰富相关平台工具，期望这样可以越来 越自动化地、持续地提升相关性效果，更加智能地满足用户的搜索意图。

与淘宝的关系

就淘宝目前绝对领先的市场占用率而言，能充分利用好淘宝的站内数据，对一淘来说无疑是很重要、也很幸运的。

从系统架构上讲，一淘有很多大数据量的离线计算任务是在淘宝上千台基于Hadoop的分布式计算平台 上完成的，在其上获取淘宝的商品、交易和用户数据是一件非常便捷的事情，平台强大的计算和存储能力也进一步激发了一淘工程师们的想象力和创造力。比如：一 淘首次将淘宝用户的搜索查询词和直接购买的宝贝相关联，并实现了分钟级别的引擎更新，这为用户们提供了最及时导购风向标。此外，一淘还直接调用了很多线上 服务的接口，例如：宝贝搜索、产品搜索、合并同款等。

从产品服务上讲，一淘是淘宝主站与全网电子商务网站联系的重要纽带。简单地讲，淘宝站内数据（如：产品 库、类目体系）可以保障一淘的导购搜索相关性有非常正向的促进作用；一淘通过Open Search和外网商品信息抓取，也可以为其他电子商务网站带去更多高质量的商业流量；而互联网的商品、资讯、论坛等信息又有助于一淘的搜索结果更全面、 信息更权威；一淘搜索质量的提高反过来可以帮助改善淘宝的用户体验（如：无结果页、购前调研），一淘的用户行为分析和趋势预测也可以作为淘宝运营收集反馈 信息的重要通道。

结束语

通过上面的介绍，我们不难理解一淘对于所采用技术的实用性、高效性和扩展性方面都会有业界领先的要求。这其中主要涉及的领域包括：

• 海量网页的抓取和抽取
• 分布式存储和计算平台
• 大规模数据（网页/商品）处理与分析
• 购物搜索相关性体系
• 高性能可定制的全文检索引擎
• 快速响应业务需求的前端架构

这些技术方向，我们会在今后的Blog中进行进一步的展开、更深入的阐述。

© 我想网 Akon 所有 , 2010. | 永久链接 | 没有评论 | 提交到 Google Reader 鲜果 抓虾

Feed enhanced by Better Feed from Ozh

“可用性测试”也可称之为“用户体验测试”，是通过产品功能设计测试任务，让用户按照任务完成一些真实测试，检验产品的可用性，作为产品后 续改进和完善的重要参考依据。
二、 为什么要进行可用性测试
1. 存在如下疑问
在我们研发完成了新的产品功能或是创造了新的产品特性之后，总是有这样的疑问：
a.最新的版本是不是比以前的版本更好？
b. 我们的网站与竞争对手的网站使用起来一样容易吗？
c.用户是否能够按照我们设计的流程完成他们所要完成的工作？
d.我们的设计师是否按照 用户的操作习惯和产品的特性设计排版了？

2. 原因可能有
a. 每个网站都存在可用性问题
使用网站的过程中，经常会遇到可用性问题，而有些问题通常很严重，让用户无法完成原本要做的操作。成熟的网站经过多轮测试，问题相对少些， 但是任然存在可用户问题。
b. 严重的问题通常容易被发现
网站的设计和制作者往往知道网站的工作方式，会按照设计的思路去操作；而用户并不知道，所以让用户试用网站往往能较容易的发现那些严重问 题。
c. 观看用户使用产品能成为更优秀的设计师
在设计师的眼中用户往往是抽象的概念，而设计是根据自己的想象完成的。通过观看用户可以更深入了解用户如何使用产品以及如何为使用而设计产 品。
三、 测试的流程
3.1基本流程说明
a.准备测试用例
对网站所有功能进行整理，找出用户浏览网站关键、重要步骤（或者是期望测试到的功能），对功能场景进行设计，并最终形成测试任务文档。
任务用例如下：

b.招募测试人员
根据网站前期规划，对用户群体的定位，找出能具代表性的个别用户，进行邀请加入测试；邀请的人员要能切合目标（潜在）用户群体。
c.准备测试环境
因可能性测试的特殊性，对环境我一定的特殊要求：
<1>能提供一个相对独立的房间，并且配有一台能联接网络的普通PC机，供用户进行测试，提供独立的房间的目的主要是为了能尽 量避免外部干扰，让用户能全身心投入，并用有利于遇到可用性问题时，观查用户的处理方式；
<2>普通PC机上不应开启会影响测试过程的软件，如杀毒软件、聊天工具等弹出窗口式软件；
<3>PC机 上必需装有屏幕录制软件和声音录制软件，以便记录测试过程中用户操作和发声思维的过程；
d.组织人员观查
提前安排观查人员，人员可能包括产品经理、交互设计师、视觉设计师、前端工程师及程序开发人员；
e.进行测试
测试人员把用户带到测试房间，介绍本次测试的相关性况，并且在试人员的观查下进行测试。
3.2测试前的注意事项
a.测试前需要跟用户说明本次测试持续的时间
b.要求用户尽可能的进行发声思维（对他看到的、想做的以及怎么想的）
c.与 用户说明“我们要测试的是网站，并不是用户”
d.在测试过程中用户提的关于如何使用的问题，不能立刻回答，可以在测试完成之后做回答；我们要测试 的是用户在没有人帮忙的情况下将如何完成任务的
e.在用户不能完成任务的情况下，切换到下一个任务，本次任务做不能完成处理
f.说明本次 测试屏幕、声音将被录制，并且得到用户许可；录制的内容将被作为网站改进的依据，不会被该项目无关的人员看到。
3.3测试人员情况登记
在对每个用户进行测试前，需要对用户情况进行登记，以确定用户适应范围：
a.职业，年龄？
b.每周上网大概时长？
c.浏览网页时访问什么样的网站？ 例举出几个
d.有非常喜欢去的网站 吗？
3.4主页观光
在人员情况了解之后，首先打开我们网站首页，让用户浏览，在这个阶段，先不要让用户切换到其它任务页面，向用户了解以下情况：
a. 您认为这是什么样的网站？
b. 该网站是做什么的？
c. 您在网站中能做些什么？
让用户简单描述以上问题之后，有利于发现对网站总体设计上存在的问题。
四、 关于总结和交流
在一次测试测试完成之后，相关参与人员进行一次总结会，每个人把本次观查到的问题进行提出讨论，并把处理意见进行汇总，在下一次改版中进行修正。

© 我想网 Akon 所有 , 2010. | 永久链接 | 没有评论 | 提交到 Google Reader 鲜果 抓虾

Feed enhanced by Better Feed from Ozh

只要在网上无聊，我会固定在浏览器网址栏里敲入一些字母，组成网址进入到那些熟悉的网站。像老朋友打招呼一样，我总是希望对方能有些变化，这个习惯六年来没有变过。看别人的作品，不是为了记住很多的技巧和花招，以期待将来能“套用、借鉴”到自己工作中。真正的欣赏需要消耗“心力”去解读，揣摩变化背后的意图。

在积攒了很多截图和案例之后，我才猛然发现，其实关注太多很容易分散精力，经典往往永远走在最前边，只需要关注他们就够了。如下列表个人认为也许不一定完全代表当今Web Design 的巅峰水准，但长期不懈的努力的确创造了很多难忘瞬间。

ibm.com
企业网站的典 型，这个网站我看的时间最长，大概有六七年，以前主要学习Web标准化方面知识。前两天刚发现改版了，所以放第一个推荐。纵观这几年的发展，总的来说中规 中矩，符合IBM品牌踏实可靠的特质。这个2010的新版突破了老爷车式的科技感，难得“亮眼”了一回，以至于用1600的显示器打开吓一跳。

cnn.com
从我知道CCTV 抄袭CNN之后开始关注，有四五年了，这个网站信息量巨大，典型的内容型平台。具体还真谈不上有多好，只是感觉CNN地位不一般，经常跑页面上分析模块和 代码。CNN的强大在于内容，以及对内容恰如其分的展示，可访问性、可读性方面的细节值得研究。

yahoo.com
Yahoo美国首页分别于2006年5月和2009年7月分别有两次重大改版，每次都是绝对的突破和引领潮流，引得无数设计师尖叫。据说它的设计成果均来 自严谨的定量数据分析，从实际体验效果来看，我虽然不习惯，但也找不出什么大毛病。做为一个综合门户网站的首页，Yahoo是最值得研究的对象，设计理念 很超前，旗下子产品全部风格独立，首页也因此格外标新立异。扩大范围来讲，个人认为Yahoo美国在Web方面的技术储备不在Google之下。曾经听过 Yahoo韩国团队的分享，也因此经常看Yahoo韩文(yahoo.co.kr)版本，细节是不一样的。

adobe.com
2005 年从Macromedia被收购后开始关注Adobe，熟悉我的朋友都知道我做设计尽可能的不用Flash。但凭心而论，Adobe网站是超一流的，我亲 眼所见Adobe是如何一次次改进去掉了繁复的动画，我想Adobe网站的设计师们很清楚Flash该用在什么地方，并且充分利用排版上的优势，把视觉设 计结合的很好。再次证明，只有二流的Flasher才不余遗力、不分场合的乱用动画。最近不知为什么，Chrome老是因为Flash而崩溃，Flash 升级也总失败，恨的咬牙切齿。

apple.com
从 iPodNano在2006年风靡世界开始，我才发现这个水果网站做的那么好。Apple网站的视觉风格与Adobe完全相反，不在华丽的层次追求视觉冲 击，排版布局也单调到令人乏味。但照片尤其出彩，模块化很到位，且细节处理极佳。注意个节奏问题，Apple首页改动非常频繁，采用简单的视觉冲击是常用 手法，尤其在推新品的周期内，反正维护也不麻烦。如同Jobs对Flash的评价，Apple网站上没有任何动画，这点我喜欢。

flickr.com
Web2.0潮流下最知名的网站，2004年左右关注。在独立发展的过程中，版本迭代极快，过程备受关注，很多次改版和细节都口碑极好。自2005年初被 Yahoo收购之后，整体网站设计受影响不大。逐渐被GFW封掉的过程总，我的关注度开始下降，到现在基本不用，只偶尔看看。前不久终于有一次重大升级， 如果把之前几年改进看作是做加法，这次改版可以说Flickr已经开始做减法。

haier.com
海尔中国 做的很一般，海尔海外还有很多版本，单独来说都算不上顶尖。但我发现它“全球网站”的整个体系做的非常出色，风格独立但又不会设计统一，比IBM纯翻译内 容好的多。是国际化公司做全球网站的典范，真为咱中国品牌争脸。

muji.net
从了解《设计 中的设计》作者原研哉(HaraKenya)开始认真关注MUJI这个品牌，MUJI的日文版（.net是日本版）风格尤其突出，其气质与品牌相符。后来 看到国内品牌Vancl的网站，一眼就能看出有MUJI的影子，但没有做出那种品质感。另外，MUJI相关还有系列网站，设计也很出色，不太清楚他们是站 群还是什么关系，比如muji-beauty。如同楼上的Haier，MUJI也是全球网站体系比较好的典范。

wordpress.com
2007年开始用Wordpress系统，经历了几次升级。它的官方网站看的不多，但系统本身花了些功夫研究，尤其后台表单，以及数据模式的处理上，获益 良多。就这么个精致的小产品，技术一直走在前列，比如3.0某版本登录框，如果登录出错，已经不再是传统的“红色”警告，它开始“蛮不讲理”的晃动登录 框。这样的“情感化设计”早有耳闻，但却在Wordpress上首次见识。

就个人观点而言，不是说“有名”的网站就一定多好。比如，按理说Microsoft新版网站其实也还不错，因为用的少的原因，不好乱下结论。相 应Msdn这样的框架的确经过了N年的考验，以前盛大的官方网站就是完全抄袭Microsoft老版框架。还有eBay，据说在海外用户体验排行前几，但 我用过几次，流程感觉不符合我们的习惯，退一步讲整体“美感”也不行啊，比咱“淘宝”差远了。

也许有人注意了，以上列表都是非中文网站。说实话，中文互联网产品起步较晚，成功的很少，值得学习的也不多，目前我只关注“豆瓣、淘宝”两位。 在系统工程角度，越是大型的网站，协作难度越高，在此类网站上能学到的知识也最多。那些小清新、小创意的网站，看多就烦了，没什么值得挖掘的价值。积累是 需要时间的，在一次次的酝酿之后，创意总会与你不期而遇。

如何去发现值得关注的目标，最笨的方法是枚举。曾经我做的第一件事情，找现成的列表，比如世界500强企业网站，还有alexa数据里有个 TopSites列表，有现成的各“国家、分类”排行。第二件事情，我查过很多知名品牌关键词，在搜索引擎中寻找蛛丝马迹。早期因为整体水准不高，成功率 均相当低，但只要在100个中找到1个亮点，我认为也值得。

本文旨在分享方法，不希望看到信息快餐似的技巧花招被疯狂追捧。个人精力有限，很多精品都应 该值得挖掘和关注，我希望能有更多的同行来做这件事，尤其一些专业领域和行业，所有人共同提高。以上仅是个人观点总结，如果各位有好的推荐，希望也在评论 里反馈给我。

© 我想网 Akon 所有 , 2010. | 永久链接 | 没有评论 | 提交到 Google Reader 鲜果 抓虾

Feed enhanced by Better Feed from Ozh