Web设计中的中国风-用户体验与界面设计- 科技百科 -互联网博物馆，你我的知识加油站

中国是个拥有5000年文明史的多民族国家，地域与文化延伸亚洲大部，汉风与汉字多被日本，韩国，越南等邻国采用。中国曾经兴衰，如今大门重开，接纳来自世界的风潮，概念与技术，也包括 Web 技术。本文采访了6位中国知名设计师，讲述了中国 Web 设计业从模仿到创新的历程。

中国 Web 设计: Dongpai

中国 Web 设计现状

我们采访了6位来自四个大城市的中国设计师，他们讲述了国内 Web 设计的现状与趋势：

郭宇
百度前首席设计师，现居北京
白鸦
 UCDChina 合伙创始人，支付宝产品设计师，现居杭州
吴隽辰
UCDChina 合伙创始人，途牛旅游网的产品主管，现居南京
周陟
美术设计师，CK Telecom 的 UI 设计主管，《UI进化论-移动设备人机界面设计》的作者，现居深圳。
John Woo
Google 中国的用户体验团队主管，现居北京。
Rex Song
UCDChina 合伙创始人，互联网产品设计与架构师，现居北京。

访谈通过电话，Skype 和 Google Talk 进行，采访内容事先已发给他们，但实际采访中有部分随机问题，为了让他们畅所欲言，我们的问题并不仅限于 “Web 设计”，除了美工，CSS，前端设计外，还涉及后台设计，架构，设计理论，文化元素，用户体验等。

MFM Moliyo, 一个游戏网站.

问题: 如何看待国内 Web 设计现状?

郭宇:

中国的网民30岁以下的大约占70%，他们年轻，开放，容易接受新生事物。他们喜欢在线玩游戏，娱乐，因此，你会在很多国内网站上看到吸引视线的东西，来迎合这一类型的用户。

白鸦:

大约两年前，我们见识了国内大量模仿韩国 Flash 网站的风气，花里胡哨的设计曾一度成为风潮。但随着 Web 2.0 的到来，国内网站开始改善。用户更注重内容而不是单纯的视觉效果，视觉效果已经不能取悦国内的用户，他们要的是有用的内容，同时，也希望提供自己的内容。

吴隽辰:

事情在改善，变得越来越好，但是一种螺旋上升。从 Web 知识和技术来讲，国内的设计师和国外的处于同一水平，但他们并没有真正用好这些知识，比如，用户调查，很多设计师知道却很少在实际设计中做，他们知道易用性测试，却几乎不做。

周陟:

有两点，第一，国内的 Web 设计市场中预算紧张问题很普遍，结果就是，Web 设计最终靠视觉效果吸引人，第一眼可能好看，但信息结构没有很好地组织，易用性很差；第二，国内的 Web 设计非常本土化，也应该这样。

国内 Web 设计: Midea Microwave Oven

比如，支付宝的成功是因为考虑到了国内用户的心理和购买习惯，中国是个大国，有些网站成功是因为它们迎合了某个特定的地域，这个问题的另一面就是中国的网站不是很国际化。中国是个非常大的市场，即使不开拓国际市场也能生存，你可以看到，UCDChina.com 以及很多国内站点并没有英文版，甚至在导航中都没有。

John Woo:

国内还没有形成一种独特的 Web 设计风格，因为中国很大，中国用户在很多方面都非常复杂，国外看国内的 Web 设计会觉得很永久，很花哨，但我觉得这是实践。当 Flash 设计时髦的时候，很多设计师（以及他们的老板）希望用 Flash 让他们的网站吸引人，当社会网络在美国兴起的时候，很快就引入了中国，包括 Facebook，Twitter 等的设计风格。当一种东西很实用的时候，很多中国人就会借这个概念把它做下去，百度，QQ，淘宝就是这样取胜的。

Rex Song:

中国人口众多，多多益善也适合 Web 设计领域，你可以看到，很多国内的网站非常拥挤，设计者希望把所有东西都堆到一个页面。另一方面，中国多数网民上网的目的是娱乐，因此，国内的设计者喜欢将他们的网站搞得很好玩，很社会化，很有视觉吸引力，就像2004年前后我们纷纷模仿韩国 Flash 网站一样。

Shoebox

国内 Web 设计概览

对国内的 Web 设计现状，我们从访谈中也可以总结出几个要点。

1. 大量 Flash：生于模仿

Flash 设计多年来一直受到争议，事实上，一些设计师主要是因为 Flash 不便 SEO 而弃用。然而，访谈中，Flash 再次被频繁的提到，回到2004年，当韩国网站一色都是 Flash 的时候，中国的设计师和客户认为 Flash 很时尚，Rex Song 提到，在 Flash 大红大紫的年代，你甚至可以花一点钱直接下载完整的 Flash 网站模板。

Google 以简洁著称，但比较一下 Google China 和 Google US 就能看多一些细微的差别：

Google 中国的设计比 Google 美国更活泼一些，加入了动画效果，顺便说一下，这个效果最先是用在 Google 韩国和日本网站的，不过后来都换成了那种静态页面。

尽管对 Flash 的应用源于模仿，但现在，它被越来越多得用在工作室和个人的作品展示网站，新品发布网站，以及那些以年轻人为主的产品的网站上。

Shanghai Vive 是一个老上海化妆品品牌，现在被重新挖掘出来用于高端化妆品，该站点大量使用 Flash 以展示优雅和高尚的生活。

Cool Bear Hi, 长城汽车的一个产品线，用 Flash 网站促销新车型。

考虑到那些低速上网的用户，该网站在加载 Flash 的时候，进度显示做得很好。

在 Flash 加载过程中，在不同的进度，显示不同的消息来安抚用户的等待，上面是加载过程截图。

Mian Dian Fang, 一家即食早餐公司，其公司网站也大量使用 Flash。动画中，馒头包子一起做早操，以显示该公司的健康食品理念。

下面是该网站 Flash 加载进度截图：

动画加载进程模仿酵母发酵，面团越来越大，直到整个网站出来。

Shoebox, 国内的一个年轻人鞋品牌，整站使用 Flash 以彰显时尚感。素描图案，旧报纸背景构成 Shoebox 理念，生活的品位，简单，运动，时尚。

Lenovo Mobile O1 借 Flash 展示联想 O1 的功能与特色。

Artlans, 是一个交互设计工作室，主要是菜单按钮，点击按钮，以及语种转换按钮。设计工作室一般不愿整站使用 Flash，而是在某些主要的位置，借 Flash 显示他们 Flash 技巧。

Idea Design, 一个设计的设计工作室，全部使用 Flash。

2. 为娱乐而设计

我们喜欢这种一对一的访谈，可以从每个人听到不同故事，也可以从多个人听到同一个故事，比如，白鸦，周陟，郭宇以及 Rex 都提到了国内 Web 设计中的娱乐化倾向，白鸦说，当社会网络进入中国，它必定成为一个游戏站点。

一个很好的例子就是开心网的偷菜功能，开心在导航以及用户交互方面从 Facebook 借鉴了很多东西，但不同是，它允许你经营开心农场，建房子，种菜，并从你朋友那里偷菜。有些玩家甚至用 Excel 表格记录他的好友的收获季节以便及时去偷，这个游戏和普通游戏没有两样，但内嵌在一个社会网络网站中，可以很更多人一起玩。偷菜在国内如此流行甚至惊动了文化部，迫于压力，这个游戏现在改名摘菜菜，摘菜在中国文化中显得不那么刺耳，但玩家们仍喜欢那个更贴切的名字，偷菜。

开心农场

开心牧场

开心果园

最近，这个程序被添加到 Facebook，但目前只用于中文用户。

Lipton Milk Tea 推出一个“连连抱”活动，通过另一个社会网络人人的帐户，向你的朋友传递拥抱并赢得拥抱点数。

一旦积累到一定点数，可以用在线购买礼物:

M&M China 也使用了一个类似的在线传递游戏鼓励用户前来访问。

I Love G3, 中国移动的一个促销3G 网络和3G 手机的站点，使用 Flash 动画游戏让用户参与

当你回答完一系列诸如“你在火车上如何消磨时光”之类的问题，系统会分析出你的性格并推荐适合你的3G手机。

3. 为点击而设计

和拉丁以及德语系不同，中文是象形文字，在字母键盘上打汉字很慢，尤其对中老年用户，所以，你会看到国内的很多网站非常拥挤，图文链接到处都是，就像Rex Song 所说的多多益善。这些网站是为点击而设计的，不同于为搜索而设计（尽管关键词搜索对任何信息类站点来说都是必要的）。

Yoho, 一个面向年轻人的在线购物站点，页面上密密麻麻都是促销产品。虽然右上角也有搜索框，但既然有这么多东西，干脆还是一路点击吧。

同样，China Visual, 一个视觉设计门户站点，首页充满各个栏目的文字与图片链接，让你快速浏览网站的内容。

NetEase (就是 163.com), 国内四大门户之一，把中国式 Web 浏览风格发挥到极处，到处都是链接。

上图是网易的首页截图，这篇文章撰写期间正逢中国春节的临近，可以看到，网站使用了红色作为背景，网页中充满了新闻标题与广告，你可以在顶部搜索，但看完全页，你大概已经知道今天发生了什么，如果对某条新闻感兴趣，点下去就是。John Woo 说，如今，很多网站正在重新整理他们的版面，加大字体，加宽行距以改善阅读，新浪自1990年代以来一直注重改版，他们在这方面做得越来越好。

4. 为文化而设计

当被问及世界可以从中国 Web 设计中学到什么的时候，周陟不假思索地说，“文化。中国崇尚道家思想，我们有自己的一套价值和习惯，面向中国市场的 Web 设计应该遵从中国用户的在线习惯和审美。比如，我们的文化符号，书法以及节日，都可以用用到 Web 设计中，一个湖泊不过如此，但加上神话故事就不一样了。”

确实如果在一个湖泊中加入神话故事和人的感触，人们对它的印象就会改变。

在讲到文化差异时，Pizza Hut China 是我喜欢用到的一个例子，整站体现浓浓的中国味，从配色，到家庭主题。暖红加黄是中国节庆的颜色，而家庭餐在中国很受重视。

相反，Pizza Hut US 则强调快餐和在线订购，红色仍然是必胜客的主题色，但相比中国的暖红，显得更硬，更暗，更冷。

McDonald’s China 网站也是，主导航中就包含“欢乐家庭聚餐”。

Tong2 Studio，使用传统中国花色做背景，显得很特别。

Six Station, 主页使用中国水墨画风格的 Flash，向客户传达创意与创新。

Dongpai Design, 一个交互设计工作室，他们有一个小站点，用三国故事来传达他们的设计理念。

尽管 John Woo 指出在设计中借用中国元素并不只限于 Web 设计，但他承认中国 Web 设计中的实践性，设计师们将他们认为有用的任何东西都借用到设计中。

Web设计中的中国风（下）

以下是更多中国风格的网站案例，可以让你对国内的 Web 设计有更好的了解。

UI Seven：一个设计工作室

IDT：一个个人网站，记录了作者12年来的爱情故事

Youguan Cookies：使用 Flash 展示他们的产品线

Xin Hongru：一个设计公司，使用中国元素和Flash展示作品

Thinkpad Edge：Thinkpad 笔记本新品

Moliyo MFM：在线游戏站点，一大堆链接

361 Sports：借鉴了广州2010亚运会主题

Dove Chocolate China：中国元素，中国新年

BangbangWa：一个食品公司，大量游戏和Flash

Brain Town：个人作品展示

ShuXia：展示会员作品

Jossy Jo：布艺品牌

Apsou：一个顾问公司

Magic Workshop：童装公司，使用 Flash 动画彰显公司文化

JJ Ying：一个简洁的个人作品展示网站

Beijing Orange Advertising：创意展示

 Nescafe：雀巢咖啡，大量游戏和Flash

Yee Chino：一家饭店

Gold Chino：Yee Chino 的姊妹店

Guoguo Diary：个人站点，简单，有创意。

Rancho Santa Fe：上海的一家地产公司

挑战，机遇与趋势挑战
谈到互联网行业的挑战，白鸦，隽辰，Rex 和周陟都谈到一个令人沮丧的问题，就是政&府&审&查。YouTube，Twitter，Facebook，Flickr 均因存在不当内容被政%府封杀，白鸦说，新浪的微博客为了迎合审%查，除了机器自动过滤外，还组建了一个人工团队审%查内容。

国际社会关于互联网严宽与开放问题的讨论一直在持续（参阅 2010 Nussbaum），并没有放之四海皆准的准则，然而，失去了开放的环境，中国可能无法与其他国家并肩齐进。

不过，任何事情都有两面，白鸦说，尽管限制了柿油，但对 UI 设计和内容展示来说有积极的一面，你将不得不将精力放在有用的内容，以及对内容的有效展示上。

吴隽辰和 Rex 提到了另外一个挑战，就是教育还没有接轨。职业学校可以教你如何使用 Photoshop，Dreamweaver，教你如何编写 HTML，CSS，JavaScript 代码，却不会教你设计背后的思考与逻辑。Web 仍然是个年轻的行业，在高等院校，还没有信息架构与用户体验设计方面的学位。

我们的采访指出了一个事实，中国的设计者还没有完全从严格的调查方法学中受益，就像吴隽辰所说的那样，中国的很多设计者知道这些概念，但他们很少用到具体设计中，他们知道易用性测试，但很少去做。

当被问及如何说服客户接受某种设计的时候，Rex Song 提到了关系和信任，他觉得，A/B测试，多元测试的概念很西方化，它的投入产出比可能并不高。

一方面这可以理解，中国因儒道传统思想的影响比较善于主观推理。但另一方面，中国的 Web 设计者在用户研究方面拿数据说话仍任重道远。

有人会说，设计师的工作就是简简单单地设计而已，事实上，你的设计需要支撑的依据，这些东西会影响你的布局，配色，以及用户交互。那些跟着感觉走的设计师，只有 25% 是对的。Neilsen Norman Group 2009 年做了一项研究，结论是，跟这些人讨建议还不如掷硬币。这当然不能一概而论，但说明了数据的重要。
机遇与趋势
以下是对6位受访者在国内 Web 设计的机遇与走向方面的采访。

问题: 在你看来，国内 Web 设计的趋势是什么？

郭宇: 电子商务。你知道淘宝吗，我的女同事在那里购买调味品，榨菜和零食等等我从来没在淘宝听说过的东西。她们喜欢。这就是中国的市场，有需求，我觉得每家公司都该好好利用。

白鸦: 我觉得国内的 Web 设计将越来越向用户生成内容的方向发展。比如在国内大获成功的豆瓣网，这个在线图书与电影社区，和 YouTube 一样，绝大多数内容由用户创建，顺便说一下，豆瓣比 YouTube 成立得早。

未来几年，电子商务将在国内百花齐放，电子商务无关意识形态，不会被审%查，而且人们需要。

吴隽辰: 为客户创造更多价值，听他们所讲，看他们所做，做他们所做，想他们所想，我相信国内的 Web 设计会越来越好，呈螺旋上升的趋势。

周陟: 将精力放在用户和服务，就不会出现那些华而不实的东西，功能，行业标准，满足客户需要是未来的趋势，要跳出圈子之外思考。

John Woo: 好用，实用，易用。将站点搞得眼花缭乱，大红大绿毫无必要。注重用户的本质需求。天语 KTouch 手机最近在国内很受欢迎，我一下买了6个，4个带大屏幕和手写输入的给的父母和岳父母，一个带3倍光学变焦800万像素的相机，一个看上去象女士的粉盒。天语是个山寨厂家，但他们在国内有很好的市场份额，为什么，因为注重客户基本需要。网站也一样。

Rex Song: 我们会发展出中国文化下的自己的 Web 设计风格。指标方面，我们会和世界主流同步，创建出更加以用户为中心的设计，并推出更好的用户体验。
总结
国内的 Web 还年轻，中国的设计师正迎头赶上，尽管有挑战，但我们看到的是更多的机遇，聪明的人，庞大的市场，不断增加的需求，以及灵活，创新，以用户为中心的思维。而在当前的国内网站中，我们已经看到了一种螺旋上升的，从模仿到创新的趋势。