Flyme Auto 全球化设计
项目背景
Flyme Auto 的基础体验最初围绕中国市场建立。
伴随集团出海策略推进，团队急需一套面向全球车型的平台化设计方案。
问题与挑战
按钮装不下，标题变成两三行，原来靠左的内容要从右侧开始读。再把同一套页面放进右舵车，地图、Dock 和控制中心又远离了驾驶员一侧。
1. 文本长度：不同语言的文本长度不一
Flyme Auto 最初面向中国市场设计。切换到全球化适配后，需要用灵活布局和统一规范处理文本拓展引发的布局问题。
2. RTL 语言：阅读顺序变化
- LTR 从左向右，适用于中文、日文及大多数西方语言。
- RTL 从右向左，主要用于阿拉伯语和希伯来语。
3. 左右舵：操作热区变化
右舵车型改变了驾驶员位置。原本按左舵驾驶员设计的高优先级功能，在右舵车型中会离驾驶员更远。
调研分析
从问题出发，我完成了深入调研并撰写全球化适配文档，明确设计目标与执行计划，并带领其他设计师共同推进。
一、长文本适配
原 Flyme Auto 面向中国市场的设计，在切换为全球化适配后，需要灵活的布局和统一的设计规范来处理文本拓展导致的布局问题。
我制定了 6 个适配方法，用于处理 Flyme Auto 中的 2 类主要场景。
长文本适配方法
两大主要适配场景
- 公共控件：系统内大部分场景即可获得基础适配，同时最大限度减轻业务设计师的重复工作。
- 主框架：除基本长文本适配外，主框架需要针对高频界面进行精细调整，保证核心内容完整显示。
二、RTL 适配
在 RTL 语言环境中，原本按照 LTR 阅读顺序设计的界面会变得阅读方向与布局整体错位。
- LTR（Left to Right）：从左到右的阅读方向，常见于中文、日文以及大多数西方语言。
- RTL（Right to Left）：从右到左的阅读方向，主要用于阿拉伯语和希伯来语。
RTL 适配方法
- 图片及图标
- 阿拉伯数字格式
- 文本阅读顺序
- 控件阅读顺序
后续根据以上原则适配公共控件与主框架。
三、左右舵适配
在右舵车型中，驾驶员的位置发生变化，因此需要镜像功能按键顺序。合理调整功能布局可以提升操作效率与驾驶安全性。
左右舵适配的难点在于它会与 RTL 适配交叉，两者都会改变界面中控件的位置。
- 左右舵适配：处理操作热区，将更高优先级的功能放在主驾侧。
- RTL 适配：处理阅读顺序，按照阅读方向排布功能。
理想状态下，阅读起点位于主驾侧，用户视线起点同时处于最佳操作热区。
如果阅读起点不在主驾侧，左右舵和 RTL 规则会发生冲突吗？
思考
- 左右舵影响热区，主要改变控件位置。
- RTL 影响阅读顺序，主要改变控件内容与编排。
由此可以得出适配判断：布局层适配带有上下文。
P0：主框架，高频使用界面
- 状态栏、状态栏浮窗、偏好调节浮窗
- Dock 栏、Smart Bar、地图插件、控制中心
- 小窗及小窗对应的横向手势
P0：与位置强相关的界面
- 车模内饰、空调布局
- 语音、手势
无需根据左右舵变化的通用布局
- 顶部标题栏加内容：能量中心、安全管家及各应用二级页、设置页
- 顶部导航栏加内容：空间音效
- 侧边导航栏加内容：主题商店、地图设置页
- 侧边导航栏加内容与占位图：车控、音乐
最后，这次全球化设计让我成长了很多，不论是协作或是设计上都有了更多思考。
前阵子在 X 上看到海外有个巴西小姐姐发的推特莫名火了，在她的评论区看到全球各地网友晒出来的 Flyme Auto，内心还是很开心的。
