出海设计必读 ！如何用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 种语言的翻译 ，后续会增加更多语言。

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

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

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

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

作者 ：钉钉用户体验