UI設(shè)計(jì)中產(chǎn)品的國際化與本地化

　　隨著互聯(lián)網(wǎng)的迅猛發(fā)展，國內(nèi)互聯(lián)網(wǎng)產(chǎn)品競爭日益激烈，互聯(lián)網(wǎng)的發(fā)展加速了市場數(shù)字化進(jìn)程，很多企業(yè)把目光投向了用戶量龐大的海外市場。UI設(shè)計(jì)中產(chǎn)品的國際化與本地化差異明顯，產(chǎn)品設(shè)計(jì)對(duì)UI設(shè)計(jì)師有著全新的挑戰(zhàn)。
 

　　產(chǎn)品出海的第一道屏障就是語言。若想打造一款能夠適應(yīng)海外市場的產(chǎn)品，只完成不同語種的翻譯是遠(yuǎn)遠(yuǎn)不夠的。在產(chǎn)品設(shè)計(jì)的過程中，我們需要考慮兩個(gè)方面：國際化與本土化。國際化+本地化的策略，指的是結(jié)合國際統(tǒng)一和地區(qū)差異。這種策略在統(tǒng)一的前提下，通過靈活配置保障地區(qū)的個(gè)性化體驗(yàn)，既能滿足統(tǒng)一維護(hù)提升產(chǎn)品效率，也能保障當(dāng)?shù)赜脩舻奶厥庠V求，是一種性價(jià)比很高的設(shè)計(jì)方案。
 

　　產(chǎn)品設(shè)計(jì)的國際化，即全球化。國際化的通用設(shè)計(jì)能夠?yàn)楫a(chǎn)品打造一個(gè)全球統(tǒng)一的形象與內(nèi)核。
 

　　Chrome的不同地區(qū)首頁功能與樣式基本一致
 

　　一套通用的設(shè)計(jì)系統(tǒng)和設(shè)計(jì)規(guī)范，既可以幫助我們在產(chǎn)品的國際化設(shè)計(jì)中 樹立產(chǎn)品調(diào)性，又可以保證操作的 一致性，同時(shí)提升設(shè)計(jì)的 高效性。阿里旗下面向東南亞市場的購物平臺(tái)Lazada在開發(fā)之初，通過使用Fusion Design的設(shè)計(jì)系統(tǒng)，大大節(jié)省了設(shè)計(jì)的時(shí)間。在如此復(fù)雜的電商業(yè)務(wù)場景之下，整套產(chǎn)品的設(shè)計(jì)最終僅3靠個(gè)設(shè)計(jì)師就完成了。

　　設(shè)計(jì)系統(tǒng)對(duì)產(chǎn)品研發(fā)成本的影響，一致的內(nèi)核能夠幫助企業(yè)在全球范圍內(nèi)建立起統(tǒng)一的品牌形象，增強(qiáng) 品牌的識(shí)別度與知名度。 產(chǎn)品設(shè)計(jì)的本土化想要讓產(chǎn)品在某一個(gè)市場上站穩(wěn)腳跟，對(duì)于本土化的思考是必不可少的。本土化的核心是 因地制宜，根據(jù)地區(qū)差異相應(yīng)調(diào)整產(chǎn)品策略，這就體現(xiàn)了UI設(shè)計(jì)中產(chǎn)品的國際化與本地化。

　UC瀏覽器在不同地區(qū)的首頁布局

　　為什么說本土化對(duì)于產(chǎn)品的出海非常重要?任何設(shè)計(jì)的本質(zhì)都脫離不開對(duì)需求和問題本身的理解。好的設(shè)計(jì)是在對(duì)需求、動(dòng)機(jī)、心理、環(huán)境等相關(guān)因素有了充分了解之后所產(chǎn)出的解決方案。
 

　　針對(duì)海外設(shè)計(jì)研究的思維框架
 

　　在考慮產(chǎn)品的本土化時(shí)，我們需要關(guān)注到用戶的需求是什么、是否仍然成立，用戶的行為模式是什么樣的，以及整個(gè)外在社會(huì)物質(zhì)、精神環(huán)境等方面的狀況。
 

　　“環(huán)境-人-需求”出海產(chǎn)品設(shè)計(jì)研究框架
 

　　需求(價(jià)值)
 

　　首先要判斷用戶需求是否成立，產(chǎn)品在原市場想要解決的問題，是否在新的市場仍然存在，即我們的產(chǎn)品是否有用決定了原先的產(chǎn)品是否對(duì)于該市場的用戶是有 價(jià)值的。達(dá)到了“有用”的標(biāo)準(zhǔn)，我們則需要開始考慮“ 好用”的問題。只有滿足“好用”這一條件，產(chǎn)品才能夠被用戶用起來、從而真正在新市場落地。在實(shí)現(xiàn)“好用”的過程中，我們可以關(guān)注以下幾個(gè)層面的影響因素：生活形態(tài)、價(jià)值觀生活環(huán)境與社會(huì)環(huán)境會(huì)塑造當(dāng)?shù)赜脩舻纳钚螒B(tài)與習(xí)慣。
 

　　北美-新聞資訊類App
 

　　上班族生活形態(tài)的差異，城市小、人口密度大，上班族通勤大多會(huì)選擇地鐵。面積大，大部分人會(huì)駕車上班。駕車的人雙手需要長時(shí)間控制方向盤，同時(shí)開車也需要持續(xù)注意路況，只能在間隙中查看新聞內(nèi)容;而乘坐地鐵的人雙手更加自由，也有較長的通勤時(shí)間需要消磨，故可以接受更多的信息，也能夠接受更繁瑣的操作， UI設(shè)計(jì)中產(chǎn)品的國際化與本地化具有重要的價(jià)值。

　　北美(左)和日本(右)各自的生活形態(tài)
 

　　有時(shí)候，某個(gè)地區(qū)的用戶長期習(xí)慣的操作模式，會(huì)與主流的操作模式有所差異。Melon(一個(gè)韓國主流音樂播放器)進(jìn)行體驗(yàn)優(yōu)化，Melon播放操作邏輯比較冗長，用戶需要先點(diǎn)選列表中的多首樂曲，再點(diǎn)擊底下的播放鍵，此時(shí)Melon會(huì)將用戶所選歌曲自動(dòng)生成一個(gè)列表并進(jìn)行播放。這和Spotify等音樂播放器“點(diǎn)擊即播放”的主流交互邏輯相比，要更復(fù)雜和麻煩，尤其是在用戶只是想要立即聽到某一首歌曲的時(shí)候。因此提議引入“點(diǎn)擊=播放”的操作方式。但當(dāng)他們設(shè)計(jì)出了這樣的優(yōu)化方案后，卻發(fā)現(xiàn)在測試過程中老用戶們對(duì)這樣的交互方式感到陌生和沮喪?；谟脩舴答?，最終，他們采取了一個(gè)折中的方案，既保留了原先的復(fù)選框作為多選操作的區(qū)域，讓用戶仍然能夠選擇樂曲生成列表并且播放;同時(shí)又引入了點(diǎn)擊單曲直接播放的操作。相比第一版優(yōu)化方案，用戶的接受程度有了明顯提升。
 

　　社會(huì)經(jīng)濟(jì)環(huán)境的不同代表著社會(huì)階層狀況的不同，它會(huì)影響人們在消費(fèi)時(shí)的行為方式。文化/宗教在各個(gè)文化/宗教里存在著不同的意象，也會(huì)有各自的表達(dá)方式與禁忌等等。在某個(gè)文化下表示友好的行為，在另一種文化下可能是一種冒犯。這些都是在設(shè)計(jì)時(shí)需要去注意的。除此之外，在不同的文化/宗教語境下，人們會(huì)有不同的行為模式與價(jià)值取向。這些都是UI設(shè)計(jì)中產(chǎn)品的國際化與本地化需要考慮到的問題。
 

　　在為特定地區(qū)的用戶設(shè)計(jì)產(chǎn)品時(shí)，我們可以以從這些維度去解讀他們的行為傾向，并據(jù)此提出相應(yīng)的解決方案或者設(shè)計(jì)方案。
 

　　源于文化差異的設(shè)計(jì)差異并不少見。在淘寶等國內(nèi)的電商平臺(tái)上，“按照銷量排序”是一個(gè)被高頻使用的功能，消費(fèi)者們認(rèn)為什么產(chǎn)品買的人多，什么產(chǎn)品就更好。這樣的觀念也催生了一大批店家刷單的行為。但當(dāng)在北美的電商平臺(tái)亞馬遜上，我們會(huì)發(fā)現(xiàn)并沒有按銷量排序這個(gè)選項(xiàng)。因?yàn)槊绹挠脩粝鄬?duì)來說個(gè)人主義更強(qiáng)、更相信自己的判斷和選擇，他們不認(rèn)為他人推薦的就一定是好的。
 

　　在企業(yè)即時(shí)通訊工具行業(yè)，國內(nèi)的主流產(chǎn)品，如企業(yè)微信、釘釘?shù)?，都選擇了藍(lán)色這一比較沉穩(wěn)的顏色作為主色調(diào)，在產(chǎn)品功能的形態(tài)上也偏向于嚴(yán)肅。而海外的辦公產(chǎn)品Slack，視覺色彩更加豐富;整體的產(chǎn)品定位也更加活潑歡樂，常常會(huì)有“不嚴(yán)肅”的表達(dá)，比如在界面多處都使用了emoji。這樣的產(chǎn)品形態(tài)差異，其背后是兩種文化在放縱(享樂)/克制(嚴(yán)肅)這一維度上的差異。

　　企業(yè)微信與slack的產(chǎn)品風(fēng)格對(duì)比
 

　　Spotify "Songs to sing in the shower" 歌單
 

　　Spotify歌單—— “快樂時(shí)光( Happy Hits)" 的封面在不同國家的呈現(xiàn)形式?？梢钥吹剑鎸?duì)文化差異更大的群體時(shí)，Spotify在保持了統(tǒng)一的樣式風(fēng)格的基礎(chǔ)上，針對(duì)每一個(gè)國家和地區(qū)都展示了當(dāng)?shù)厝嗽谒麄兊纳钪?ldquo;快樂”的樣子。這種本地化內(nèi)容更加貼近當(dāng)?shù)赜脩?，也能夠讓用戶產(chǎn)生更強(qiáng)的連結(jié)感與共感。
 

　　產(chǎn)品的出海其實(shí)只是我們在設(shè)計(jì)中會(huì)遇到的一種場景，在這個(gè)特定場景下我們的設(shè)計(jì)思考與其他場景下是互通的。如果僅僅完成了翻譯這一步，那我們就忽視了在新市場下另一群用戶的特征、需求、使用情景、操作習(xí)慣等關(guān)鍵信息。無論是不是在為產(chǎn)品的出海而設(shè)計(jì)，我們始終應(yīng)該保持對(duì)用戶的好奇，讓最終的設(shè)計(jì)實(shí)現(xiàn)我們期望達(dá)成的目標(biāo)。
 

　　UI設(shè)計(jì)中產(chǎn)品的國際化與本地化是非常重要的問題，設(shè)計(jì)一張封面，一個(gè)APP頁面都要考慮到區(qū)域化的不同，在尊重本地化的同時(shí)實(shí)現(xiàn)國際化是作為UI設(shè)計(jì)師必須要考慮到的問題。