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

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

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

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

（從左到右依次是：淘寶、京東、蘇寧易購、1號店）

電商類 App 的首頁UI界面，是不是長得都差不多？

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

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

01 漢字原罪

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

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

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

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

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

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

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

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

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

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

2007年的新浪網(wǎng)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

嗯，文人騷客，巨賈富商，皇親國戚。

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

作者：項(xiàng)一誠

來源：微信公眾號“深響”（ID：deep-echo）

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

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