為什么國內(nèi)的UI設(shè)計比國外復(fù)雜?高手總結(jié)了3個深層原因

在接觸和學(xué)習(xí) UI 設(shè)計的時候,我們都必須面對國內(nèi)外 UI 設(shè)計風(fēng)格差異巨大的問題。比如最近 618,相信大家沒少被國產(chǎn)應(yīng)用的廣告“親切的”問候。

為什么國內(nèi)的UI設(shè)計比國外復(fù)雜?高手總結(jié)了3個深層原因

一方面是尋找設(shè)計靈感時要做區(qū)分,另一方面則是我們學(xué)習(xí) UI 時看的書籍,學(xué)習(xí)的理論、規(guī)范,都是由西方國家產(chǎn)出的,而國內(nèi)設(shè)計的方向卻和它們背道而馳,用一個詞來形容現(xiàn)狀,那就是 —— 割裂。

所以在初學(xué)階段,理論學(xué)的越多,受到的沖擊也就越大,疑問也就越多。所以我們今天的目標(biāo),就是來幫大家解答這個疑問。

更多設(shè)計差異相關(guān)干貨:

一、設(shè)計差異的根源分析

當(dāng)我們研究國內(nèi)外 UI 設(shè)計的差異時,樣式上的差異只是表象,它們是由更深層次的因素所激發(fā),所以我們首先要深究這些問題的根源。

根據(jù)過去十幾年的 UI 研究經(jīng)驗,我總結(jié)的設(shè)計差異包含下面這些因素:

  1. 盈利模式的差異
  2. 人工成本的差異
  3. 用戶習(xí)慣的差異

1. 盈利模式的差異

國外產(chǎn)品相對國內(nèi)的盈利模式相對簡單、健康,排除掉大型平臺和其它服務(wù)配套應(yīng)用外(比如會員、硬件的配套),基本就是買斷、訂閱、廣告這三個途徑。

比如我們熟悉的 Figma、Canva、Notion 等,都是訂閱制服務(wù),在產(chǎn)品具備足夠競爭力的條件下發(fā)展出海量的付費用戶,獲得巨大的收益和估值(團隊只有一兩百人時估值過百億刀)。既然做好產(chǎn)品就能盈利,那這些產(chǎn)品的目標(biāo)自然是打造更好的產(chǎn)品和提供更好的服務(wù)或體驗來獲得收益。

為什么國內(nèi)的UI設(shè)計比國外復(fù)雜?高手總結(jié)了3個深層原因

而國內(nèi)市場我們都知道,用戶付費的意愿是非常非常低的,這就導(dǎo)致很多產(chǎn)品即使做的還不錯也看不到盈利希望,尤其是大廠產(chǎn)品,比如迅雷,百度網(wǎng)盤,網(wǎng)易云等等。

為什么國內(nèi)的UI設(shè)計比國外復(fù)雜?高手總結(jié)了3個深層原因

靠基礎(chǔ)付費模式做不出讓人滿意的營收,產(chǎn)品團隊自然要使出渾身解數(shù)來找到盈利點,不管是增加一些奇怪的功能,還是制造各種營銷活動。而這些嘗試想要獲得持續(xù)的盈利是非常困難的,所以就得一直想,一直嘗試,一直投放。

雖然吃相往往看上去很難看,但不這么做就會“暴斃”,而這么做至少還可以“茍延殘喘”,為了生存和盈利,產(chǎn)品團隊做出什么離奇的操作都能做出來。

這里還要澄清一點,有很多優(yōu)秀的工具產(chǎn)品不是國內(nèi)做不出來,是做出來也很難盈利,所以有能力的團隊和開發(fā)者是不會輕易往火坑里跳的。

2. 人工成本的差異

第二點就是國內(nèi)外人工成本上的巨大差異,發(fā)達國家的人工成本非常高昂,不只局限在產(chǎn)品開發(fā)團隊的成本,還包括底層運營、客服、銷售、業(yè)務(wù)員、快遞員等等。

而產(chǎn)品的衍生業(yè)務(wù)往往要借助大量的底層勞力,比如京東做外賣服務(wù),得有充沛的、廉價的騎手作為依托才辦得起來,而這在發(fā)達西方國家是難以想象的。比如最近經(jīng)常討論的為什么日本線下購物市場還很繁榮,線上發(fā)展不起來。主要原因之一就是快遞員的成本差了好幾倍,做不出即廉價又便捷的網(wǎng)購體驗。

為什么國內(nèi)的UI設(shè)計比國外復(fù)雜?高手總結(jié)了3個深層原因

加上西方國家對雇傭關(guān)系的保護,招人容易,裁員可就沒有那么簡單,所以多數(shù)產(chǎn)品團隊對擴張都持非常謹(jǐn)慎的態(tài)度。人數(shù)少,又不能輕易搞 996,就大大限制了產(chǎn)品作妖的范圍,這就直接導(dǎo)致他們沒有人力做一大堆次要功能的迭代以及運營活動,設(shè)計需求自然也會低很多。

3. 用戶習(xí)慣的差異

最后一點,就是用戶習(xí)慣的差異。除了前面說的付費意愿低以外,還有很多其它因素。其中在我看來影響最大的因素,就是國內(nèi)用戶對互聯(lián)網(wǎng)的依賴是遠高于國外用戶的。

國內(nèi)的移動互聯(lián)網(wǎng)行業(yè)爆發(fā)并不僅僅是局限在互聯(lián)網(wǎng)行業(yè)里,而是把觸手拓展到各行各業(yè),用贏學(xué)的角度來講甚至它還大幅度完善了政府基建和民生服務(wù)。我們今天繳納水電費,辦理銀行卡通過線上就能完成,而很多發(fā)達國家甚至到今天還要你去營業(yè)廳手寫填表。

并且互聯(lián)網(wǎng)產(chǎn)品已經(jīng)成為我們購物、娛樂的重要載體,大量的決策、交易、娛樂是在上面進行的。既然用戶習(xí)慣和粘性都成型了,離不開這些產(chǎn)品了,那么“適當(dāng)損害”一下用戶體驗也不是不可以。尤其是大廠各類離奇的功能和運營活動可以輪番轟炸用戶,同時把用戶對這類負(fù)面操作的耐受度都拉高了。

為什么國內(nèi)的UI設(shè)計比國外復(fù)雜?高手總結(jié)了3個深層原因

既然用戶都適應(yīng)了,那么為什么還要“裝清高”,做個簡約的、有原則的、有尊嚴(yán)的產(chǎn)品?當(dāng)然是加入到運營的狂歡里和其它產(chǎn)品一起壓榨用戶的注意力,像孔雀開屏一樣,在最雞肋的器官上比劃……

以上三點,就是造成國內(nèi)外設(shè)計差異的根本因素。最早國內(nèi)產(chǎn)品的設(shè)計是和國外看齊的,但隨著市場的反饋和驗證,我們最終走出了自己的道路。這是商業(yè)的選擇,而不是簡單歸因給審美、民族、文化、消費力的限制。

不管創(chuàng)業(yè)者抱著什么樣的想法,進入這個牌桌以后,最終都會被市場調(diào)教成相同的模樣。

作為 UI 設(shè)計師來說,也不要認(rèn)為這是錯誤的發(fā)展方向,因為這種模式大大增加了 UI 設(shè)計的需求量,間接提供了更多的飯碗。如果產(chǎn)品都按歐美的模式發(fā)展和設(shè)計,那對于國內(nèi) UI 設(shè)計行業(yè)來說真正的天塌了,設(shè)計崗位會銳減 8 成以上,而這是 AI 設(shè)計根本實現(xiàn)不了的破壞力。

二、國內(nèi)外 UI 的具體差異

有了內(nèi)因,下面再對國內(nèi)外 UI 設(shè)計的具體差異做對應(yīng)的拆解,幫助大家更好理解國內(nèi)市場的設(shè)計特征。

1. 中英文字形排版差異

第一個差異,就是中英文的字體形態(tài)差異。中文文字是方塊化等寬的,而英文字母則是大小長短不一,詞組長度更長,節(jié)奏感更強。所以英文設(shè)計中,往往會將字體作為一部分融入到排版中,豐富視覺觀感。

為什么國內(nèi)的UI設(shè)計比國外復(fù)雜?高手總結(jié)了3個深層原因

為什么國內(nèi)的UI設(shè)計比國外復(fù)雜?高手總結(jié)了3個深層原因

而中文設(shè)計中文字的節(jié)奏感較弱,文本的主要作用基本就是傳遞信息,所以只用中文排版很難出現(xiàn)英文的相同效果,就會促使設(shè)計師添加更多的內(nèi)容,來豐富界面的效果。

為什么國內(nèi)的UI設(shè)計比國外復(fù)雜?高手總結(jié)了3個深層原因

2. 運營需求的平面視覺

第二個差異,就是運營設(shè)計上的差異。歐美產(chǎn)品中運營活動不是沒有,但是數(shù)量少,而且往往在設(shè)計上也做的很隨意,說好聽點叫簡約,說難聽點就是敷衍。

為什么國內(nèi)的UI設(shè)計比國外復(fù)雜?高手總結(jié)了3個深層原因

而國內(nèi)運營活動數(shù)量多,且投入精力更大,運營的設(shè)計是沒有限制的,可以用上廣告平面的所有視覺手段,不管是插畫還是 3D、AI、擬物、攝影。大團隊往往會配置平面設(shè)計師完成這部分工作,小公司就要 UI 設(shè)計師自己負(fù)責(zé),所以沒有固定的設(shè)計要求,水平之間差距也巨大。

為什么國內(nèi)的UI設(shè)計比國外復(fù)雜?高手總結(jié)了3個深層原因

運營設(shè)計的差異,源自國內(nèi)廣告設(shè)計方向的特色,從早年追求隱喻、創(chuàng)意的合成設(shè)計,到現(xiàn)在追求視覺沖擊力的大標(biāo)題、大色塊設(shè)計。

而國內(nèi)運營設(shè)計在今天絕不只出現(xiàn)在一般廣告位中,會見縫插針到所有元素中,比如頁面頂部、二樓、膠囊、圖標(biāo)區(qū)、瓷片區(qū)、底部導(dǎo)航等等。

為什么國內(nèi)的UI設(shè)計比國外復(fù)雜?高手總結(jié)了3個深層原因

3. 字段和信息數(shù)量差異

國內(nèi)有大量產(chǎn)品的功能和服務(wù)都更完善,這也就催生了更多的信息量和交互需求,單一頁面、組件的信息量、交互、狀態(tài)就遠遠比國外產(chǎn)品多。

為什么國內(nèi)的UI設(shè)計比國外復(fù)雜?高手總結(jié)了3個深層原因

這就導(dǎo)致我們在設(shè)計時要考慮這些復(fù)雜的情況,需要設(shè)計師做具體的業(yè)務(wù)分析整理字段,還需要做大量的稿件做測試和評審。

不像國外很多簡單的產(chǎn)品內(nèi)容就那么點,可以花大量精力去搞用研或者測試,在這種情況下光是完成產(chǎn)品需求就很困難,更遑論圍繞那么海量的內(nèi)容做用研也是很麻煩的。

所以國內(nèi)團隊雖然會強調(diào)體驗,但實際設(shè)計過程中必然業(yè)務(wù)優(yōu)先,體驗更多是圍繞業(yè)務(wù)的優(yōu)化和改進。所以作品集表現(xiàn)上業(yè)務(wù)的權(quán)重是非常高的,絕對不是學(xué)習(xí)國外的項目包裝邏輯堆砌體驗和用研內(nèi)容。

4. 品牌視覺特征的差異

在國內(nèi)激烈的競爭環(huán)境中,建立品牌化的視覺感知就是每個產(chǎn)品都要認(rèn)真對待的事情。但本身產(chǎn)品內(nèi)容、信息量就已經(jīng)很大了,要實現(xiàn)品牌化的視覺輸出就沒辦法走傳統(tǒng)品牌的“意識流”路線,使用簡單的配色和大量的留白。

為什么國內(nèi)的UI設(shè)計比國外復(fù)雜?高手總結(jié)了3個深層原因

同時,UI 的組件樣式又高度統(tǒng)一,使用常規(guī)樣式完成的設(shè)計是很難塑造品牌化視覺的。所以最終的解決方案,就是給組件增加更多樣式細(xì)節(jié),通過局部的創(chuàng)意來塑造視覺上的差異,同時再和其它應(yīng)用做出區(qū)分。

為什么國內(nèi)的UI設(shè)計比國外復(fù)雜?高手總結(jié)了3個深層原因

于是,主流產(chǎn)品就陷入這種樣式上的競賽,非常高頻的更新組件和視覺的設(shè)計,希望做出和別人不同的設(shè)計同時又有自己的特點。

這種現(xiàn)狀不能說是消極的,因為它確實推動了整個 UI 行業(yè)視覺的發(fā)展,但對 UI 設(shè)計師的視覺素養(yǎng)要求也就更高。所以今天國內(nèi)的中高級 UI 設(shè)計師,轉(zhuǎn)入國外 UI 市場以后都能實現(xiàn)降維打擊,就是因為市場的要求對自身的磨練遠比外部市場高。

基于以上的差異,可以說在國內(nèi)做 UI 和和在國外做 UI 是兩種難度,要學(xué)習(xí)和訓(xùn)練的方式也完全不同。作為 UI 設(shè)計師要懂得理解背后的成因,并不會無腦迷信國外的設(shè)計要求和標(biāo)準(zhǔn),才可以幫助我們更好融入真實的工作。

結(jié)尾

結(jié)尾再說點有趣的問題,從我們之前學(xué)員到國外工作的反饋來看,雖然國內(nèi)設(shè)計容易被嫌棄,但是從設(shè)計質(zhì)量和輸出上已經(jīng)遠超歐美的平均水平。

而他們的設(shè)計師多數(shù)還在劃水搞一些無關(guān)痛癢的體驗和用研時,我們在解決更復(fù)雜的商業(yè)問題,如果有機會,建議你們也可以去卷國外的 UI,會有你們想象不到的優(yōu)勢。

歡迎關(guān)注作者的微信公眾號:「超人的電話亭」

為什么國內(nèi)的UI設(shè)計比國外復(fù)雜?高手總結(jié)了3個深層原因

收藏 59
點贊 63

復(fù)制本文鏈接 文章為作者獨立觀點不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。