我重復(fù)提到的一個詞，就是本地化。

本土化設(shè)計(jì)解決方案：即體驗(yàn)設(shè)計(jì)本土化，需要彌合當(dāng)?shù)赜脩舻氖褂昧?xí)慣和認(rèn)知差異，一般成本比較高，但是適配效果也是最好的。

國際化普適性適配方案：系統(tǒng)翻譯轉(zhuǎn)化多語言版本，進(jìn)行統(tǒng)一的覆蓋，成本雖然低，但是專業(yè)名詞較多的產(chǎn)品容易出現(xiàn)行業(yè)術(shù)語不規(guī)范等問題。

國際化+本土化適配方案：一方面在產(chǎn)品基礎(chǔ)架構(gòu)、技術(shù)服務(wù)、基礎(chǔ)體驗(yàn)層面，建設(shè)國際化普適性適配方案，同時保留本土化設(shè)計(jì)拓展空間；另一方面，保證特色業(yè)務(wù)設(shè)計(jì)的靈活度，快速適應(yīng)本土化體驗(yàn)設(shè)計(jì)訴求。

目前生存下來的出海企業(yè)，無一不是擅長本地化運(yùn)營甚至經(jīng)營的優(yōu)秀選手。通過全球化的產(chǎn)品思路與本地化經(jīng)營策略相結(jié)合，出海產(chǎn)品才被賦予了真正的生命力，才讓海外用戶找到了熟悉的環(huán)境和歸屬感。

2. 遇到的問題

當(dāng)產(chǎn)品逐漸發(fā)展成熟，數(shù)據(jù)也逐年復(fù)雜化。國際化業(yè)務(wù)的拓展，適配多國語言，除了本身語言適配時需要注意的事項(xiàng)，比如名詞專業(yè)性、圖形設(shè)計(jì)的全球化兼容度，還需要考慮不同地區(qū)的文化差異，用戶習(xí)慣等。

這就導(dǎo)致設(shè)計(jì)師在工作中，我們不僅僅是完成功能設(shè)計(jì)圖，還需要幫助產(chǎn)品融合當(dāng)?shù)氐氖褂迷V求和習(xí)慣，更靈活高效的落地在不同的國外市場。

產(chǎn)品出海的設(shè)計(jì)策略是否能夠落地，可以通過以下幾個維度進(jìn)行考量：

交互體驗(yàn)：頁面任務(wù)明確，用戶能夠在可控時間內(nèi)完成工作任務(wù)；反饋清晰，操作流暢；輸入輸出時，本地用戶的數(shù)據(jù)能夠展示清晰。

界面體驗(yàn)：文本在頁面內(nèi)展示完整、清晰，保證頁面可讀性；頁面布局和規(guī)范符合用戶使用習(xí)慣和閱讀習(xí)慣，能夠被用戶理解。

信息質(zhì)量：翻譯準(zhǔn)確，用詞地道；行業(yè)專業(yè)術(shù)語的專業(yè)度，保證多語言適配時的信息的一致性。

內(nèi)容體驗(yàn)：本地信息呈現(xiàn)和輸入方式能夠完全符合用戶的閱讀習(xí)慣，保證用戶理解度；文字展示沒有拆行和顯示不全的情況；頁面中的圖形，保證全球化的識別度，沒有文化沖突。

因B端業(yè)務(wù)相對復(fù)雜，且行業(yè)壁壘高，下面針對基礎(chǔ)性的數(shù)據(jù)展示模塊，進(jìn)行案例講解。

二、數(shù)據(jù)展示的體驗(yàn)差異點(diǎn)

1. 表格

定義：表格又被稱為“表”，它能夠收集、整理、組織、分析數(shù)據(jù)的二維矩陣。

功能：表格能夠一次性瀏覽大量的信息，方便信息之間進(jìn)行對比，能夠快速確定并執(zhí)行多種復(fù)雜的操作。

組成：數(shù)據(jù)檢索、數(shù)據(jù)查看、數(shù)據(jù)操作

2. 產(chǎn)品英文版適配的現(xiàn)狀

1）數(shù)據(jù)檢索

標(biāo)簽、篩選、搜索的組件長度基本靠文字的長度撐起來，長度不可控，適配多語言后，受語言特點(diǎn)影響，會出現(xiàn)占用橫向面積大的情況。

2）數(shù)據(jù)查看

適配英文后，標(biāo)題變長，橫向面積有限的情況下，展示的數(shù)據(jù)量有限。如果列數(shù)過多，就需要橫向滑動查看，國內(nèi)產(chǎn)品也有很多需要滑動查看的案例，但是多語言適配影響，更容易出現(xiàn)極端情況。

3）數(shù)據(jù)操作

操作按鈕的長度完全依靠文字去支撐，如果出現(xiàn)過長文字，操作按鈕的長度不可控。

三、借助工具和方法，定位差異點(diǎn)

當(dāng)我們遇到問題，發(fā)現(xiàn)差異點(diǎn)時不知道如何解決，需要借助工具和方法，找尋機(jī)會。本土化設(shè)計(jì)最常見的兩種調(diào)研方式：競品分析、用戶調(diào)研（文化調(diào)研）。

1. 競品分析

競品分析：就是根據(jù)分析目標(biāo)，對同類競爭對手的產(chǎn)品，做出具有針對性的客觀分析。

由于這次案例針對的是業(yè)務(wù)數(shù)據(jù)這塊內(nèi)容，我們可以選擇了業(yè)內(nèi)翹楚性競品，因?yàn)闃I(yè)內(nèi)產(chǎn)品一般具有相似功能，我們可以從相似的功能的交互和視覺上進(jìn)行了分析，找到“本地化”設(shè)計(jì)機(jī)會點(diǎn)。

業(yè)內(nèi)翹楚性競品主要以英文為主，所以我們也找到了在適配英文方面的普適性適配規(guī)則。

在分析競品的同時，需要深入的理解自己的業(yè)務(wù)產(chǎn)品，才能做到知己知彼。

1）深入理解自身業(yè)務(wù)

首先，我司業(yè)務(wù)數(shù)據(jù)展示內(nèi)容，具有以下幾個特點(diǎn)：

內(nèi)容特點(diǎn)：列數(shù)很多、列標(biāo)題長

交互特點(diǎn)：想要完整查看所有內(nèi)容，表格需要不停的左滑

操作成本：新用戶查找數(shù)據(jù)效率低；下載數(shù)據(jù)操作流程較為復(fù)雜

使用人群：使用訴求不同，使用成熟度參差不齊

產(chǎn)品體驗(yàn)設(shè)計(jì)工作需要在以下幾點(diǎn)上發(fā)力：

1. 保證不同成熟度的使用者高效完成工作，數(shù)據(jù)查看效率的提升
2. 不同的使用訴求都能夠得到滿足，數(shù)據(jù)篩選效率的提升
3. 數(shù)據(jù)操作時沒有過多的阻礙，提升數(shù)據(jù)操作效率

明確設(shè)計(jì)目標(biāo)后，有針對性的分析競品，了解競品，無論是同行業(yè)的翹楚，還是有相似業(yè)務(wù)的產(chǎn)品，都可以成為我們【競品分析】的對象，不要被局限住。

2）有針對性的分析競品

走查競品的數(shù)據(jù)搜索、數(shù)據(jù)篩選、標(biāo)題表頭切換、數(shù)據(jù)表格查看。

以上是一個例子，我們要根據(jù)自己的需求，找尋競品與自己產(chǎn)品的差異點(diǎn)，綜合考量后進(jìn)行分析決策。

2. 文化調(diào)研

文化調(diào)研針對的內(nèi)容是用戶的生活習(xí)慣、工作態(tài)度、軟件使用習(xí)慣等價值觀方面的內(nèi)容。特別當(dāng)是一個產(chǎn)品需要落地于不同地區(qū)和國家時，產(chǎn)品設(shè)計(jì)必須尊重文化差異，避免文化歧義等內(nèi)容的出現(xiàn)。

我們使用的理論框架：霍夫斯泰德文化維度模式。

它可以幫助我們對于不同文化群體的價值觀有一個較為全面的了解，從而更明白該文化群體中人們的行為傾向。

該理論總結(jié)了衡量各文化價值觀的六個維度：

了解用戶的生活習(xí)慣，對工作的態(tài)度，使用軟件的習(xí)慣，更深入了解當(dāng)?shù)赜脩?，去解讀他們的行為傾向。據(jù)此從產(chǎn)品的外觀、交互、功能、內(nèi)容點(diǎn)上剖析，產(chǎn)出普適性的適配方案和設(shè)計(jì)策略。繼續(xù)在【本土化】設(shè)計(jì)上進(jìn)行探索。

1）文化差異

對比分析新加坡和泰國兩地在文化價值觀上的差異，可以看到新加坡與泰國在個人主義和放縱與約束兩點(diǎn)上的得分幾乎一致，權(quán)利距離指數(shù)與男性化兩電話上也接近趨同，但是在不確定規(guī)律指數(shù)和長期導(dǎo)向上就有明顯的區(qū)別了，我們可以對這兩點(diǎn)進(jìn)行分析，在設(shè)計(jì)方案上做出區(qū)分，其他內(nèi)容則可以合并同類項(xiàng)，提高我們的工作效率。

新加坡不確定規(guī)避指數(shù)：8，屬于不確定性規(guī)避程度低的國家。

新加坡當(dāng)?shù)赜?3%的人信教，主要教派高達(dá)5種。新加坡政府實(shí)行宗教自由政策，提倡宗教與族群之間相互包容，和諧共處。那么當(dāng)?shù)氐拿癖?，信仰自由，自身會有較強(qiáng)的安全感，對變化包容性也會更強(qiáng)，有著輕松的生活態(tài)度，對新興事物接受能力也很高。

泰國不確定規(guī)避指數(shù)：64，屬于不確定性規(guī)避程度高的國家。

泰國是佛教之國，90%以上的民眾信奉佛教，他們保守克制，有很多文化禁忌。比如女性避免觸碰僧侶，男性避免觸碰女尼，公共場所，男女不可有太親密的舉重，在泰國當(dāng)?shù)夭豢捎懻撽P(guān)于國王和王室的話題，有可能觸犯法律。民眾受到較為傳統(tǒng)的文化影響，心理上受到約束，往往對新鮮的事物保持克制的狀態(tài)，不愿意承擔(dān)一些風(fēng)險(xiǎn)。

舉例：比如我們平臺對于泰國管理員使用的平臺版本，制定了個性化的皮膚顏色，去迎合泰國當(dāng)?shù)氐南埠茫鹬匚幕町?，是我們做出本土化適配的第一步。因?yàn)樾录悠旅癖妼π迈r事物的接受度很高，我們可以嘗試一些更為創(chuàng)新的設(shè)計(jì)，他們也能夠很快適應(yīng)，這個時候就可以在符合用戶使用習(xí)慣的基礎(chǔ)上，做出一些改變，反而能獲得客戶的好評。

新加坡長期導(dǎo)向：70，屬于長期取向國家。

長期取向的國家，民眾注重堅(jiān)持和借鑒，愿意計(jì)劃未來，設(shè)定長期目標(biāo)。那么對于B端產(chǎn)品出海，除了本身業(yè)務(wù)優(yōu)秀，還需要符合當(dāng)?shù)赜脩舻钠诖?，我們要秉持長期主義，把內(nèi)容做精做細(xì)，不斷滿足用戶的使用訴求，獲取更多的續(xù)費(fèi)。

泰國長期導(dǎo)向：32，屬于短期取向的國家。

泰國人的消費(fèi)觀念也趨向于短期取向，很多人會提前消費(fèi)，花將來的錢享受現(xiàn)在的生活，存儲率很低。想要跟泰國客戶長期合作，除了本身要滿足客戶的需求以外，還需要不斷制造“驚喜”，偶爾放出一些新鮮的想法，證明我們在努力的為他們提供服務(wù)，讓他們感受到錢沒有白花，體驗(yàn)上做到讓用戶滿意，續(xù)費(fèi)率和深度合作也會隨之而來。

2）用戶調(diào)研：習(xí)慣差異

B端的場景下，我們很難使用共情的能力，去還原用戶場景，所以尤為需要通過充分的調(diào)研，圍繞用戶角色以及使用場景去做特征的洞察。

除了在文化價值觀上的差異點(diǎn)，還需要對去當(dāng)?shù)孛癖姷纳盍?xí)慣、工作習(xí)慣、使用習(xí)慣進(jìn)行一個了解。文化價值觀能從一方面表現(xiàn)出當(dāng)?shù)孛癖姷男袨榱?xí)慣，但是也需要結(jié)合當(dāng)?shù)氐膶?shí)際情況進(jìn)行落地分析，比如泰國和新加坡同為東南亞地區(qū)的國家，但在習(xí)慣上也有明顯差異：

生活習(xí)慣：

雖然同為東南亞地區(qū)，泰國用戶普遍生活水平較低，有90%以上的民眾信奉佛教，他們很少嘗試新鮮事物。但新加坡用戶工作之外熱衷于自己的興趣愛好，時間利用充分，有興趣嘗試和感受新鮮事物，對其他國家?guī)淼男录夹g(shù)也具有較強(qiáng)的包容性。

工作習(xí)慣：

新加坡人工作嚴(yán)謹(jǐn)，在亞洲中，除了中國和中國香港，便要屬新加坡的工作時間最長了。

泰國人享受生活，工作：早9晚5，一周工作6天，對工作效率非常看重，習(xí)慣早點(diǎn)做完事早點(diǎn)下班。

使用習(xí)慣：

成熟的使用人群，可以看密度很高的數(shù)據(jù)表格；新手用戶，需要標(biāo)準(zhǔn)化的服務(wù)，新手引導(dǎo)。

3）設(shè)計(jì)差異

文化價值的不同，在對應(yīng)到四個設(shè)計(jì)方向：外觀、交互、內(nèi)容、功能，都有哪些不同點(diǎn)呢？

外觀：在視覺表現(xiàn)上，不同文化價值觀下的用戶需求有所區(qū)別，除了在品牌色上發(fā)力，我們還可以在界面組件規(guī)范進(jìn)行調(diào)整，由于B端產(chǎn)品本身的業(yè)務(wù)特點(diǎn)就是嚴(yán)謹(jǐn)、科學(xué)，我們發(fā)揮的空間不多，一般在工作臺、項(xiàng)目看板、缺省頁插畫、圖標(biāo)設(shè)計(jì)上結(jié)合本地化體驗(yàn)需求進(jìn)行設(shè)計(jì)，有共性的地方當(dāng)然也可以一套方案適配，節(jié)省資源。

交互：B端產(chǎn)品的使用門檻和業(yè)務(wù)壁壘比較高，那么我們交互設(shè)計(jì)上，盡量簡潔直觀，符合用戶的操作習(xí)慣，配合新手引導(dǎo)等等。當(dāng)產(chǎn)品適配多語言出海后，雖然不同地區(qū)的客戶，有些具有探索精神，但是他們也不會希望在一個辦公軟件上消耗過的時間。

內(nèi)容：B端產(chǎn)品多語言適配后的產(chǎn)品，還是要在內(nèi)容準(zhǔn)確度上下功夫去認(rèn)真校驗(yàn)，避免用戶在使用時語義的不清晰。內(nèi)容傳達(dá)的嚴(yán)謹(jǐn)、專業(yè)度，話術(shù)清晰明確，用戶認(rèn)同感強(qiáng)，操作效率高。

功能：功能設(shè)計(jì)是產(chǎn)品經(jīng)理負(fù)責(zé)的內(nèi)容，交互設(shè)計(jì)師協(xié)助，平衡產(chǎn)品功能與用戶體驗(yàn)。B端產(chǎn)品專業(yè)度高，所涉及到的功能操作較復(fù)雜，公司一般會對新手有培訓(xùn)工作，配合引導(dǎo)手冊，我們能在設(shè)計(jì)上進(jìn)行優(yōu)化點(diǎn)，都是去幫助用戶提升功能操作效率的，比如新引導(dǎo)，情感化設(shè)計(jì)助力等。

3. 組件庫

如果一個UI組件庫，能夠符合大眾的普遍審美，并且提供良好的交互體驗(yàn)，作為設(shè)計(jì)師或者開發(fā)者都會進(jìn)行參考和應(yīng)用。特別是有些組件庫還提供了國際化適配的內(nèi)容和功能，可以為產(chǎn)品出海提供幫助，我們在設(shè)計(jì)時也可以進(jìn)行參考和應(yīng)用。

Element-UI是目前針對于 Vue 開發(fā) PC 端項(xiàng)目的時候所使用到的一個主流 UI 庫，是現(xiàn)在基于Vue非常好用的桌面端UI組件庫。

特點(diǎn)：文檔清晰，學(xué)習(xí)成本低；提供的組件足夠使用；UI的風(fēng)格符合目前大眾的普遍審美。

如果你想要做一個公司級別的產(chǎn)品，那么Element-UI基本可以滿足，但是在樣式上，難免存在同質(zhì)化。

官網(wǎng)：https://element.eleme.cn/#/zh-CN

AntDesign提供了一套非常完整的 組件化設(shè)計(jì)規(guī)范 與 組件化編碼規(guī)范，大幅提高了部分產(chǎn)品的設(shè)計(jì)研發(fā)效率及質(zhì)量。Ant Design 與 G2 的代碼質(zhì)量和文檔質(zhì)量都非常高，算是阿里提出 “大中臺，小前臺” 后外面可見的杰出作品。

可以適配多種語言，在設(shè)計(jì)時進(jìn)行針對性參考，但是注意阿拉伯語適配存在瑕疵。

組件庫：https://preview.pro.ant.design/list/table-list/

Fusion Design是阿里巴巴開發(fā)的一套企業(yè)級的中后端UI解決方案。致力于解決設(shè)計(jì)師和前端在工作協(xié)同、產(chǎn)品體驗(yàn)一致性、開發(fā)效率方面的問題。

特點(diǎn)

• 主題多樣, 通過配置平臺切換主題
• 豐富且優(yōu)質(zhì)的 React 組件
• 設(shè)計(jì)稿-> 組件 -> 區(qū)塊 -> 項(xiàng)目模板,提供全流程的開發(fā)工具與設(shè)計(jì)工具

組件庫：https://fusion.design/pc/component/table

vuetify 是麻省理工學(xué)院的開源項(xiàng)目，文檔同樣支持全球化，它是基于 Android Material Design 風(fēng)格的一個 vue 前端組件庫。

vuetify 上手的難度會比 elementUI 要高一些，主要是因?yàn)閲獾娜说乃季S和國內(nèi)的人還是有一些不同，所以這就導(dǎo)致了 vuetify 對于國內(nèi)來說會難免有一些水土不服，但是在出海設(shè)計(jì)的本土化中，存在一定的借鑒意義。

特點(diǎn)：

1. vuetify 是國外團(tuán)隊(duì)進(jìn)行開發(fā)的一個基于 vue 的組件庫
2. 文檔相對清晰，與國人的思維不同，學(xué)習(xí)成本高
3. 提供的組件足夠使用
4. UI 的風(fēng)格是 Material Design 的設(shè)計(jì)風(fēng)格，偏向于移動端項(xiàng)目
5. vuetify 的 UI 樣式，與國人思維不同，所以比較適合需要彰顯個性的個人項(xiàng)目。

https://vuetifyjs.com/zh-Hans/

四、聚焦問題，產(chǎn)出方案

1. 數(shù)據(jù)檢索：方便可控

助力用戶在搜索數(shù)據(jù)時，更簡潔易用。

1）搜索：多語言適配需要留足空間，方便展示提示信息和用戶書寫。

基于中文本身的特點(diǎn)，很多詞語可以簡寫，打亂組合后幾個字就可以概括一句話的意思，但是英文有時很難做到這點(diǎn)，所以我們在考慮搜索框的寬度時，除了考慮中文狀態(tài)，還需要考慮適配多語言后的多種情況，盡量給文字留足可拓展區(qū)域。

①如圖案例：點(diǎn)擊搜索后，搜索框的寬度變長，方便書寫；那么在不使用時，默認(rèn)寬度也沒有占用過多的橫向空間。

②搜索項(xiàng)過多，新區(qū)域進(jìn)行承載

特別是專業(yè)度高，業(yè)務(wù)復(fù)雜的數(shù)據(jù)表格，可搜索的內(nèi)容非常多，無法一一羅列出來時，可以用彈窗去承載內(nèi)容，給客戶清晰的提示。

2）篩選

國內(nèi)適用的平鋪篩選，在多語言適配中容易出現(xiàn)占用過多屏幕的情況。

①高頻篩選外露，低頻篩選項(xiàng)收起

我們可以根據(jù)產(chǎn)品實(shí)際使用的情況，進(jìn)行篩選項(xiàng)的高頻低頻劃分，通過前端埋點(diǎn)的手法，獲取使用數(shù)據(jù)，把使用最高頻次的篩選項(xiàng)外露，其他內(nèi)容進(jìn)行收納。節(jié)省空間，合理利用屏幕。

②低頻篩選項(xiàng)使用氣泡卡片承載，提高屏幕利用率，節(jié)省屏幕空間

低頻篩選項(xiàng)雖然收起了，但是使用時展開，還是會占據(jù)屏幕較大的空間，這時我們可以使用以下這個方法，將篩選項(xiàng)的內(nèi)容使用氣泡卡片去承載，應(yīng)用狀態(tài)下，也能保證屏幕的利用率。

③ 表頭篩選，減少屏幕滑動

使用表頭篩選的前提，是相互替換的幾個表頭，要具有可替代性。切忌盲目使用，影響用戶瀏覽和判斷的效率。

3）標(biāo)簽

tab切換的標(biāo)簽名稱需要精簡，當(dāng)標(biāo)簽長度超過一定限制后，會降低用戶操作的效率，提升判斷的成本，多語言適配時，需要專業(yè)的翻譯同學(xué)幫助翻譯和簡寫，避免出現(xiàn)極端情況。

2. 數(shù)據(jù)查看：高效易用

1）控制列數(shù)

前面有提到過的一個點(diǎn)，當(dāng)一個數(shù)據(jù)表格的使用角色很多，使用訴求很復(fù)雜時，我們數(shù)據(jù)表格列數(shù)也會增加，列數(shù)需要在產(chǎn)品邏輯和用戶體驗(yàn)兩者間進(jìn)行平衡，確保每個用戶在使用時，都能夠方便快捷的找到自己想查看的數(shù)據(jù)，這里借助一句設(shè)計(jì)圈的老話：“設(shè)計(jì)的盡頭是“自定義”，我們可以通過給用戶自定義展示內(nèi)容的權(quán)利，來滿足他們的使用訴求。自定義列只選擇自己想要看的內(nèi)容即可。

自定義列這個功能，相信很多從事B端行業(yè)的同學(xué)都已經(jīng)非常熟悉了，那么在產(chǎn)品出海后，多語言適配的環(huán)境下，我們需要考慮到兩點(diǎn)是什么呢？

答案：一個是用什么容器承載所有列名稱，另外一個是操作時的交互方式。

①承載容器：列數(shù)10-15個，可以側(cè)滑出小號抽屜進(jìn)行配置；當(dāng)列數(shù)超過15個，而且具有分類屬性時，我們可以用彈窗去承載。

②交互方式：勾選即展示實(shí)時預(yù)覽和彈窗內(nèi)配置完成點(diǎn)擊確認(rèn)后相應(yīng)的兩種方式，根據(jù)需求特點(diǎn)進(jìn)行選擇。

2）控制列邊距

一旦列數(shù)增多，我們的頁面橫向空間就收到了擠壓，而且適配多語言后，某些語言會加大文字的橫向長度，這個時候，我們需要考慮好極端情況的列邊距。提前與開發(fā)同學(xué)溝通好，在交互文檔內(nèi)標(biāo)注清晰，避免數(shù)據(jù)過于緊湊，影響數(shù)據(jù)識別度。

3. 數(shù)據(jù)操作：便捷適配

1）操作圖標(biāo)使用具有全球性識別度的圖標(biāo)，避免模糊含義。

圖形需要滿足用戶的認(rèn)知，可以多去看成熟度高全球性產(chǎn)品和業(yè)內(nèi)翹楚性競品，它們使用了哪些圖標(biāo)，保證我們選擇的圖標(biāo)具有全球識別度。

2）操作圖標(biāo)盡量配合文字一起使用，降低用戶操作成本和認(rèn)知負(fù)擔(dān)。

有很多專業(yè)的內(nèi)容，如果只用圖標(biāo)無法保證能夠理解，這時，我們需要文字配合圖標(biāo)進(jìn)行展示，一個是可以保證用戶的使用，另外一點(diǎn)是能夠培養(yǎng)用戶的使用習(xí)慣和圖標(biāo)認(rèn)知。

3）盡量給操作按鈕留足橫向空間，避免適配時，出現(xiàn)“疊羅漢”等尷尬事件。

圖片中的案例，這個圖標(biāo)它的內(nèi)容無法簡寫，必須全部展示才能讓用戶知道這個按鈕的功能是什么，為了保證這樣的按鈕可以正常使用，我們需要給它們留足空間，跟前端小哥哥也要打好招呼，交接文檔要明確清晰。設(shè)計(jì)驗(yàn)收環(huán)節(jié)，對這樣的例子也要重點(diǎn)驗(yàn)收，保證用戶使用時的操作體驗(yàn)。

五、團(tuán)隊(duì)協(xié)作，檢驗(yàn)結(jié)果

1. 設(shè)計(jì)自查，提前預(yù)知適配效果

設(shè)計(jì)方案時，實(shí)時預(yù)覽多語言適配后的效果，保證設(shè)計(jì)方案的可執(zhí)行性。在設(shè)計(jì)過程中，我們需要提前校對文字適配后的視覺效果，這里推薦一個Figma的插件：Translator，能夠一鍵操作更換其他語言，可以幫助設(shè)計(jì)師檢查實(shí)際效果。

2. 團(tuán)隊(duì)翻譯協(xié)作，保證信息質(zhì)量

通常公司對于多語言適配是有專門的翻譯團(tuán)隊(duì)進(jìn)行文案校對的，通力協(xié)作保證信息質(zhì)量和翻譯的準(zhǔn)確性，保證用詞地道，正確易讀；特別是行業(yè)術(shù)語統(tǒng)一、專業(yè)、無歧義。專業(yè)翻譯團(tuán)隊(duì)校對的主要任務(wù)是彌合差異，保證內(nèi)容體驗(yàn)，特別是符合本地人閱讀信息語言習(xí)慣，還有呈現(xiàn)和輸入方式都要符合當(dāng)?shù)厝说拈喿x習(xí)慣。

3. 開發(fā)后設(shè)計(jì)檢驗(yàn)

開發(fā)完成后，著重檢查字體顯示情況：保證文字的可讀性：沒有出現(xiàn)單詞錯誤或者拆行的情況。優(yōu)化本土文化融合度：頁面的圖形，保證用戶能夠理清晰解，沒有歧義或者文化沖突。

六、結(jié)語

作為設(shè)計(jì)師，我們可以從產(chǎn)品內(nèi)核到感知層再到產(chǎn)品的外延體驗(yàn)層去構(gòu)建用戶對我們的信任，用戶也是從從體驗(yàn)產(chǎn)品開始慢慢了解產(chǎn)品，是逐漸深入的過程。所以出海產(chǎn)品的體驗(yàn)設(shè)計(jì)價值點(diǎn)，就在于彌合與當(dāng)?shù)赜脩舻捏w驗(yàn)差異，助力用戶與產(chǎn)品建立信任，持續(xù)成長到產(chǎn)生依賴，一步步拓展信任關(guān)系，最終驅(qū)動整體商業(yè)效率的提升。

讓用戶找到了熟悉的環(huán)境和歸屬感，就賦予了出海產(chǎn)品真正的生命力。

這篇文章是基于我個人的工作經(jīng)驗(yàn)和項(xiàng)目案例進(jìn)行分享的，難免存在不夠全面的問題，歡迎大家分享討論。因國內(nèi)互聯(lián)網(wǎng)的蓬勃發(fā)展，很多設(shè)計(jì)師小伙伴都在從事出海設(shè)計(jì)相關(guān)的工作，那么希望大家一起分享經(jīng)驗(yàn)，讓我們的設(shè)計(jì)能力有更全面的提升。加油！

相關(guān)文章：

https://mp.weixin.qq.com/s/AI9E5WFcsoxfem65XyGqRw《出海產(chǎn)品設(shè)計(jì)之多語言設(shè)計(jì)指南》

http://m.codemsi.com/it/5178910.html《中國產(chǎn)品出海啟示錄》

https://mp.weixin.qq.com/s/LAAVUFaWMuNGHNTcGZW-1Q《出海場景下做體驗(yàn)設(shè)計(jì)的體系化探索》

本文由郝小七指導(dǎo)http://m.codemsi.com/u/917803

本文由 @YIGEEllie 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自 Unsplash，基于 CC0 協(xié)議