2016-06-28

[译] 防火墙背后的笔记:Web 设计在中国

原文作者: Kendra Schaefer
原文地址: http://webdesign.tutsplus.com/articles/notes-from-behind-the-firewall-the-state-of-web-design-in-china--cms-22281
译文地址: http://www.wemlion.com/post/notes-from-behind-the-firewall-the-state-of-web-design-in-china
本文由 文蔺 翻译,转载请保留此声明。
著作权属于原作者,本译文仅用于学习、研究和交流目的,请勿用于商业目的。

译者注:本文写作于 2014 年 10 月。

本文是《世界各地的 Web 设计(Web Design Across the World)》系列的一部分。

随着更多的西方企业将目光投向中国市场,我被问过许多关于为中国客户设计网站的复杂性的问题,还有在中国做电商的技术问题。

免责声明:写在前头

中国有着难以置信的多样性,社会各阶层之间的鸿沟很大,所以不可能从总体上来说“中国”或“中国人”。不仅是像上海、北京这样的大城市和大陆其他地方的人们在技术方面有着巨大的差异,还有很多不同的“中国人”的方式。这篇文章中,当我说到“中国”的时候,详指中国大陆,说到“中国人”的时候,通常指的是和城市居民联系着的中产阶级。

换句话说,这里的评论是基于我在中国的高新技术产业的经验。本文不可能覆盖到每个人的独特经验,为简洁起见,我将做一些笼统的概括。但愿还不错。

在中国谁能拥有网站?

只有拥有有效的中国商业执照的公司,才能被批准在中国的服务器上合法地主办网站;大陆禁止个人拥有商业网站。这在服务器层面被控制了:所有在中国主机上的网站必须注册 ICP,用户申请账户之前,服务商会向你索要并验证 ICP。ICP 只发给商业执照主。法律要求将 ICP 放在网站首页展示,通常是在页脚部分。滚动到 Baidu.com 首页最底部,看下那细小的版权文本就知道了。

任何人都可以购买中国境外的公司的服务来规避 ICP,但这会导致进一步的问题:

  • 境外网站可能随时会被防火长城(Great Firewall,等下会提到)墙掉;
  • 美国或欧洲的网站加载起来,比本地的网站慢得多;
  • 中国人购买的帐户,通常必须能通过 Visa 或 MasterCard 支付,但这些在中国尚未普遍使用;
  • 中国的网站管理员需要足够好的英语阅读能力,以便使用服务器控制面板。

这个问题常见的解决办法是,将服务器架在香港。香港的服务器离大陆近,更少可能被墙,更快,提供中文控制面板,不需要 ICP,并且常常能接收大陆账户银行转账付款。

防火墙背后的日常生活

有点烦。时好时坏,时多时少。

许多主要的非中文网站完全无法打开。试图加载一个被墙掉的网站,通常返回的是页面无法显示的信息,似乎谁都不知道原因,有时候好像还会阻止你的浏览器在 30 秒之内加载任何东西。

有些网站永远被墙 —— Twitter, Facebook, Youtube —— 而有些时好时坏(Mashable, Dropbox)。 Gmail 偶尔可以一窥,不过 PRC (中华人民共和国) 最近好像把插头拔出来了,于是乎它也永久被墙了,从 2014 年年中开始的。

有些网站,浏览器端的应用被墙掉了,但是移动端还能用。比如,在笔者正在写本文的时候,IMDB (译者注:互联网电影资料库,Internet Movie Database)没法从浏览器打开,但其 iPad 应用却可以用得好好的。类似地,我的移动设备还可以通过 POP/IMAP 连上 Gmail 账户,但我用它上面的浏览器加载 Gmail 的网页版却不行。应用和网站被墙的页面变化频繁,周五晚上和朋友喝着小酒,可能就会聊到今天哪家网站在哪个设备上被墙了。2014 年 9 月 29 日,针对香港的抗议活动, Instagram 刚被墙了。我很怀疑,他们会解封的。

防火墙之内如何工作

三个字: V-P-N。(Virtual Private Network)在所有技术公司中都是很常见的,如此普遍,几乎不值一提。

对于那些并非开发者的用户,最基本的是,VPN 接管你的网络连接并将其反射至一台未被墙的服务器,然后再将请求发向目的地,以此来规避本地的墙。比如你想上 Facebook,但是它被墙了。所以你要连上在澳洲的随机的某台电脑。Facebook 在澳洲并没有被墙啊,所以来朋友的祝福还是可以弹给你。这看起来好像是超级违法的,嗯,也许纸面上是如此,但(这纯粹是我的猜想)我怀疑政府在某种程度上能接受这样:毕竟多数乌合之众还不够精明,能去建立一个VPN账户,而且没多数英语技能,几乎不可能对墙外发生的事情感兴趣。

中国人知道他们的互联网接入是受限制的吗?他们关心吗?

又一次面对这个问题,“‘中国受众’ 到底是谁?” 多数大城市中,35岁以下的年轻人、大学生,都很清楚他们没法访问西方的主要网络,这也是互联网上常见讨论点。有很多简单的抱怨,但只是一种讨厌、烦恼的氛围,而不是愤怒的。部分原因是受欢迎的西方网站在中国都有同类网站,当你有 人人网微信微博的时候,没什么理由要取上 Facebook 或 Twitter。

renren.com

My Sina Weibo Chinas Twitter user panel

新浪微博(中国的 Twitter) 用户面板

面对现实吧:防火墙对中国的科技公司有着好处呢。

我和其他人一样不情愿承认这,也是并非墙的拥护者,但事实就是,防火墙就像孵化器一样,给初创公司提供了重大效益,给中国 webapp 时间和需要的用户基础来发展壮大。用户为墙所迫,只能使用国内的,可原本他们可以跳上更好的国外社交网络,就科技力量的发展来说,墙确实起了作用。

未来:防火墙会倒吗

没人知道答案,但我可以给出我的分析。个人认为,政府在不损害经济增长的前提下,只能这么多限制可以做了。完全将国内的科技企业和国际网络隔开是巨大的错误。此外,今天的作为网络精英的孩子们,正是明天的立法者(译者吐槽:呵呵哒)。我觉得,时间足够的话,互联网控制会慢慢减少,直到中国只墙掉色情内容和一些政治敏感话题。

然后呢,谁知道?作为一个区域,中国在历史上一直倾向于采取不明智的激烈的闭关措施。

防火墙给 Web 设计、开发带来的问题

1) 谷歌 API 完全没法用

在你的联系页面上嵌入谷歌地图?在中国没法加载。谷歌字体也不会。谷歌分析(Google Analytics)除外,网站代码中任何与谷歌 API 有关联的地方,都会让网站挂掉。有时侯终止加载。有时候不会。

怎么解决呢? 谷歌 API 的关闭是挺新的问题,和百度地图目前还没提供足够强大的嵌入功能 —— 我还不知道有没有人想出来一个标准的替代。我们现在依赖于开源选项,比如 OpenStreetMap

网络字体(Webfonts) 被转移托管到没有被墙的或者中国的服务器上 —— 再也没用谷歌的 API 了。

2) 嵌入的视频无法加载

小猫玩盒子 视频该出现的地方,是一张大大的空的方形哭脸。 Youtube 和 Vimeo 都受到了影响。

我们怎么解决?在中国的视频网站上放一个相同的视频,像优酷或者土豆,然后根据用户的 ip 地址通过脚本加载正确的视频。

嵌入的网络字体 & 中文

欧耶,我最喜欢的话题。

所有人都想远离中国四大标准网络字体 —— 它们被使用得太,太,太,太过度了,设计师们看到它们死的心都有了。我之前写过一篇关于此的文章,但你可以免读了:当然是技术方面的。中文字体可以使用 嵌入,就像其他所有字体一样。问题是语言如此庞大,包好如此多的文字,字体文件大得可怕 —— 想想每套字体有 3-7M 吧。 强制下载整套字体文件,完全不切实际。

直到最近才有一个并不是很理想的一个解决方案:如果你要用到的汉字数量是一定的,可以生成一份只有这些文字的字体文件。这对 CMS 主题设计来说,很显然也不切实际。

谷歌 和 Adobe 最近也首次推出了中文 webfont (分别是Noto Chinese and 思源黑体),但是 Typekit 加载挺慢,而整个谷歌 API 都被墙了。

思源黑体

Google Sans Hakka Chinese 100 weight

去年(2013年)左右,问题被有字库解决了,一个 Typekit-y 字体嵌入工具。他们有坚实的字体文件库,还能为你提供自定义字体。如果使用他们的托管服务,有个限制是每页只能使用 999 个不同的文字(相同的字词多次重复不计数),如果你要使用他们的托管服务,最好保持非标准字体的使用量最小 —— 比如只用在文章头部。如果想不受限制,他们提供解决办法,你可以在自己的服务器上处理。

用户体验(UX)方面,中西用户偏好有何不同?

没人喜欢过份复杂。

写文章前的问答中,@jmshome 通过 Twitter 提问,中国人是不是喜好重文字设计,而不是极简主义。

@wdtuts@tutsplus@kendraschaefer 我听说他们喜欢文字多的网站,反对极简主义设计。难道 UX 感知不一样?

— James H (@jmshome) 2014-09-10

我经常收到这种问题,这实际上是很常见的误解。中国人和所有人一样都喜欢简单,几年前在一次会议上,听到来自香港可用性企业 Apogee 的 Daniel Szuc 的支持让我很激动 —— 他们已经打击这种观点好些年了。中国人倾向于将超简约界面视为高端 —— 字体越小,设计越干净、纯粹、安静,也更能被感知为奢侈品牌设计。

没人喜换过度复杂的东西。可为什么中国网站上好像到处都是?我认为,主要问题是网站可用性的意识较低,同时也是因为复制的文化。中国网站之间存在大量的难以置信的抄袭。某人完成了一个流行的重文本设计,另一个人就不敢去改变了。我的中国客户们总比其他客户更不情愿去尝试未知领域,许多客户会议是从为何不要抄袭对手网站的演讲开始的。这并非因为中国人比外国人缺少创意 —— 只是一种文化意识,认为启动新项目时,保证成功的最好办法是采取业已被对手证明的公司,然后修改最少数量的变量。

尚未适应宽大的网格

关于真正的用户体验偏好差异,我可以说 Bootstrap 3 的大网格空间的改变在这儿还没被接受,许多中国人感觉 30 像素的边距显得太松了,搞得网页感觉像断开了。中国人的眼睛似乎更细一些的网格空间更和谐,比如 960.gs。并不是说你不能让客户接受更宽的网格空间,只是常常需要一点倾斜,可以期望事情有一点点偏。

避免黑白头像

有好几年时间,我一直不明白,为什么无论何时我向中国客户推荐黑白的 “Our Team” 头像都被拒绝。最后有人终于吐槽了:黑白的个人头像,通常是摆在葬礼上的,黑白颜色意味着照片上的人已经死去。啊。

技术方面

操作系统

如果你愿意,那就装作什么都不知道吧,可事实就是,50% 的中国网民还在使用 Windows XP,Windows 7 以 33% 的比例紧随其后。只有差不多 1% 多一点的用户在用 iOS。微软停止对 XP 的支持后,有一大堆人吓坏了。所以你可以理解,为何中国抢着要发展自己的操作系统了。不过,户使用 XP 系统并不意味着他们都是用 IE6 上网(虽然到 2012 年 8 月依然有 20% 的用户使用该恐龙 —— 哦)。

浏览器

你猜啥?截至 2013 年 9 月,中国最受欢迎的浏览器 是你可能从未听说过: 360 安全浏览器,接着是 IE,然后就一大堆“其他的”。

中国的 SEO

中国版的 Google 是一家叫做 Baidu 的搜索引擎/应用开发商,这是迄今为止中国市场上最大的玩家。

就像所有搜索引擎一样,百度的算法还是机密。但我可以说,它首先收录的是 .cn 域名的网站和主机在国内的网站。如果你想有挺好的百度排名,至少你得有个本地的 Web 前哨。

移动端的状况

移动端浏览超出桌面浏览的速度,中国远超西方;亚洲的移动访问统计会让你大吃一惊。使用如此频繁,如果你的网站不是移动友好型的,那你差不多就要失去主要的用户了。了解中国移动市场的快速发展,请看中国互联网观察

微信

微信,在西方以英文名 WeChat 为人所知,正乘着卷及世界潮流的浪潮。

WeiXin

微信是一个移动应用,整合了其他几个社交网络的元素,作为一个聊天应用,支持文本、语音聊天,群聊,Twitter 式的可以发照片的个人订阅(译者注:指的是朋友圈),连接陌生人的功能,以及其他各种东西。

微信企业号

截至今年,微信开始提供企业号服务,也就是说,公司可以使用微信向订阅用户推送更新。同样的,申请还是需要中国的商业执照。来看下登录门户获取更多信息。

尾声

在这里,行业的整体基调总体上是积极的,带有一种温和而遥远的紧张,来自法律的限制或上面不期而至的决定随时可能将地面从脚底下抽出(比如,政府实施了有效的对 VPN 的对策 —— 啊天理不容),但也有一团信心这不太会发生。设计师的市场是绝对巨大的,大城市的公司竞相聘请设计人才,客户开始看重精心完成的工作,而不是便宜快速的。祈祷接下来的许多年里,总体趋势能保持着。

有问题请在评论区中回复。