為什么歐美國家的產品界面更簡潔,你們可能想多了

39 評論 45509 瀏覽 184 收藏 13 分鐘

歐美國家的互聯網產品的界面普遍更簡潔這一點在手機APP上尤其明顯。而亞洲國家,以中國和日本為代表,產品的界面都更加擁擠??梢詫е逻@種情況的原因是什么呢?

關于這種現象的解釋,我曾經看到過不少的理論,總結起來大致是這么兩類:

  1. ?文化差異或生活環境。此理論認為,歐美發達國家,人們的生活壓力較小,人們的生活方式崇尚簡潔。而東亞國家大多數地區人口密度大,生活環境擁擠和復雜,所以人們更加能接受復雜的界面。
  2. ?人種差異。有神經學方面的研究發現東亞人種大腦相應區域與西方人不同,使得東亞人更能接受更復雜的界面信息。

以上兩種理論都有一定的依據,且看起來很合理。但是作為一個互聯網產品設計人員,我認為這些說法對于我們做設計并沒什么啟發,并且這些說法都很牽強。比如說:“生活環境對人的喜好有影響”,這個說法仿佛毫無疑問地是正確的,但是真的能直接套用來做設計嗎?

生活環境更擁擠,你就更喜歡擁擠的界面嗎?

很顯然是站不住腳的,而關于人種差異的理論也有問題。人類的神經系統是高度可塑性的,有可能并不是神經系統的差異導致人們喜歡不同的產品,而是不同的習慣導致了不同的神經系統結構。

奧卡姆剃刀法則,如果某個事物無法被證實,也無法被證偽,那么我們就不應該假設他存在。

如果有一個更合理,更直接的原因來解釋東亞和西方產品設計方面的差異,那么設計者根本就不需要理會所謂的環境差異和人種差異。

而這個更合理,更直接的原因,只要你真正做過英文產品,你就很容易體會到。但是我在網上卻很少看到有人分析這個原因,而是各種紙上談兵的理論層出不窮。可能國內極少有人真正做過給外國人用的互聯網產品。

其實導致東亞與歐美互聯網產品差異的原因非常簡單,就是:中英文語言文字的差異導致了界面的不同,語言文字不僅導致視覺風格的不同,對交互設計也產生很大的影響。中文是一種二維語言,詞語長度容易控制,而英文是一種一維語言,詞語和短語的長度是很難控制的。

第一個例子

下圖為京東和淘寶篩選商品的界面,這種篩選的交互模式最早在京東上見到,目前基本上已經成為了國內各種電商、O2O等APP篩選的模板。這種方式有著很多的優點,能夠做到非常方便快捷的篩選。

那么我們來看看英文APP是怎么做的:

圖為ebay的篩選界面。相比中文APP的篩選,你會發現eBay操作更麻煩,但是界面更加清晰簡潔,(左圖)每個篩選項都要點擊進去篩選,(右圖)而每行只顯示一個篩選項。這種模式,就是我們常說的“一個頁面只做一件事情”。

那么真的是因為eBay這種方式更好嗎?

不一定。英文APP這么做,是因為英語根本沒有辦法像中文界面那樣的排版。

漢語體系下的語言,包括韓語,日語等東亞語言,都可以用簡短幾個字來表達一個事物甚至一類事物。而拉丁語系的語言,如英語的單詞和短語長度是完全不可控的。

中文的APP的篩選,既可以采用京東的交互模式,也可以采用eBay的交互模式,但是很顯然,京東的模式操作更方便,效率更高。但是英文的APP,只能采用類似于eBay這種交互模式。

當然,也有一些APP不服,比如:Alibaba國際版,Alibaba國際版是給英語用戶購買中國產品的APP。

我個人非常不認同這種交互,這是一種典型的以形式決定內容的做法。其原因在于,Alibaba的設計師習慣了國內的APP,套用國內APP的做法,而沒有認識到語言文字導致的差異,也沒有體會到國外用戶的思維方式。

  • Alibaba為了使用中文APP這種塊狀篩選的樣式,強行把很多相關的項拆開。英語用戶的思維習慣于把相關性很高的東西算作一類一起篩選,經常使用國外APP的人應該會比較認同,比如“Automation, Motors & Drives”。但是如果用Alibaba這種方式,就需要把它拆成3個選項。篩選的選項過多,且篩選的范圍更窄。這對于英語用戶來說是非常不方便的。
  • 如圖中所示,因為英文單詞長短不一,無法對齊,排版也顯得很混亂。視覺查找的效率不高,很容易看漏了某個選項。而如果是中文APP,則很容易做到對齊。
  • Alibaba為了使用這種形式,還需要限制一些過長的單詞或者短語,改用替代的單詞,這也使得語言的表達并不是非常符合英語用戶的習慣。

所以國內這種篩選的交互模式,是東亞語言體系所特有的。其他語言體系的APP想要使用這種交互方式,會導致很多問題,得不償失。而做得比較好的英文界面,就會給你“一個頁面只做一件事情”的感覺。

第二個例子

這是Amazon的側邊導航欄。這種側邊導航的方式由Path最早采用,曾經在國內也是紅極一時,但是后來被各種數據驗證為是一種不好的交互方式后,國內APP已經紛紛不在使用這種交互。但是國外APP很多仍然保留這種方式的,原因仍然在于語言文字。

你和國內的交互設計師聊聊,你會發現中文的文字很少成為交互設計的障礙,只要一種交互方式被證明存在問題,很快就會有其他的很多種交互方式來替代它。但是英文APP的交互設計師必須要考慮到文字很長,且長短差異極大的情況。排版和交互方式受限,所以很多情況下,側邊欄的方式仍然是一種更優的選擇。

再比如:下圖中,京東的這種方式,也是英文APP無法采用的。左邊大分類、右邊小分類的分屏布局在英文手機APP上都是很少見的,因為這種樣式對于英文來說無法排版。而上面圖片、下面名稱的這種樣式,在英文APP上也是使用得比較克制。比如說:中文的“干果堅果”,而英文則一行顯示不下“Dried Fruits & nuts”,影響視覺效果。

再看一個例子

仍然是因為語言文字的關系,英文APP的操作按鈕多數都習慣放置到界面內容區域通欄展示。而中文APP,則會盡肯能將重要操作懸停到頁面的底部,只將一些與內容關聯密切的操作放置到內容區。

雖然圖中的例子似乎“Add to Cart”也能放在底部排得下,但是英文的長短太不穩定了,如果是一個“Add to Favorites”可能就放不下了。所以常見的英文APP會比較少采用底部固定懸停多個操作這種交互方式。

再比如說:中文的“收藏”是一個動作,而“收藏夾”是一個名稱。文案都非常短,而且動作的文案更短。而英文剛剛相反,“favorites”是收藏夾,而“Add to Favorites”是收藏動作,動作的文案更長,決定了操作更多地是放在界面區域通欄顯示。

再補充一個例子

中文的表單與英文的表單,無論在PC還是手機上都是不同的。

英文表單字段名和字段值不能放在一行,而常見的中文表單都是在一行的。

同樣的區域,英文表單占用的空間更大,頁面也顯得更松散,而中文的表單就顯得更擁擠。如果中文表單間距過大,反而很奇怪,而且影響效率。Material Design表單比傳統的英文表單更緊湊一些,目前已經很多英文表單采用。但是仍然不如中文表單效率高。

最后再談一談電商的首頁

國內電商的首頁以“琳瑯滿目”著稱,但是Amazon、eBay等首頁都相對比較簡潔。我仍然認為,這些都與審美、喜好什么的沒有必然關聯,而與語言文字的排版有著必然關聯。

電商的首頁承載著最重要的一個功能就是流量和轉化,所以基本上中文的網站或APP的首頁做成什么樣子,很多時候是數據決定的。一般來講,在沒有語言文字阻礙排版的情況下,首頁的密集程度肯定會使流量達到最佳值,并不是中國人喜歡更擁擠的界面。

我問過很多人,都認為電商APP的首頁太擁擠了,可是電商的首頁從來都不是以個體的喜歡作為依據的,而是以數據作為依據的,個體的感受與群體的最優值往往不同。而英文的語言就決定了,首頁不可能通過中文APP的這種增加密集度的方式來優化流量,不信你把京東或者淘寶的首頁翻譯成英文試試,界面上很多區域一個單詞短語都顯示不下,全是省略號。

總結

所以綜上所述,我認為導致東亞和西方互聯網產品界面及交互方式差異的必然原因在于語言文字,而其他因素如生活環境、喜好、文化差異等都是非必然的原因。國內產品的交互和視覺設計已經獨立與歐美,形成了自己的一套風格,這與審美和經濟發展程度沒有關系。

中文的特點決定了中文界面是一種“效率型”的界面,界面信息量更大,界面結構更復雜,初次使用視覺認知難度更大。但對于熟悉的用戶來說,操作更方面,效率更高。

 

本文由 @楓葉 原創發布于人人都是產品經理。未經許可,禁止轉載

題圖來自Unsplash,基于CC0協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 文子確實是一個很重要的因素。針對東西方界面設計差異這篇文章也分享了相關研究,給出了答案。文章鏈接 https://mp.weixin.qq.com/s/CPYSCF6KqdchCl8JvfhriA

    來自上海 回復
  2. 漲知識了,習以為常的文字語言實際上影響著產品設計的方方面面

    來自安徽 回復
  3. 為什么英文表單不可以在一行呢?有些疑惑。

    來自北京 回復
    1. 因為這樣會導致長度過長的英文詞組被迫折行,有時候會很丑

      來自河北 回復
  4. 只是代表你個人觀點… 不是定性,大家都有所啟發,感謝作者。順便說下,現在國內很多產品也很靠近國外的風格

    來自上海 回復
  5. 看問題的角度,新奇特。

    來自北京 回復
  6. 作為一個國內國外APP均參與設計過的UI,表示還是中文的簡單好實現,雖然b格低了點

    來自北京 回復
    1. 等中國的國際影響力超過了美國,外國人就會覺得用中文的b格更高了,哈哈

      來自浙江 回復
  7. 分析的不錯

    來自重慶 回復
  8. 觀點很新穎,值得深入探究。但是我不認為文字的差異是必然原因,很多頁面的呈現是圖形化的,在文字之外的部分也是值得思考的。加油~

    來自廣東 回復
  9. 但是這個產品邏輯也有關系吧,你現在是從語言文字的角度反推這個邏輯

    來自上海 回復
  10. 確實語言是主要的一方面的原因,不過語言的差異也導致了思維方式的差異,還有東西方確實存在審美上的不同,這和文化、生活環境確實是有實在的聯系的。如果按照你的說法,那么和語言因素無關的設計,比方說「服裝設計」「產品設計」,東西方應該就沒有什么外觀和交互上的差異性了。實際上影響設計結果有很多方便的因素,不能忽略社會文化等主觀方面的因素。文章寫的好,分析很透徹,但是不能下定論說“導致東亞和西方互聯網產品界面及交互方式差異的必然原因在于語言文字”,小小的意見,期待你更多更好的分享!

    來自上海 回復
    1. “導致東亞和西方互聯網產品界面及交互方式差異的必然原因在于語言文字。而其他因素如生活環境、喜好、文化差異等都是非必然的原因”

      來自江蘇 回復
    2. 其實你可以分析下其它這些因素對于互聯網產品設計的影響,做個第二期,哈哈哈哈

      來自上海 回復
    3. 其實也可以這么說,每個國家的語言文字都是受其他方面的特殊性的影響導致的,社會文化,氣候等等,都會影響到語言文字

      來自浙江 回復
  11. 挺好的!分析的不錯

    來自江蘇 回復
  12. 感受挺深的,接的國外項目,使用Material Design風格很容易作出合適的布局, 但國內客戶的項目使用Material Design風格就總是顯得格格不入。

    來自香港 回復
  13. 豁然開朗,厲害!不過大神,你可以發一張國外電商首頁的圖嗎

    回復
  14. 看完后有一種豁然開朗的感覺。

    回復
  15. 另外請問你做過海外產品嗎?可否分享一下你的高見?

    回復
  16. 前面幾個例子寫得那么清楚你都看不懂,對你智商表示懷疑

    回復
  17. 有道理

    回復
  18. 需要補充一點的是,語言文字造成交互設計和視覺設計差異的主要原因,然而造成產品功能方面差異的原因,仍然是文化差異,政策等。

    來自江蘇 回復
  19. 看完這篇文章,我對中文的喜愛程度直接上了幾個等級,中文是最好的語言!

    來自廣東 回復
  20. 之前面試 海外電商產品失敗了,一直挺遺憾的,希望多您溝通下取取經,本人也是一位移動端交互設計師,希望加個微信:raincnos

    來自廣東 回復
  21. 確實,漢字言簡意賅

    來自上海 回復
  22. 我也是做海外電商的,可以加微信交流下,微信:boy-lujin

    來自北京 回復
  23. 以前只是認為中英文排版方式不一樣,但沒細想原因,現在有種豁然開朗的感覺!贊!

    來自河南 回復
  24. 分析的有理有據,讓人信服+1

    來自廣東 回復
  25. 真是大實話,分析的有理有據,讓人信服

    來自浙江 回復
  26. 筆者是做面向國外受眾的產品的么,可以交流下不?

    來自江蘇 回復
    1. 是的,我們有做國外用戶使用的產品

      來自江蘇 回復
    2. 加個wx唄 c592377651

      來自江蘇 回復
  27. 分析的有理有據,之前一篇說是由于文化影響比較玄乎,就需要這種理性的分析

    來自上海 回復
  28. 以前做海外社交產品,表示認同

    來自四川 回復
  29. 這才是大實話,我們做海外產品最讓人頭疼的就是文字的擴展、文字基本都決定了交互方式的基線。英語還算好的了。如果做全球產品的話考慮的不僅僅是英語、尤其是阿拉伯語言等翻譯更長。

    來自廣東 回復
    1. 而且 方向還不一樣

      來自江蘇 回復
    2. 確實不一樣,全反了

      回復
  30. 非常獨特的分析,贊

    來自上海 回復