SaaS 国际化多语言交付
主导知学云 SaaS 产品国际化改造,面对零先例、强时间压力与 RTL 陌生领域,设计「先暴露、再归类、最后集中处理」的推进方法论,将 500+ 问题压缩为 5 类批量处理,6 语种按期上线,沉淀可复用国际化设计规范。
背景与挑战
随着公司接到联合国教科文组织项目,需要快速推进产品国际化改造,B2B SaaS 平台面临紧急的 i18n 与改造。然而,平台早期为了快速交付,沉淀了体量庞大且高度耦合的业务模板,页面多由多个硬编码的小组件拼接而成。另外,团队没有产品国际化经验,行业内现成方案参考意义不大。
-
国际化基建零经验:系统底层此前仅支持中英双语,缺乏全球化多语言的底层抽象架构,团队在面对语料管理和动态容器适配上没有先例可循。
-
RTL、BiDi 的冲突:阿拉伯语等由右向左的阅读习惯,要求界面进行全面的镜像转换。但由于组件耦合度极高,双向文本混排时出现了严重的界面溃散、语义反转和交互逻辑错乱,这是团队完全陌生的工程领域。
-
时间窗口期短:业务模板与组件数量庞大,且改造的工期很短。若采用传统的方式,研发资源无法承受,交付时间更无法保障。
我设计的推进方式
面对「边界不清 + 时间紧」的问题,逐页处理是最低效但最小风险的做法。我的判断是:先把问题全部快速暴露出来,再分类集中处理。
实际步骤:
传统做法是逐页修复,但面对 500+ 条问题和紧迫的交付节点,这条路走不通。所以我的判断是:问题的根源是有限的几类结构性矛盾,找到这几类,批量击破,比一条一条响应快得多。
从问题到规范:完整的处理链路
第一步:归类
收集到的 500+ 条问题,最终归纳为 5 大类:
| 类别 | 典型问题 |
|---|---|
| 布局与组件层级 | 组件在多语言下错位、溢出、层级混乱 |
| RTL 适配 | 阿拉伯语界面镜像不完整,阅读顺序错乱 |
| 文案承载与语言结构 | 容器宽度写死,长文案截断或溢出 |
| 视觉资源与图片带字 | 图片内嵌文字无法随语言切换 |
| 格式与本地化习惯 | 日期、数字、序数词格式未按地区适配 |

第二步:排优先级
用 4 个维度判断每类问题的处理顺序:可用性影响、覆盖面、耦合性带来的连锁风险、体验修复成本。
| 类别 | 优先级 | 原因 |
|---|---|---|
| 布局与组件层级 | P0 | 影响主流程,覆盖面广,一次修复 ROI 最大 |
| RTL 适配 | P0 | 影响主流程,团队零经验,耦合风险最高 |
| 文案承载与语言结构 | P1 | 不阻碍主流程,可迭代消化 |
| 视觉资源与图片带字 | P1 | 不阻碍主流程,可迭代消化 |
| 格式与本地化习惯 | P1 | 不阻碍主流程,可迭代消化 |
第三步:集中修复后,沉淀为可复用规范
针对这 5 类问题,项目结束后整理为国际化设计规范,后续多语言改造可直接复用:
沉淀的国际化规范
-
文案适配:容器不写死宽高 / 超长文案统一处理策略 / 句子与表单值分离
-
布局与组件:优先弹性布局 / 定义最小最大宽度 / 慎用多列固定布局
-
RTL 规则:明确镜像范围(布局 / 对齐 / 交互方向)/ 明确「不镜像」清单(数字、时钟、播放器等)/ 混排场景处理原则
-
视觉资源:避免图片带字 / 图标方向性镜像规则 / 视觉素材与语言切换解耦
-
字体与格式:按语言加载字体 / 数字日期按地区格式化 / 量词序数词处理规则

结果
这个项目的核心价值价值不止于这一次项目,它让同类问题第一次有了可复用的解决办法。
-
6 语种按期上线,200+ 组件完成适配
-
沉淀可复用国际化规范,降低后续多语言改造成本
