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

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

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

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

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

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

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

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

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

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

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

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

　　需求(價值)
 

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

　　北美-新聞資訊類App
 

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

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

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

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

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

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

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

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

　　Spotify "Songs to sing in the shower" 歌單
 

　　Spotify歌單—— “快樂時光( Happy Hits)" 的封面在不同國家的呈現(xiàn)形式?？梢钥吹?，面對文化差異更大的群體時，Spotify在保持了統(tǒng)一的樣式風格的基礎(chǔ)上，針對每一個國家和地區(qū)都展示了當?shù)厝嗽谒麄兊纳钪?ldquo;快樂”的樣子。這種本地化內(nèi)容更加貼近當?shù)赜脩簦材軌蜃層脩舢a(chǎn)生更強的連結(jié)感與共感。
 

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

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