歐美國(guó)家的互聯(lián)網(wǎng)產(chǎn)品的界面普遍更簡(jiǎn)潔,這一點(diǎn)在手機(jī)APP上尤其明顯。而亞洲國(guó)家,以中國(guó)和日本為代表,產(chǎn)品的界面都更加擁擠??梢詫?dǎo)致這種情況的原因是什么呢?
關(guān)于這種現(xiàn)象的解釋,我曾經(jīng)看到過(guò)不少的理論,總結(jié)起來(lái)大致是這么兩類:
文化差異或生活環(huán)境。此理論認(rèn)為,歐美發(fā)達(dá)國(guó)家,人們的生活壓力較小,人們的生活方式崇尚簡(jiǎn)潔。而東亞國(guó)家大多數(shù)地區(qū)人口密度大,生活環(huán)境擁擠和復(fù)雜,所以人們更加能接受復(fù)雜的界面。
人種差異。有神經(jīng)學(xué)方面的研究發(fā)現(xiàn)東亞人種大腦相應(yīng)區(qū)域與西方人不同,使得東亞人更能接受更復(fù)雜的界面信息。
以上兩種理論都有一定的依據(jù),且看起來(lái)很合理。但是作為一個(gè)互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)人員,我認(rèn)為這些說(shuō)法對(duì)于我們做設(shè)計(jì)并沒(méi)什么啟發(fā),并且這些說(shuō)法都很牽強(qiáng)。比如說(shuō):“生活環(huán)境對(duì)人的喜好有影響”,這個(gè)說(shuō)法仿佛毫無(wú)疑問(wèn)地是正確的,但是真的能直接套用來(lái)做設(shè)計(jì)嗎?
生活環(huán)境更擁擠,你就更喜歡擁擠的界面嗎?
很顯然是站不住腳的,而關(guān)于人種差異的理論也有問(wèn)題。人類的神經(jīng)系統(tǒng)是高度可塑性的,有可能并不是神經(jīng)系統(tǒng)的差異導(dǎo)致人們喜歡不同的產(chǎn)品,而是不同的習(xí)慣導(dǎo)致了不同的神經(jīng)系統(tǒng)結(jié)構(gòu)。
奧卡姆剃刀法則,如果某個(gè)事物無(wú)法被證實(shí),也無(wú)法被證偽,那么我們就不應(yīng)該假設(shè)他存在。
如果有一個(gè)更合理,更直接的原因來(lái)解釋東亞和西方產(chǎn)品設(shè)計(jì)方面的差異,那么設(shè)計(jì)者根本就不需要理會(huì)所謂的環(huán)境差異和人種差異。
而這個(gè)更合理,更直接的原因,只要你真正做過(guò)英文產(chǎn)品,你就很容易體會(huì)到。但是我在網(wǎng)上卻很少看到有人分析這個(gè)原因,而是各種紙上談兵的理論層出不窮。可能國(guó)內(nèi)極少有人真正做過(guò)給外國(guó)人用的互聯(lián)網(wǎng)產(chǎn)品。
其實(shí)導(dǎo)致東亞與歐美互聯(lián)網(wǎng)產(chǎn)品差異的原因非常簡(jiǎn)單,就是:中英文語(yǔ)言文字的差異導(dǎo)致了界面的不同,語(yǔ)言文字不僅導(dǎo)致視覺(jué)風(fēng)格的不同,對(duì)交互設(shè)計(jì)也產(chǎn)生很大的影響。中文是一種二維語(yǔ)言,詞語(yǔ)長(zhǎng)度容易控制,而英文是一種一維語(yǔ)言,詞語(yǔ)和短語(yǔ)的長(zhǎng)度是很難控制的。
下圖為京東和淘寶篩選商品的界面,這種篩選的交互模式最早在京東上見(jiàn)到,目前基本上已經(jīng)成為了國(guó)內(nèi)各種電商、O2O等APP篩選的模板。這種方式有著很多的優(yōu)點(diǎn),能夠做到非常方便快捷的篩選。
那么我們來(lái)看看英文APP是怎么做的:
圖為ebay的篩選界面。相比中文APP的篩選,你會(huì)發(fā)現(xiàn)eBay操作更麻煩,但是界面更加清晰簡(jiǎn)潔,(左圖)每個(gè)篩選項(xiàng)都要點(diǎn)擊進(jìn)去篩選,(右圖)而每行只顯示一個(gè)篩選項(xiàng)。這種模式,就是我們常說(shuō)的“一個(gè)頁(yè)面只做一件事情”。
那么真的是因?yàn)閑Bay這種方式更好嗎?
不一定。英文APP這么做,是因?yàn)橛⒄Z(yǔ)根本沒(méi)有辦法像中文界面那樣的排版。
漢語(yǔ)體系下的語(yǔ)言,包括韓語(yǔ),日語(yǔ)等東亞語(yǔ)言,都可以用簡(jiǎn)短幾個(gè)字來(lái)表達(dá)一個(gè)事物甚至一類事物。而拉丁語(yǔ)系的語(yǔ)言,如英語(yǔ)的單詞和短語(yǔ)長(zhǎng)度是完全不可控的。
中文的APP的篩選,既可以采用京東的交互模式,也可以采用eBay的交互模式,但是很顯然,京東的模式操作更方便,效率更高。但是英文的APP,只能采用類似于eBay這種交互模式。
當(dāng)然,也有一些APP不服,比如:Alibaba國(guó)際版,Alibaba國(guó)際版是給英語(yǔ)用戶購(gòu)買中國(guó)產(chǎn)品的APP。
我個(gè)人非常不認(rèn)同這種交互,這是一種典型的以形式?jīng)Q定內(nèi)容的做法。其原因在于,Alibaba的設(shè)計(jì)師習(xí)慣了國(guó)內(nèi)的APP,套用國(guó)內(nèi)APP的做法,而沒(méi)有認(rèn)識(shí)到語(yǔ)言文字導(dǎo)致的差異,也沒(méi)有體會(huì)到國(guó)外用戶的思維方式。
Alibaba為了使用中文APP這種塊狀篩選的樣式,強(qiáng)行把很多相關(guān)的項(xiàng)拆開(kāi)。英語(yǔ)用戶的思維習(xí)慣于把相關(guān)性很高的東西算作一類一起篩選,經(jīng)常使用國(guó)外APP的人應(yīng)該會(huì)比較認(rèn)同,比如“Automation, Motors & Drives”。但是如果用Alibaba這種方式,就需要把它拆成 3 個(gè)選項(xiàng)。篩選的選項(xiàng)過(guò)多,且篩選的范圍更窄。這對(duì)于英語(yǔ)用戶來(lái)說(shuō)是非常不方便的。
如圖中所示,因?yàn)橛⑽膯卧~長(zhǎng)短不一,無(wú)法對(duì)齊,排版也顯得很混亂。視覺(jué)查找的效率不高,很容易看漏了某個(gè)選項(xiàng)。而如果是中文APP,則很容易做到對(duì)齊。
Alibaba為了使用這種形式,還需要限制一些過(guò)長(zhǎng)的單詞或者短語(yǔ),改用替代的單詞,這也使得語(yǔ)言的表達(dá)并不是非常符合英語(yǔ)用戶的習(xí)慣。
所以國(guó)內(nèi)這種篩選的交互模式,是東亞語(yǔ)言體系所特有的。其他語(yǔ)言體系的APP想要使用這種交互方式,會(huì)導(dǎo)致很多問(wèn)題,得不償失。而做得比較好的英文界面,就會(huì)給你“一個(gè)頁(yè)面只做一件事情”的感覺(jué)。
這是Amazon的側(cè)邊導(dǎo)航欄。這種側(cè)邊導(dǎo)航的方式由Path最早采用,曾經(jīng)在國(guó)內(nèi)也是紅極一時(shí),但是后來(lái)被各種數(shù)據(jù)驗(yàn)證為是一種不好的交互方式后,國(guó)內(nèi)APP已經(jīng)紛紛不在使用這種交互。但是國(guó)外APP很多仍然保留這種方式的,原因仍然在于語(yǔ)言文字。
你和國(guó)內(nèi)的交互設(shè)計(jì)師聊聊,你會(huì)發(fā)現(xiàn)中文的文字很少成為交互設(shè)計(jì)的障礙,只要一種交互方式被證明存在問(wèn)題,很快就會(huì)有其他的很多種交互方式來(lái)替代它。但是英文APP的交互設(shè)計(jì)師必須要考慮到文字很長(zhǎng),且長(zhǎng)短差異極大的情況。排版和交互方式受限,所以很多情況下,側(cè)邊欄的方式仍然是一種更優(yōu)的選擇。
再比如:下圖中,京東的這種方式,也是英文APP無(wú)法采用的。左邊大分類、右邊小分類的分屏布局在英文手機(jī)APP上都是很少見(jiàn)的,因?yàn)檫@種樣式對(duì)于英文來(lái)說(shuō)無(wú)法排版。而上面圖片、下面名稱的這種樣式,在英文APP上也是使用得比較克制。比如說(shuō):中文的“干果堅(jiān)果”,而英文則一行顯示不下“Dried Fruits & nuts”,影響視覺(jué)效果。
仍然是因?yàn)檎Z(yǔ)言文字的關(guān)系,英文APP的操作按鈕多數(shù)都習(xí)慣放置到界面內(nèi)容區(qū)域通欄展示。而中文APP,則會(huì)盡肯能將重要操作懸停到頁(yè)面的底部,只將一些與內(nèi)容關(guān)聯(lián)密切的操作放置到內(nèi)容區(qū)。
雖然圖中的例子似乎“Add to Cart”也能放在底部排得下,但是英文的長(zhǎng)短太不穩(wěn)定了,如果是一個(gè)“Add to Favorites”可能就放不下了。所以常見(jiàn)的英文APP會(huì)比較少采用底部固定懸停多個(gè)操作這種交互方式。
再比如說(shuō):中文的“收藏”是一個(gè)動(dòng)作,而“收藏夾”是一個(gè)名稱。文案都非常短,而且動(dòng)作的文案更短。而英文剛剛相反,“favorites”是收藏夾,而“Add to Favorites”是收藏動(dòng)作,動(dòng)作的文案更長(zhǎng),決定了操作更多地是放在界面區(qū)域通欄顯示。
國(guó)內(nèi)電商的首頁(yè)以“琳瑯滿目”著稱,但是Amazon、eBay等首頁(yè)都相對(duì)比較簡(jiǎn)潔。我仍然認(rèn)為,這些都與審美、喜好什么的沒(méi)有必然關(guān)聯(lián),而與語(yǔ)言文字的排版有著必然關(guān)聯(lián)。
我問(wèn)過(guò)很多人,都認(rèn)為電商APP的首頁(yè)太擁擠了,可是電商的首頁(yè)從來(lái)都不是以個(gè)體的喜歡作為依據(jù)的,而是以數(shù)據(jù)作為依據(jù)的,個(gè)體的感受與群體的最優(yōu)值往往不同。而英文的語(yǔ)言就決定了,首頁(yè)不可能通過(guò)中文APP的這種增加密集度的方式來(lái)優(yōu)化流量,不信你把京東或者淘寶的首頁(yè)翻譯成英文試試,界面上很多區(qū)域一個(gè)單詞短語(yǔ)都顯示不下,全是省略號(hào)。
所以綜上所述,我認(rèn)為導(dǎo)致東亞和西方互聯(lián)網(wǎng)產(chǎn)品界面及交互方式差異的必然原因在于語(yǔ)言文字,而其他因素如生活環(huán)境、喜好、文化差異等都是非必然的原因。國(guó)內(nèi)產(chǎn)品的交互和視覺(jué)設(shè)計(jì)已經(jīng)獨(dú)立與歐美,形成了自己的一套風(fēng)格,這與審美和經(jīng)濟(jì)發(fā)展程度沒(méi)有關(guān)系。
中文的特點(diǎn)決定了中文界面是一種“效率型”的界面,界面信息量更大,界面結(jié)構(gòu)更復(fù)雜,初次使用視覺(jué)認(rèn)知難度更大。但對(duì)于熟悉的用戶來(lái)說(shuō),操作更方面,效率更高。
Copyright 2010-2025 南京雨澤網(wǎng)絡(luò)科技有限公司 版權(quán)所有 蘇ICP備12023507號(hào)
網(wǎng)站地圖 sitemap.xml 手機(jī):18912922698 電話:025-58869792 郵箱:806458298@qq.com 地址:南京市虎踞北路100號(hào)