在线购物网站前端技术应用在中国和美国的不同之处(转自我之前的PM)



今天一早打开邮箱收到这样一封邮件，我想这是一个很好的机会让我去整理一下这方面的经验，接下来我们先看看邮件里对方所提到的问题。然后我今天将会围绕这个话题作一番分析。

-

Hi Sam,

I am doing some research on China’s online shopping websites. I find that there are many interesting front end features in China that we do not see the same in the U.S.

I am wondering in your opinion, what are the most important front end functions/modules an online shopping website must have in China?

比较对象

首先，为了做比较我使用了以下几个网站作为比较对象，

中国的在线购物网站：淘宝，京东，新蛋中国，卓越，当当

美国的在线购物网站：walmart.com, amazon, Sam’s Club

其实卓越（amazon china）是应该被剔除出去的，因为他的本土化基本上等于没做。

中国在线购物网站本地化特质分析

因为今天谈的是前端技术应用，所以我基本上不会提及太多关于感官方面的影响诸如颜色偏好，排版偏好，字体偏好等等，更多的是和中国网民的行为特质，设备的性能，正当的不正当竞争有关。

1. 全世界人民都有惰性，简称“懒”，那么中国人在访问互联网的时候和美国人都共同拥有这个特质，那就是“懒”！

因为懒，我们要尽可能做得简单易学，这一点上，我们要遵循世界标准。在本地化的过程中，不能矫枉过正。

2. 中国网民的网龄普遍较短，且上网的主要目的是以娱乐为主，比如听音乐，看新闻，聊天，打游戏。该对比数据在Google上可以轻易搜得。而且新增的网民都习惯于使用客户端软件去进行娱乐活动，对基于网页的应用的界面行为模式知之甚少，甚至完全不懂！

因为对界面行为模式不懂，就好比不知道按钮是可以按下去的，甚至不知道如何辨别一个按钮，有些人甚至是鼠标都不能自如操控，这样的用户，却会用鼠标在网页上探索，他的注意力可能集中在移动鼠标上，这个时候已经忘了鼠标是有左键和右键的，更不用谈去分辨和熟练单击和双击那么难的动作了。那么针对这样的用户群体，我们需要适当地增加onmouseover事件的比例，减少onclick单击事件的比例，甚至是完全放弃ondblclick双击事件。这样就不难理解前面提到的那些中国的在线购物网站上为什么都会有很多的tab group标签组。

因为tab group标签组恰恰就是最好的解决方案了，鼠标移上去就行了，移上去就行了！

3. 几乎每一个非专业的中国网民都安装反病毒软件，他们几乎都不知道exe扩展名意味着什么，所以在这些网民的启动菜单里也是形形色色，开机的时候会跑很多很多的进程，自然而然很多程序都在眼皮底下跑着网民却浑然不知，那么电脑的性能将大大降低，并且由于他们常常被一些流氓软件强迫使用解析性能很差的浏览器比如IE6, IE7 甚至是一些以盗版为主的浏览器。我说了那么多，无非是想说明一点，他们原本就不快的电脑在使用IE浏览网页时可能性能已经降低到了原本的50%，如果你在你的网页里安插很多Flash动画和Gif动画，那么对他们的CPU使用率和你的网页性能将是毁灭性的打击！

因为设备整体性能很差，所以减少他们CPU的开支比如减少Flash和GIF动画，这样可以降低他们的购物过程中因为网页太卡而关闭的风险。

因为浏览器差，良好且简洁的代码结构和优化过的脚本可以让网页解析更顺畅一点。

4. 并发连接数，这点的确比较难以启齿，因为中国的电信提供商为了防止用户随意接路由器分享宽带，会限制网民的并发连接数，也就是说，网页上并发的外部资源引用越少越好，否则会死的不明不白。CSS Sprite 是一个不错的实践。同时在发布前利用发布脚本将所有CSS样式表和JavaScript文件进行优化和压缩整合也有一些好的作用。

5. 中国网民终究还是中国人，可支配收入太低，打个电话都要赶在59秒内挂断，何不利用Comet技术，利用push server制作一些嵌入在网页内的在线即使通讯工具来建立你的在线客服呢？

6. 中国最近非常流行团购和秒杀活动，可以利用一些实时的倒计时和实时数据来让他们感到不孤单，且代入感很强。团购的创意似乎在中国更可行，本地化的营销活动需要前台脚本的配合。

7. 中国人长久以来都是大群体聚居的，美国人是比较分散的，所以性格上，一个比较喜欢热闹，另一个比较喜欢冷静。在内容上往往喜欢紧凑而不喜欢大部分的空白区域，当页面对象变得很多的时候，性能问题就来了，减少不必要的动态背景变化很有必要。甚至是尽量不要使用纹理来做整个页面的背景，因为复杂的背景在滚动条工作的时候又是在给CPU出难题，性能不好的电脑会有明显的顿挫感。

8. 最后再聊聊社会化网络的问题，美国流行的facebook, twitter插件由于中国的特殊原因而不能使用，在适应特殊土壤的环境下，还是会有很多效仿者迅速崛起，比如所谓打败Google的什么度，虽然我觉得挺不公平也挺可悲的，但是你却不能忽视他们的用户群体。为你的产品加上中国比较流行的SNS图标吧，让用户可以收藏到他们的开心网转贴，发表到新浪微博去吧。

最后我把上面提到的一些具体技术上的问题再罗列一下：

1. 界面简单易懂，创意需谨慎

2. 提升onmouseover事件在所有事件中的比例，最好的例子就是使用tab group标签组

3. 对标签组的内容进行precache预先缓存

4. 减少动画的数量

5. 使用autocomplete自动完成来suggest建议用户要搜索的关键词

6. 使用SMS短信验证来增加用户购物的安全感

7. 利用Comet/Push Server来构建站内的即使通讯客服

8. 动态的倒计时来增加抢购的代入感

9. 避免使用texture纹理来作为长页面的背景

10. 利用CSS Sprite和压缩优化整合脚本文件

11. 利用中国的SNS来扩大参与性和曝光率