据悉：
Matrix 是少数派的写作社区，我们主张分享真实的产品体验，有实用价值的经验与思考。我们会不定期挑选 Matrix 最优质的文章，展示来自用户的最真实的体验和观点。

文章代表作者个人观点，少数派仅对标题和排版略作修改。


https://www.xyfan.com/data/attac ... bdd8ccae800d49a.png

苹果一直有一项很厉害的能力，就是把一个行业已经做了多年的东西，按照自己的理解重做一遍，然后教育整个行业——产品可以这样设计。像 iPod、iPhone、AirPods等，都是如此。

因此在 iPhone Duo 发布前，作为折叠屏 + iPhone 双持用户兼设计师，我特别期待苹果能在 9.10 教师节当天，给行业开课讲讲该怎么重新设计折叠屏的体验。但真的等到这天发布完，看完媒体上手。我又开始觉得：iPhone Duo，好像并没有预想中精彩。


https://www.xyfan.com/data/attac ... a1c91502a6c0dc5.png

因此不吐不快，也想把这些天积攒下来的不解，在正式开售之前跟大家一一交流下。

相比普通 iPhone 或者 iPad，Duo 在软件层面推出了一套全新的「应用布局体系」。


https://www.xyfan.com/data/attac ... 0c3c7ba436585c5.png

作为身高并不占优的选手，为了节约其本就不宽裕的纵向空间，Duo 将大量原本位于顶部和底部的应用控件/按钮，比如返回、工具栏等，统一迁移到了屏幕右侧，形成一条垂直的控制区（Control Area），方便右手快速点击；而应用的主体内容，则自动避让这一区域保持在左侧显示，并维持一个合理的内容比例。在大部分场景下，两个区域泾渭分明，各司其职。

坦诚来讲，上述这些设计逻辑在发布会上听来感觉头头是道，合乎逻辑，甚至充满巧思。


https://www.xyfan.com/data/attac ... 817401fa98a2609.png

但当我真的更新完 Xcode Simulator，想要提前上手、一 Duo 芳容时，脑袋里只有一句话：

本身 D 型屏视觉上的不平衡，到了软件层面被进一步放大。时钟、卡片、通知……这些直觉上在屏幕居中的元素，在 Duo 的外屏都被移动到左侧的内容区，而解锁之后的桌面、应用、各种场景，也都在延续和放大这种视觉上的不对称。


https://www.xyfan.com/data/attac ... a2a8bd4a6533047.png

但在细致分析后，我发现这些布局变化影响到的不仅仅是视觉平衡，受害者也不只是强迫症。它还可能进一步打乱用户操作习惯，带来拆东墙补西墙的空间浪费，甚至让刚刚建立起的 Liquid Glass ——也偶尔变得水土不服。

像很多时候我们在 iPhone 体验一个全新 App，基本不需要学习该如何操作。毕竟大部分应用都有一套通用的设计范式，像标题栏在上，导航在下，返回手势在左，更多菜单在右。你甚至不需要知道这些按钮长什么样，实际用起来时手指自然知道该往哪儿伸。


https://www.xyfan.com/data/attac ... 046147aaf400935.png

而对于这套已经刻入肌肉记忆的操作习惯，Duo 展开了它最大刀阔斧的修改。

就像刚刚提到的，应用中那些原本分布在四周不同位置、不同层级的功能按钮，在 Duo 上都会被统一塞入右侧控制区。同时因为右侧控制区的横向空间有限，部分原本依赖「图标 + 标题」共同表达的按钮（比如底部导航），在侧边区域都不得不被压缩成纯 Icon。


https://www.xyfan.com/data/attac ... b01e465f36679c5.png

这导致的体验变化是：过去你用 iPhone 要操作某个功能，直觉会自然地引导你该往哪点；而现在，你不得不先打量一下这个功能究竟被安排到了侧边什么位置，再敢下手——甚至很多时候你可能都无法分辨。

对于返回、分享、搜索这类高频出现的通用按钮来说，换个侧边位置肯定能一眼认到。但进入第三方应用之后，会有大量自定义功能或冷门操作，本身并没有足够稳定统一的图形表达，在标题被拿掉之后，你就不得不去猜有些图标到底是干什么的。这种感觉有点像第一次打开 Photoshop 看到左边那排工具栏：一排按钮个个看起来都很有用，但未必知道到底有什么用，对于 Duo 的侧边控制区也是这个道理。


https://www.xyfan.com/data/attac ... c3d174892a05d93.png

因此迷路或误触，很可能会成为这套设计体系在初期阶段不得不面对的问题。而这些问题，都会演变为大众用户的上手成本和体验迁移成本。至于 Duo 的侧边控制区能否用足够明显的体验提升来抵消这些成本——估计得等大家真的上手用几天才能验证。

这套方案的另一个矛盾之处是「空间」，这也是我对 Duo 外屏设计最大的疑问。


https://www.xyfan.com/data/attac ... b9a71b086563571.png

苹果把控件搬到侧边的一个重要理由是：释放顶部和底部区域，让内容获得更高的纵向高度。

同时到了内屏，这种因侧边控制区导致的布局左倾、视觉不平衡的阴云，还是会继续笼罩在 Duo 的上空。


https://www.xyfan.com/data/attac ... 4f78e117bdf018f.png

而第三点瑕疵，则是 Liquid Glass 的理念回退与质感失效。

我一直认为 Liquid Glass 最有价值的特性，不仅是玻璃质感有多么精致好看，还在于它重新组织了应用内容与上层控件之间的关系。


https://www.xyfan.com/data/attac ... dedfdf0e3a6b669.png

在过去，工具栏/导航栏等往往意味着一块独立的 UI 区域，会占据大片屏内空间，而 Liquid Glass 通过半透明材质与悬浮控件，让内容得以顺利继续延伸到控件背后。

一方面，可以扩大内容在视觉上的延伸范围，提升沉浸感；另一方面，下层内容又会成为上层玻璃控件的「环境光源」，通过折射、模糊、明暗变化，让 Liquid Glass 真正产生精美的材质感。


https://www.xyfan.com/data/attac ... d3f99765c87376.jpeg

但到了 iPhone Duo，事情突然就变得尴尬起来。

因为应用的下层内容与上层控件，还没充分感受到鱼水之欢，就要被迫再次分离。大量 Liquid Glass 按钮都要从内容区域拆分出来，重新放置到右侧一块空白的侧边区域。


https://www.xyfan.com/data/attac ... 77f521bf078f831.png

相当于苹果刚用一整套全新的设计语言，拆了「内容区」和「控件区」之间的一堵墙，而到了 Duo——又重新把墙砌了回来。同时当玻璃的背后失去了丰富的内容变化，变成一片空白，它最值得展示的折射、光影与层次关系，也都一起失去了发挥空间。

以上聊了这么多的 iPhone Duo 的设计「负优化」，一个问题也就随之出现：苹果为什么非要这么做？


https://www.xyfan.com/data/attac ... 9eaf5011e1c6e1f.png

一款高精密设备的内部结构、屏幕、铰链以及元器件堆叠，往往需要比较早地确定下来。

而假设在软件设计全面展开之前，Duo 的屏幕比例、外屏形态已经基本锁定，那么 UX 团队面对的就不再是：怎样设计一块最理想的外屏体验？而变成：面对这样一块已经确定的 D 型屏，怎样让它看起来像有意为之。


https://www.xyfan.com/data/attac ... b9b8d28abd5bf01.png

从这个角度看，这套设计有它的合理性所在。只是解决方案本身，又制造了上述一批新的问题。

在 iPad 和 Mac 平台，苹果一直有着领先的多任务体验。分屏、侧拉、台前调度、自由窗口……用户基本可以选择任何想用的组合形态，即使小尺寸的 iPad mini 也都全部支持。


https://www.xyfan.com/data/attac ... 61c12764cc30528.png

因此在 Duo 发布之前，我一直很好奇：苹果会怎样把这些能力装入一台可折叠设备？

以至于看到媒体上手视频反复演示 Duo 的分屏能力时，总有种看「这台折叠屏它竟然可以折叠」的既视感。


https://www.xyfan.com/data/attac ... d4a810923c789ca.gif

关于 iPad 多任务能力的下放折叠屏的工作，苹果：

目前 Duo 的外屏前置镜头靠屏幕右上角放置，而内屏那颗屏下摄像头则位于右侧屏幕顶部居中，这其实也是个有点奇怪的组合位置分布。


https://www.xyfan.com/data/attac ... 2374f2b812c7a38.gif

首先内屏这颗 FaceTime 屏下摄像头，根据媒体实测本身并没什么画质可用性可言，而牺牲画质设计为「屏下」的核心目标，就是为了尽可能削弱摄像头的视觉存在感。而当前受到材料涂层的影响，它也并没有办法做到真正意义上的隐藏，甚至部分角度下还比较明显。

那么回到最初的设计目标，为了更极致地达到削弱视觉干扰的目的，把屏下摄像头进一步向右推向屏幕的边缘，并最终成为新版侧边状态栏的背景——可能是一个更加合理的归宿。


https://www.xyfan.com/data/attac ... 3c9c014f351db36.png

而回到外屏，目前「居右的摄像头」与「非对称外屏」、「侧边控制区」基本上已完成三位一体的布局绑定。而刚刚分析到的很多设计瑕疵，也都跟这套「布局绑定」强关联。

也许这套替代设计看起来有些无聊，甚至守旧，点亮屏幕也不再有全新布局的新奇感，但对于大部分用户，它的体验亲和度大概率会变得更好。


https://www.xyfan.com/data/attac ... f8695c9df1597f6.jpg

这当然不是什么严重的设计缺陷，普通用户也不会因为充电线摆了几下就觉得大事不妙。但它让我觉得「反差」的地方在于：

苹果在软件侧花了大量精力，极致打磨开合场景下 UI 视觉的无缝过渡，让画面看起来被固定在同一个空间位置，有着一种非常苹果式的细腻打磨。但真的回到了物理空间，它却又可以容忍一根实体的、明晃晃的线，跟随折叠开合在空间里左右摆动，那种数字世界里精心营造出来的空间一致性，到了真实物理世界又被快速打回原形……不知道苹果软件团队会不会因此破防。


https://www.xyfan.com/data/attac ... e2e4a339d6b304b.png

总之，还是要夸下今年 iPhone Duo 的开合动效，确实做得非常细腻，也是目前最能让大家感受到「Apple Design」的一部分，甚至可以说：它给 Duo 的软件体验保留了一丝很必要的体面。

以上，大概就是基于 iPhone Duo 现有物料所做的一些静态分析，能看出很多鲜明的设计新意，但同时也还留有很多尚未自洽的疑问。

也许现在就评价它的设计好坏还为时过早，在信源有限的情况下做点评也有些管中窥豹，但还是希望能与大家做一些前瞻性的交流，并一起等它开售后再做上手验证。

点击下方按钮可复制链接
（转载少数派）