你們覺(jué)得哪些產(chǎn)品特別“丑”呢？

Winnie是一位長(zhǎng)期生活在紐約的工業(yè)設(shè)計(jì)師，由于家人買了拼多多的股票，她出于好奇，下載了“拼多多”。但是一打開操作頁(yè)面，那種密密麻麻的信息排列式布局，立刻讓她望而卻步——一個(gè)上市公司的App為什么 UI 會(huì)設(shè)計(jì)得這么“丑”？

如果你仔細(xì)回想一下，“拼多多”所代表的這種復(fù)雜、高度集合信息的設(shè)計(jì)風(fēng)格，在中國(guó)互聯(lián)網(wǎng)江湖中并非個(gè)例。

淘寶、京東、今日頭條等等，各大主流 App 的首頁(yè)設(shè)計(jì)均是如此——琳瑯滿目的信息恨不得填滿你的世界，色彩斑斕的圖片、GIF 搔首弄姿般地時(shí)刻提醒著你：點(diǎn)我！點(diǎn)我！

（從左到右依次是：淘寶、京東、蘇寧易購(gòu)、1號(hào)店）

電商類 App 的首頁(yè)UI界面，是不是長(zhǎng)得都差不多？

相較于國(guó)內(nèi)互聯(lián)網(wǎng)公司復(fù)雜的“大而全”式設(shè)計(jì)，國(guó)外的 UI 設(shè)計(jì)大多走“簡(jiǎn)約”路線：非常注重留白，收藏起功能選擇欄，集中突出某一項(xiàng)功能。

在同行的映襯下，難怪 Winnie 會(huì)覺(jué)得中國(guó)的 App“丑” 了。難道是中國(guó)互聯(lián)網(wǎng)人的審美出了什么問(wèn)題嗎？

01 漢字原罪

關(guān)于審美的討論，其實(shí)是一個(gè)公說(shuō)公有理、婆說(shuō)婆有理的話題。在互聯(lián)網(wǎng)設(shè)計(jì)當(dāng)中，美、丑都是相對(duì)的概念。在 Winnie 眼中，“丑”就是密集式的復(fù)雜設(shè)計(jì)，以中國(guó)為代表；“美”則是留白式的簡(jiǎn)約設(shè)計(jì)，以美國(guó)等西方為代表。

自從喬布斯開始，在以科技創(chuàng)新為象征的互聯(lián)網(wǎng)行業(yè)中，美國(guó)等西方國(guó)家一直都“代表著先進(jìn)文化的前進(jìn)方向”，如今順理成章地，它們所采用的簡(jiǎn)約設(shè)計(jì)風(fēng)格，是目前國(guó)際上 UI 設(shè)計(jì)界的主流聲音。但中國(guó)的互聯(lián)網(wǎng)公司這次卻偏偏不跟風(fēng)了，紛紛祭出各種五花八門的復(fù)雜設(shè)計(jì)作品，讓人眼花繚亂、應(yīng)接不暇。

中國(guó)這種高密度的信息設(shè)計(jì)，往往都伴隨著幾大特點(diǎn)：鏈接多、圖片多、色彩斑斕。而這與漢字的結(jié)構(gòu)息息相關(guān)。

中文中最復(fù)雜的漢字 biang?共有57畫，“biang biang面”為陜西關(guān)中地區(qū)的一種民間美食

與英文這種表音的拉丁文字不同，漢字作為表意的象形文字，是世界上最復(fù)雜的語(yǔ)言之一。英文有26個(gè)字母，相互排列組合就可以構(gòu)成有意義的詞；但是漢字卻有八萬(wàn)多個(gè)單字，不論是單獨(dú)、排列還是組合都可能生成不同的詞，結(jié)構(gòu)著實(shí)復(fù)雜。

并且漢字沒(méi)有大小寫、沒(méi)有空格、筆畫眾多、花頭較少。在自身復(fù)雜的前提下，簡(jiǎn)體漢字也缺乏很多設(shè)計(jì)上的可塑性。這就決定了在界面設(shè)計(jì)上，簡(jiǎn)體漢字比英文更加繁瑣。所以，當(dāng)你的App上大量出現(xiàn)中文的時(shí)候，即使其他元素保持不變，你也會(huì)覺(jué)得設(shè)計(jì)變得更復(fù)雜了，像是變“丑”了，降低了原先設(shè)計(jì)的“逼格”。

把包上的英文轉(zhuǎn)換成漢字，立刻滿滿的違和感（圖片來(lái)源微博）

在互聯(lián)網(wǎng)的世界中，簡(jiǎn)體漢字不僅在外觀上相比英文更加復(fù)雜，其在功能上受到的制約，也加劇了這種復(fù)雜的呈現(xiàn)方式。

互聯(lián)網(wǎng)是誕生于英語(yǔ)世界的產(chǎn)物，這是一個(gè)從最底層的框架開始，就以字母為基礎(chǔ)構(gòu)建的網(wǎng)絡(luò)平臺(tái)。不論是 Windows還是 Linux，再到移動(dòng)時(shí)代的 Android 和 iOS，所有的操作程序都是用英文寫就的，這就導(dǎo)致在中文搜索出現(xiàn)前，如果用方塊字搜索網(wǎng)頁(yè)，你幾乎什么也搜不到的。

中文搜索出現(xiàn)后，域名的字母問(wèn)題依然存在，用戶可以看得懂漢語(yǔ)，但是他們無(wú)法記住用英文字母拼就的域名。所以與其讓用戶去記住網(wǎng)頁(yè)地址的一連串字母，不如直接提供鏈接——這就體現(xiàn)了非英語(yǔ)世界中“門戶網(wǎng)站”的重要性。大量排列鏈接的意義本質(zhì)上正是為了解決用戶“看不懂英語(yǔ)字母”的問(wèn)題，讓他們可以直接點(diǎn)擊鏈接，導(dǎo)航到想去的網(wǎng)站。

2007年的新浪網(wǎng)

而且，這并不是簡(jiǎn)體中文獨(dú)有的情況，日語(yǔ)、韓語(yǔ)、繁體中文等在設(shè)計(jì)上都與簡(jiǎn)體中文有著相似的困境。在迎接以英文為主的互聯(lián)網(wǎng)時(shí)代到來(lái)時(shí)，不可避免地要使用這種多鏈接的方式，設(shè)計(jì)自己的網(wǎng)頁(yè)。

文字多了，為了配合布局讓網(wǎng)頁(yè)看起來(lái)不會(huì)那么枯燥，我們自然而然會(huì)想到添加圖片。于是各種五顏六色的圖片、色彩斑斕的GIF也就應(yīng)運(yùn)而生，配合設(shè)計(jì)師調(diào)配頁(yè)面上復(fù)雜的設(shè)計(jì)風(fēng)格。

02 相比西方人，中國(guó)人更擅長(zhǎng)觀察復(fù)雜環(huán)境

在國(guó)外腦科學(xué)領(lǐng)域有一個(gè)研究分支為“文化神經(jīng)科學(xué)”（Cultural neuroscience），主要研究不同文化背景會(huì)對(duì)人的大腦神經(jīng)產(chǎn)生怎樣的影響。

2005年，密歇根大學(xué)心理學(xué)系的三位教授Hannah Faye Chua, Julie E. Boland 和 Richard E. Nisbett 做了一個(gè)有趣的實(shí)驗(yàn)。他們把一些圖片，分別拿給美國(guó)人和中國(guó)人觀看，然后記錄受試者的眼動(dòng)情況和記憶能力。結(jié)果表明，美國(guó)人更容易注意到圖片中的單個(gè)物體；而中國(guó)人則能夠?qū)ξ矬w、環(huán)境、背景等多種元素有一個(gè)均衡的感知。

實(shí)驗(yàn)中所用到的讓受試者觀察的圖片示例和論文截圖

換句話說(shuō)，中國(guó)人和美國(guó)人對(duì)信息有不同的感知方式，我們更擅長(zhǎng)觀測(cè)充滿復(fù)雜信息的環(huán)境。Chua 他們認(rèn)為，這與中美的文化差異相關(guān)：美國(guó)更崇尚個(gè)人主義，而中國(guó)則更崇尚集體主義。

后來(lái)，這一學(xué)科的其他相關(guān)研究均不斷印證了 Chua 他們的發(fā)現(xiàn)。專欄作家 Sharon Begley 在 “文化如何塑造大腦” 一文中寫道：當(dāng)觀察復(fù)雜的場(chǎng)景時(shí)，亞裔和非亞裔分別激活了不同的大腦區(qū)域。亞裔大腦中的圖形處理區(qū)域會(huì)活躍起來(lái)，這使他們更能關(guān)注到整體；而非亞裔的大腦活動(dòng)則主要集中在個(gè)體物體識(shí)別區(qū)域。

也就是說(shuō)，咱們中國(guó)人，天生就有能夠處理復(fù)雜信息的能力，所以在面對(duì)“拼多多”們這種繁瑣的 UI 設(shè)計(jì)時(shí)，根本就沒(méi)太當(dāng)回事兒。在我們?nèi)粘Ｉ畹奈幕臻g中，中國(guó)用戶已經(jīng)逐漸習(xí)慣了各種復(fù)雜的元素構(gòu)成，并不會(huì)認(rèn)為它特別得“丑”或者“美”。復(fù)雜，只是一種習(xí)慣性的設(shè)計(jì)表達(dá)。

美國(guó)曼哈頓唐人街的街市布局與曼哈頓其他地區(qū)的布局截然不同，充滿了中國(guó)“復(fù)雜”的特色（圖片來(lái)源：維基百科）

傳統(tǒng)中國(guó)人愛(ài)熱鬧，喜歡“人多”的氛圍，比如好餐廳就一定要是人聲鼎沸的，一定要是排隊(duì)的；喜歡紅色，因?yàn)榇硐矐c。逢年過(guò)節(jié)更是要走街串巷，鑼鼓喧天、鞭炮齊鳴，這代表了好兆頭，是中國(guó)文化的一部分。

在這種文化環(huán)境下，我們誕生出來(lái)的設(shè)計(jì)作品也極具特色。諸如窗花、貼圖等充滿民族文化的設(shè)計(jì)作品，往往都透露著一種“復(fù)雜”的特點(diǎn)。一個(gè)作品中通常都有不止一個(gè)人物，細(xì)節(jié)雕琢得到位，各種元素齊全，整體上來(lái)看，體現(xiàn)出的就是一種信息密集式的復(fù)雜藝術(shù)特征。

（蘇州桃花塢產(chǎn)出的桃花塢年畫，色彩艷麗）

如果把它和“拼多多”們的主頁(yè)聯(lián)想在一起，是不是有一種異曲同工之妙？

你很難說(shuō)這是丑還是美，它是一種客觀存在的文化現(xiàn)象，沒(méi)有隨著科技和互聯(lián)網(wǎng)的發(fā)展而消失，而是以另一種方式保存了下來(lái)。在使用這些互聯(lián)網(wǎng)產(chǎn)品時(shí)，中國(guó)最廣大的用戶們并沒(méi)有表現(xiàn)出太多對(duì)美丑的評(píng)價(jià)，因?yàn)槲覀冊(cè)诖竽X中已經(jīng)自然地接受了這種“復(fù)雜”的設(shè)計(jì)風(fēng)格。

03 產(chǎn)品設(shè)計(jì)

日本設(shè)計(jì)師原研哉（無(wú)印良品最早的設(shè)計(jì)總監(jiān)），曾在自己的書中（《設(shè)計(jì)中的設(shè)計(jì)》）說(shuō)到：設(shè)計(jì)的首要任務(wù)永遠(yuǎn)都是實(shí)用性，要在實(shí)用性的基礎(chǔ)上給用戶以美的體驗(yàn)。原研哉是日本極簡(jiǎn)主義設(shè)計(jì)理念的代表，極簡(jiǎn)如他，依然強(qiáng)調(diào)的是設(shè)計(jì)在功能端的作用。

對(duì)于互聯(lián)網(wǎng)界面的 UI 設(shè)計(jì)來(lái)說(shuō)，撇開文化表層的原因，它從本質(zhì)來(lái)看就是一種商業(yè)行為，那么“滿足用戶需求”，就是產(chǎn)品經(jīng)理在任何時(shí)候都會(huì)最優(yōu)先考慮的事。對(duì)于中國(guó)的這些互聯(lián)網(wǎng)公司來(lái)說(shuō)，采用復(fù)雜設(shè)計(jì)的最直接原因，可能只是因?yàn)檫@么做能賺錢而已。

Porter Erisman 在自己的暢銷書《六十億購(gòu)物者（Six Billion Shopper）》中，記錄了李開復(fù)還在谷歌時(shí)的一次內(nèi)部講話，那時(shí)谷歌還沒(méi)有離開中國(guó)。李開復(fù)在講話中提到，在全球各地谷歌實(shí)驗(yàn)室進(jìn)行的“眼動(dòng)測(cè)試”中（眼動(dòng)測(cè)試，記錄受試者在瀏覽網(wǎng)站時(shí)眼睛轉(zhuǎn)動(dòng)的情況，以此來(lái)判斷他們注意力的變化），他們發(fā)現(xiàn)了一個(gè)有意思的現(xiàn)象：美國(guó)的谷歌用戶，在使用谷歌時(shí)，目光會(huì)直接鎖定在搜索框；而中國(guó)的谷歌用戶則可能會(huì)把整個(gè)網(wǎng)站都瀏覽一遍，就像是在尋找一些可能潛藏的“小驚喜”。

《六十億購(gòu)物者》這本書描寫了全球電子商務(wù)市場(chǎng)中的企業(yè)故事。

李開復(fù)的結(jié)論與Chua教授等的研究結(jié)果如出一轍。顯然，在中國(guó)的社會(huì)環(huán)境下，高信息密度的復(fù)雜式設(shè)計(jì)更符合用戶的行為習(xí)慣，也能吸引更多的用戶流量。

以淘寶和亞馬遜為例。對(duì)于美國(guó)用戶來(lái)說(shuō)，他們平常的購(gòu)物場(chǎng)景發(fā)達(dá)，用戶登陸亞馬遜往往會(huì)直接通過(guò)搜索框找自己需要的商品。而且這些用戶通常在登陸前，就對(duì)自己所要購(gòu)買的商品有了充分了解。

亞馬遜在不同地區(qū)的首頁(yè)設(shè)計(jì)差異，它的中國(guó)版已經(jīng)為中國(guó)人的使用習(xí)慣進(jìn)行了明顯的個(gè)性化設(shè)計(jì)

但是中國(guó)用戶在淘寶上，往往會(huì)有一個(gè)“逛”的行為。他們打開淘寶后就像逛商場(chǎng)一樣，四處翻看，打開各種鏈接和優(yōu)惠活動(dòng)頁(yè)、觀看特賣直播，然后把不同店家的相同商品放進(jìn)購(gòu)物車，最后貨比三家再購(gòu)買。

顯然，如果一個(gè)中國(guó)用戶用亞馬遜買東西，他不會(huì)覺(jué)得亞馬遜簡(jiǎn)約、好看，反而會(huì)認(rèn)為它的用戶體驗(yàn)弱爆了，想要的信息統(tǒng)統(tǒng)都沒(méi)有。

除此之外，中國(guó)龐大的人口基數(shù)，也是孕育復(fù)雜式互聯(lián)網(wǎng)設(shè)計(jì)的一個(gè)重要原因。龐大的人口基數(shù)下代表了中國(guó)大多數(shù)互聯(lián)網(wǎng)用戶的基本樣貌：受教育程度普遍不高、需求多樣（且每一個(gè)細(xì)分需求都有足夠大的市場(chǎng)）、消費(fèi)能力偏低。

雖然現(xiàn)在大家口中常說(shuō)：到處都是985/211，碩士博士滿地跑。但實(shí)際情況是，中國(guó)從恢復(fù)高考以來(lái)，四十年累計(jì)的本科學(xué)歷者只占全國(guó)人口的不到 4%。受教育程度較低意味著對(duì)審美的敏感度也較低，他們更追求基本層次的體驗(yàn)和享受。

對(duì)于這樣的網(wǎng)民群體，與其采用簡(jiǎn)約設(shè)計(jì)讓他們獨(dú)立搜索，不如把所有選項(xiàng)都放在他們面前，讓他們自由挑選。越懶人模式的設(shè)計(jì)，也就越能夠留住用戶。

留住用戶就是留住了衣食父母，產(chǎn)品經(jīng)理們一定都懂這個(gè)道理——于是他們把所有能想到的需求，都放在設(shè)計(jì)界面中。因?yàn)榧词挂粋€(gè)不起眼的需求，在龐大的用戶基數(shù)面前，都可能有海量的市場(chǎng)，誰(shuí)都不愿放棄可能存在的商機(jī)。

最后，消費(fèi)能力偏低，這就意味著中國(guó)用戶對(duì)價(jià)格更加敏感。2017年，中國(guó)全國(guó)居民人均可支配收入約為2.6萬(wàn)元（約4000美元），而美國(guó)人均可支配收入則是60,000美元，是中國(guó)人的大約15倍。

同樣在手機(jī)App上搜索小米手環(huán)，在亞馬遜和淘寶出現(xiàn)的截然不同的UI界面。

琳瑯滿目的填充式設(shè)計(jì)，充分滿足了消費(fèi)者們的“廉價(jià)”心理：復(fù)雜的設(shè)計(jì)下，在線商品就像現(xiàn)實(shí)中的大賣場(chǎng)，復(fù)雜往往代表著“便宜”。

“廉價(jià)”的設(shè)計(jì)不會(huì)給用戶帶來(lái)心理負(fù)擔(dān)。我們?cè)谌粘Ｉ钪?，看到一家店裝潢精美設(shè)計(jì)優(yōu)雅，會(huì)潛意識(shí)認(rèn)為這家店的東西肯定很貴，從而在進(jìn)店之前就產(chǎn)生消費(fèi)心理障礙。

而價(jià)格敏感的用戶常常也會(huì)有一些“占小便宜心理”。他們往往覺(jué)得相同價(jià)錢買得東西越多，就越劃算。這也就是為什么淘寶店主們總會(huì)在賣東西時(shí)，送很多小禮品。比如買衣服送襪子，買籃球送氣針、氣筒籃球袋等等。所以，中國(guó)的電商們?cè)谥谱餍麄鲌D片時(shí)，也會(huì)極力在一張圖里堆滿各種優(yōu)惠信息，充分滿足人們“多就是好”的潛在閱讀期待。

所以，中國(guó)互聯(lián)網(wǎng)這種“復(fù)雜式”的設(shè)計(jì)風(fēng)格泛濫，并不是我們失去了審美，而是在文化、經(jīng)濟(jì)、消費(fèi)者心理等多重作用下的考量。相比國(guó)外的簡(jiǎn)約式風(fēng)格設(shè)計(jì)，復(fù)雜的設(shè)計(jì)可能不好看，但是對(duì)于產(chǎn)品經(jīng)理們來(lái)說(shuō)，好看，并不是他們?cè)O(shè)計(jì)產(chǎn)品的最關(guān)鍵因素。

再多說(shuō)句題外話，這種復(fù)雜的設(shè)計(jì)風(fēng)格，如果讓國(guó)外公司模仿，還真不一定能做成。

去年天貓雙十一的時(shí)候，杭州的森馬電商部門聘請(qǐng)了幾十位設(shè)計(jì)師，來(lái)實(shí)時(shí)設(shè)計(jì)各種商品的展示圖片，以滿足淘寶這種復(fù)雜設(shè)計(jì) UI 下的內(nèi)容宣傳和調(diào)換。這只是森馬一個(gè)品牌而已，那天參與雙十一的品牌可能有成百上千個(gè)。為了要配合淘寶這種信息密集式的頁(yè)面設(shè)計(jì)，商家需要花費(fèi)一筆巨大的人力成本。這樣的工作，也只有還在吃著人口紅利尾巴的中國(guó)市場(chǎng)上，才有機(jī)會(huì)做到了。

其實(shí)，中國(guó)的藝術(shù)史源遠(yuǎn)流長(zhǎng)，簡(jiǎn)約之美的設(shè)計(jì)理念并不是什么舶來(lái)品，我們其實(shí)擅長(zhǎng)得很。上文中舉的復(fù)雜的藝術(shù)設(shè)計(jì)作品，多來(lái)自民間。那么簡(jiǎn)約的藝術(shù)設(shè)計(jì)作品，過(guò)去都是誰(shuí)在把玩欣賞呢？

嗯，文人騷客，巨賈富商，皇親國(guó)戚。

如今，中國(guó)一些小眾的App和網(wǎng)站，也會(huì)選擇簡(jiǎn)約式的設(shè)計(jì)風(fēng)格。但代表中國(guó)最廣大人民普遍需求的，依然是那些用著復(fù)雜式設(shè)計(jì)的互聯(lián)網(wǎng)公司們。

作者：項(xiàng)一誠(chéng)

來(lái)源：微信公眾號(hào)“深響”（ID：deep-echo）

本文由 @深響 授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載。

題圖來(lái)自 Pexels，基于 CC0 協(xié)議