出海设计必读 ！如何用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 种语言的翻译，后续会增加更多语言。
以上 ，是钉钉全球化产品设计的一个小切面 。持续关注产品设计在不同语言下的表现 ，是钉钉为全球用户提供流畅 、专业产品服务的基础。引用一位不愿意透露姓名的钉钉终端技术同学的话 ：我们多解决一个问题 ，就能让用户在使用产品过程中少「恶心」一次 。
最后 ，分享一位来自钉钉全球化团队同学对于“钉钉全球化”的思考 ：
钉钉刚刚迈出全球化的第一步 。一开始大家会说“钉钉在中国是这么做的 ，在全球其它地区也应该这么做”。但慢慢地，我们意识到这种思维方式不对 。我们还是要回到产品设计的基本原则：市场需要什么，我们能够做什么，同行都是谁 ，我们应该做什么 。中国的一些经验 ，能用的就用 ，用不了的 ，我们会考虑要不要重新来过 。如果我们觉得某个想法有价值 ，就会毫不犹豫地投入 。
感谢阅读，感谢对钉钉产品体验的关注。
作者：钉钉用户体验