出海设计必读！如何用3个月解决6000个全球语言适配问题？

今年 6 月，钉钉宣布出海战略——提供全球一致的沟通协作平台，帮助企业解决跨国沟通协作的问题。服务全球用户，首先要解决的是语言问题，确保来自不同国家、使用不同语言的用户，都能顺畅使用钉钉的产品和服务。目前，钉钉已支持 15 个国家/地区的语言。

随之而来，原本以中文为主要语言设计的产品界面，当用户将钉钉切换成其它语言之后，会出现「省略、截断、重叠、拥挤、翻译不准确、拼写错误、表述不一致」等常见的全球语言适配问题——导致用户在使用非中文语言产品过程中，无法获取准确信息、难以快速定位关键信息，甚至可能出现操作错误、流程中断、任务无法完成等情况，严重影响用户的使用体验。

一款剑指全球市场的产品，存在十分基础的全球语言适配问题，对于产品品牌来说，也是一种伤害——用户会认为钉钉不专业、不严谨、缺乏本土化的诚意，甚至感到不被尊重。来自一位用户的反馈：很难想象这是国际大厂的产品，钉钉是请不起英语专业的人吗？

三个月，我们更新了 300000+ 条全球语言文案，解决了 6000+ 个全球语言适配问题。其中，对用户使用体验影响最严重的是译文「省略、截断、重叠、拥挤」问题，典型特征是译文结尾的省略符号“...”。

不同语言文字「字长」的差异，是造成问题的主要原因。相较中文、日文、韩文等信息密度大的语言，使用字母书写的英语或者类英语（English-like——谷歌 Material Design 对西欧、中欧和东欧以及非洲大部分使用拉丁字母书写语言的统称），往往需要更多的文字展示空间。

如何解决？可以采取「精简译文、预留空间、纵向折行、缩减字号、调整布局、渐进说明」等设计策略。

一、精简译文

去除冗余的表达，能够有效缩短不同语言文案的长度。如果正在阅读这篇文章的朋友，读过《钉钉产品体验那些事：我们没有写好的 10 条产品文案》 ，那么会发现「清晰准确」和「简单有效」是钉钉产品文案写作非常重要的两个原则。

案例 1：移动端｜选择 AI 助理

Before：译文 “Choose an AI Assistant” 未展示完整，并和右侧图标文字重叠，看着像出了 Bug（故障）？

After：最新译文 “Choose”，文案长度缩短，信息展示完整，结合上下文操作，用户能够清楚知道当前功能是用来做什么的。

案例 2：移动端｜IM 消息互动操作

Before：译文 “Save to emoji” “More emoji” 未展示完整。

After：最新译文 “Add”，“GIFs”，文案长度缩短，信息展示完整，结合上下文操作，用户能够清楚知道当前功能是用来做什么的。

案例 3：移动端｜钉钉日程桌面小组件

Before：中文“日程已开始”，译文 “The schedule has already begun” 未展示完整。

After：最新译文 “Event Started”，文案长度缩短，信息展示完整，用户能够清楚知道当前日程的状态。

二、预留空间

增加「容器」和「内容」本身的横向展示空间——这是一个非常基础的产品设计手段，但在以中文为主要语言设计产品的时候，很容易被忽视。根据不同语言的字符长度，我们在做全球语言产品设计时，需要预留至少 2 倍于中文字符长度的文案展示空间。

案例 1：移动端｜Mini 个人详情

Before：用户在移动端查看 Mini 个人详情的时候，5 个入口，有 3 个入口译文名称没有展示完整。

After：精简译文的同时，增加「容器」浮层卡片的宽度，完整展示所有功能入口的译文名称。

案例 2：Windows 端｜搜索框

Before：我们在 Windows 端的搜索框里，通过预置文案的方式告诉用户可以使用快捷键 Ctrl+Shift+F 快速激活搜索功能，但是用户如果按照未展示全的译文 Ctrl+Shift 进行操作，那他一定无法激活搜索功能——错误的产品文案，和没有产品文案，都会导致产品功能不可用。

After：增加「内容」本身的展示区域，完整展示快捷键信息。

三、纵向折行

B 端产品里的一些复杂功能和操作，通常需要较长的说明文案才能描述准确。较长的中文文案，意味着更长的译文文案。当横向空间不够的时候，拓展纵向空间，支持「纵向折行」--- 这同样是一个非常基础的产品设计手段。

案例：自定义导航栏

Before：当用户在 PC 端使用自定义导航栏功能时，我们想告诉他们相同功能在手机端的使用路径。译文“You can enable the "More" feature on DingTalk mobile in "My"-"Settings"-"Appearance and Layout""未展示完整。

After：支持「纵向折行」，完整展示说明文案，让用户能够清楚知道移动端相同功能的使用路径。

四、缩减字号

当横向空间无法再增加，纵向也无法折行的时候，可适当缩小译文字号。

案例: PC 客户端｜主导航

Before：钉钉 PC 客户端的主导航，一级产品界面，竟然有很多功能的译文名称展示不完整。

After：用户将钉钉语言切换至非中文，主导航栏的字号缩小 1 号——所有产品功能的译文名称，展示完整了。

五、调整布局

1. 减少宫格布局。如果避免不了，则减少单行展示的宫格数量。

案例：PC 客户端｜主导航「更多」功能

Before：还是钉钉 PC 客户端的主导航，用户点击「More」查看更多功能，二级界面，竟然也有很多功能的译文名称展示不完整——提问：如果用户不知道某个产品功能叫什么，他会不会使用？

After：当用户将钉钉语言切换至非中文，「More」功能界面的布局，将从每行展示 3 个功能入口调整为每行展示 2 个，所有产品功能的译文名称，展示完整了——用户至少知道怎么称呼它们了。

2. 使用「上下结构（垂直布局）」

案例：PC 端｜个人详情

Before：当你查看同事张志明的个人信息时，你会发现产品界面上有很多你好像认识又不认识的英文单词“JobNumb” “informa” “Departme” “Direct”。

After：当用户将钉钉语言切换至非中文，列表信息的布局由「左右结构（水平布局）」调整成「上下结构（垂直布局）」，这时你可以确定这些英文单词你全部认识：“JobNumber” “Information” “Department” “Direct Manager”。

六、渐进说明

如果以上策略都无法使信息展示完整，移动端可以通过折叠/展开描述文字，PC 端可采用鼠标 Hover 展示更多说明的方式处理。

案例：PC 端｜图片查看器

Before：译文“Quick Reading”“Extract text”“Find in chat”未展示完整。

After：我们将功能名称的译文精简为“AI”“OCR”“Find”，文案长度缩短后能够完整展示。但是更精简的译文，对于用户来说可能仍然存在理解门槛，所以当用户鼠标 Hover 在功能入口上时，通过提示气泡的方式展示更详细的说明。

最后，再次和大家介绍钉钉的「全界面翻译」功能，通过「我的 > 设置与隐私 > 通用 > 全界面翻译」开启。开启后，界面上会出现一个“悬浮”翻译操作按钮，点一下，即可将所有产品界面——是的，所有界面——翻译成你指定的语言。

目前已上线 Android、iOS、Windows、Mac 客户端，支持中文、繁体中文（香港）、繁体中文（台湾）、英语、日语、韩语、越南语、泰语、印度尼西亚语、马来西亚语、西班牙语、法语、葡萄牙语、土耳其语、俄语、意大利语、德语、印地语、波兰语、荷兰语、希伯来语、阿拉伯语，共 22 种语言的翻译，后续会增加更多语言。

以上，是钉钉全球化产品设计的一个小切面。持续关注产品设计在不同语言下的表现，是钉钉为全球用户提供流畅、专业产品服务的基础。引用一位不愿意透露姓名的钉钉终端技术同学的话：我们多解决一个问题，就能让用户在使用产品过程中少「恶心」一次。

最后，分享一位来自钉钉全球化团队同学对于“钉钉全球化”的思考：

钉钉刚刚迈出全球化的第一步。一开始大家会说“钉钉在中国是这么做的，在全球其它地区也应该这么做”。但慢慢地，我们意识到这种思维方式不对。我们还是要回到产品设计的基本原则：市场需要什么，我们能够做什么，同行都是谁，我们应该做什么。中国的一些经验，能用的就用，用不了的，我们会考虑要不要重新来过。如果我们觉得某个想法有价值，就会毫不犹豫地投入。

感谢阅读，感谢对钉钉产品体验的关注。

欢迎关注作者微信公众号：「钉钉用户体验」