“操作系统我们而言已不是最要了，更要是应用和服务。” [1]- 微软 CEO Satya Nadella
去年微软发布便携折叠屏设备 Surface Duo 首搭载了来自 Google 安卓系统，而微软 CEO 也在随后采访表示 Windows 系统已不是微软未来心，他们更关心开发者如何为这些设备创造应用，论这个平台是 Windows 是安卓。与此时，为了更好地服务开发者，微软也终于将原有 UI Fabric 框架和移动端框架迁移到个库并统称为 Fluent UI ，正完成跨平台系统 Fluent Design 搭。而官出全新 Office 套件移动版（安卓+iOS）则是应用 Fluent Design 很好应用和广。
微软重应用轻系统的策略固然它自己的历史原因，但我们仍可以从中窥见系统之间壁垒减弱的趋势。近几主流系统之间也很多互相借鉴融合，例如如今很多安卓手机默认采用了苹果的 home bar 取三金刚键，苹果 iOS 14 系统中的桌面插件也被认“逐渐安卓化”。交互方式逐渐熟趋同后，平台系统退至幕后。服务发者，让发者用户创造的价久之道。
除此之外，随着移设备的生产逐步强，手机、折叠屏、平、电脑之间的界限变得模糊，端与端的差距在缩小。同样是年，苹果正式推 iPadOS 系统，对键鼠的灵支持移端的捷和桌面端的超强生产进一步融合。而从应的开发而言 Electron、Flutter 等跨系统框架层穷，开发者在断尝试在同平台上一套代码供同一套务，减系统隔阂带来的维护成本。
尽管平台系统设计的概念还成熟，但我们可看到打流畅的全平台体验的必要性。这许会成为一代应的基础规则，正如当初的响应式设计。
腾讯档发布于 2018 年，支持流的平台和系统。但随着功的扩展，设计和开发维护成本在多线程同步增，而且因为开发的时间差，很容易现体验一致，功对齐的情况。对于快节奏的互联行，多线并行的试错成本较。
△ 腾讯档支持的端和平台
初期腾文档为快速上，同时持各平台的一致，手机端和平板端的 App 是基 Web 简单适而来，能差，无法满用户的基诉求。为从根上决问题，文档团对产品在平台和端上的表现重新进行审视，对框架进行设计整和优化，希望通次改版给用户带来更流畅高效的平台验。
此时此刻，一个腾文档的白领用户能正在工位写报告或通勤的路上查阅文档，一名学生能在电脑上写论文或者去打印店打印，一位老师则能刚刚一份在统计表到群里让各位家长在手机上填写。腾文档需要尽能地覆盖渠道和场，支撑用户正做到随时随地打开文档，快速完成当下的任务。
但值得注的是，在全的计当中并不追求完全的一致，而是整体知的和谐。一致的界面可以降低认知成本，但用户在不同环也会有不同预期，例如在性能更大的备上然希望能够完成更复杂的任。那腾讯文档如何保持其“效率”的征？为此确立了以下计则：确保内部知的一致性，让各端效益最大化。
△ 全计的则
一致性是产品计的基础，它可以大大减少用户的学习成本，同化用户对产品调性或者品牌的认知。
好品规范可以起到从风格上起到提纲挈领作用，如主色调，体，icon 风格，和用户话语言语调等等。而完善设计系统则可以深入到组件，让用户从使用习惯上觉熟悉和畅，从而创造致品体验。
如说品核心体验是块石头，那么桌设备、移动设备、小程序等等像形状各异容。把核心体验放到不容时，充分利用该环境优势，填充体验缝隙，于腾讯文档这样效率型品则尤为要。
我们可以从三维度去考发机会：平台环境 / 使用姿态 / 交互方式。
△ 效益化的三维度
1. 平台环境
屏幕尺寸
电脑、平板、手基础布局异；异形屏、折叠屏，手竖屏，浏览窗口伸适配。
系统环境
Windows 和 Mac 头部有异；部分 Android 系统底部保留了虚拟三大刚键；小程序右上固定有个控件；H5 自带顶部和底部导航栏，需考虑最小展示区域。
平台特性
移动端可过跳转应用快速授权登录或分享到社交平台；桌端可过鼠标拖拽快速上传或批量操作。
△ 常见平台环境示例
2. 使用姿态
用户在移动端使用常为临时态，短时内聚焦单个任务。此时明确导航和突出信息能够更好地帮助用户完成任务。
用户桌面端的姿态通常比较专注，可能持续一段时间。此时界面中高效清晰展示较丰富的信息能够好利用户的注意力，减少不必的跳转，高效完任务。
3. 交互方式
相同的布局不同的平台也面对不同的交互方式。手指左划右划，按拖拽都移动端的常见操作，桌面端通过键鼠控制时，则需转译鼠标左右键点击，点击拖拽。此外桌面端善用捷键也提升效率的重方式，尤其对于具一验并寻求阶的用户，养习惯也于提升用户粘性。
除了核心交互方式的差异，移端还有两个独特的优势：1. 更丰富的输入形态。例如拍照扫描，语音录入，手写笔，陀螺仪 (例如甩手机撤输入)，定位系统等。恰当进行利够给户带来同于桌面端的效率升；2. 更方通过QQ/微信等社交平台进行分享传播。挖掘社交平台中的场景带来户，形成良性循环。
平板设备需要额外注意，特别是针对新的 iPadOS 系统。它虽以移动端互为主，但也融合键鼠的适。因此必要时也需要提供元素的 hover 响应，并和开同学定义键盘快捷键和鼠标点击的互策略。
接下简单分享一下腾文档的践程。我们在“确内部感的一致，让各端效益最大化”的原则下，采用从静到动，从外到内，从通用到特殊的顺序着手定义规则。
1. 定义各端静态框架
手机端 的特点是专注当前任务。可通过信息降噪，强对来信息传达明确，帮助户成单个任务；而清晰的导航可避免小屏幕上页面频繁切换带来的导航负担。
用户通常为单手手持设备，因此我们将主导航下移使得更容易点击。此外在框架上预留语音，拍照等快捷创建内容的口规划。
平板端 在互方式上和手机很相似，但更大的屏幕尺寸允许用户现轻量的任务。在平板上我们支持三栏局以提升信息展示效率，减少不必要的页面跳转。考虑到用户通常为双手手持，我们将主导航放在左更方便点击的位置。
桌面端 是主力生产平台，通常是窗口任务，键鼠操精确高效。在注姿态下，我们以尽量安静地展示更常用功能，让用户在一个视图中即完成相对复的任务。同时在列表页中，更大的空间让我们以把目录树展开，减少导航跳转。
下图汇总三个端导航的映射关系以及功能上的差异点。
2. 布的态响应
系统的强健性：系统在一定参数扰，仍维持某些性的特性。
定义各端的静态框架后开始考虑中间状态的响应过渡。如今设备之间的差异越来越模糊，使方式越来越灵。要想低成本地应对，我们需要对页面进行足够的分解和抽象。而这就得到 iOS 系统中一个叫 Size Classes [3] 的概念。
Size Classes 2014 年苹果的开者大 ，在个规则中开人以无需判断设备的类型，而是将屏幕的长和宽抽象为宽松和紧凑两种类型，从而组合出不同的设备尺寸。开人只要在 Xcode 中设置在对应局下的显示规则即，iOS 系统自动根据内容的尺寸类型去整局。套规则大大减轻开人的适工量，也为苹果之更尺寸和更高分辨率的设备适的打下基础，吸引更开人用更小的成开出通用的应用。
△ 苹果设备的 Size Classes 示例
参考 Size Classes 的规则，将页面定义为宽和紧凑种布局。那一个页面可能适用于宽或紧凑的布局，或者由多页页面组而成，而页面的布局则根据它当前的尺寸去判断是适用于宽还是紧凑布局。这只需要定义种基础布局的响则即可组出更多页面。
以下图平板界为例，它实上由个列表页 (紧凑布局) 和详情页 (宽松布局) 组合而成。在手端显示时，个子页则成为个独立页，继续根据尺寸判断布局策略即可，需新定义距。
3. 容器的动响应
在页面的布局策略发生变化，页面的容器也需要进行一些形变化以更好的适用当前景。以菜为例，在紧凑布局下通过增加蒙层的方式可以让用户更好地聚焦当前任。
而当屏幕尺寸较大，页面响应为宽布局，在触发菜的按钮附近以浮层的方式展示则可以避免中断用户的流程，并保留更多环息。
4. 排查特殊境
定完通用规则之需排查一遍是否有特殊场被遗漏。比产品在三方平台内嵌的场。
以内嵌企业的腾讯文档应用为例，现网多导航的嵌套导致文档乎不可用。但因为企业是效率公用户重要的一环，它对用户有重要的价值，因此在衡投入和收益后，仍为这种情况补充了殊的响应策略。
△ 企业中的“腾讯文档”应用
经整，腾文档的新版 App (手机/平板) 以及电脑客户端 (Windows/Mac) 均已上架。iPad 版也支持键盘和鼠标啦。文末附有直达链接，欢迎下载验。
△ Craig Federighi 在演示 Cnontinuity demo [4]
最让我们回到 2014 年，苹果在的 iOS 8 的上首次推出 Hand-off 功能。你以在手机上编辑一封邮件或短息，在另一个设备上无缝衔接继续编辑。通 iCloud 和蓝牙，苹果的应用以在 Mac，iPad 和 iPhone 之间时刻持验上的连贯。我想是平台设计进程中的最令人激动的正的创新。
当万物互的代来，一切都可以成为媒介，一切都可以交互。也许那候真的可以做“内容就像水”，跨过系统和的壁垒实现流畅无缝的体验。
△ 扫码下载腾讯文档 APP
引用：
- [1]https://www.theverge.com/2019/10/3/20896908/microsoft-windows-satya-nadella-importance-apps-services-android
- [2] 《交互设计精髓》
- [3]https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/adaptivity-and-layout/
- [4]https://www.youtube.com/watch?v=HeW7zxoyq0o&ab_channel=McLeonida
欢迎关注作者微信公众：「腾讯ISUX」
浙公网安备33011002017549号