淘宝为 iPhone Duo 改了购物流程：底栏挪到右边，商品页左右分屏

淘宝今天发文，把 iPhone Duo 上的购物流程重排了一遍：搜索、商品浏览、客服沟通到下单支付，几个环节的位置都动了。最直观的一处是底部那排标签栏不见了，五个入口竖着排在屏幕右侧。

这不是换皮。iPhone Duo 展开后的内屏是 7.6 英寸、1878×2670 分辨率，横过来之后的显示比例约 1.42:1，比常见直板机宽得多，也比 iPad 更接近方形。底部横栏在这么宽的画布上会把内容区压扁，挪到侧边之后，纵向空间才还给了商品本身。

导航栏从底部搬到右侧

五个入口竖排之后，单手拇指的活动范围也变了。横屏握持时右手拇指落在右侧中段，正好是这排图标的位置，不用再伸到屏幕最下方。淘宝的说法是「扩大内容展示空间，同时让单手操作更顺手」，两件事其实是同一个改动带来的。

同样的逻辑推到商品页会更明显。底部导航栏占掉的那一条，在 7.6 英寸屏幕上等于一整行商品卡片的高度。

商品页：横过来就是左右分屏

横向使用商品页时，页面会切成左右两栏：左边是高清商品大图，右边是价格、参数、用户评价与购买按钮。原本需要上下翻页才能对照的信息，现在并排摆着。

以 iPhone Duo 自己的商品页为例，左侧是大图与缩略图切换，右侧从 15999 元起的价格、12 期免息、Apple Store 官方旗舰店标识一路排到「加入购物车」与「立即购买」。看图和比价这两件事，第一次可以同时进行。

搜索结果能捏出四列

搜索结果页给了一个可调的密度。用户双指捏合就能改商品列表的排列，一屏最多同时显示四列商品，方便快速比较多件商品。这个手势在直板机上是缩小图片，在这里是改变列数。

四列是上限。屏幕宽度固定，列数越多每张卡片越小，商品图与价格的可读性会下降，淘宝把上限停在四列，是给文字留了余地。

消息、购物车、个人页跟着挪

消息页改成左右分栏，左边是商家列表，右边直接展开聊天窗口。切换商家不用退出对话框再点进去，客服沟通的来回层级少了一层。

购物车的改动是把信息摊开：商品名称、尺码、颜色、优惠券与服务保障都能直接看到，不必频繁展开折叠选项。个人页则重排了布局，优惠券与会员权益在一屏里能显示更多，收藏的商品与关注的店铺换成了更大的图片。

这些改动都不算新技术，是把「一屏能放多少」重新算了一遍。手机宽度增加之后，原本必须分页的内容可以并排，原本收进二级菜单的信息可以提到面上。

AI 试衣把「对照」做进了分屏

AI 试衣这次的改动最贴合大屏：左侧看试穿效果，右侧同步挑选衣服与鞋子，两件不同商品的搭配效果可以并排对比，不用反复切换页面。上方还能在「试单品」「AI 搭配」「试穿记录」之间切换。

对照这件事在小屏上一直做不好，原因是屏幕只能容纳一个主体。分屏把「看效果」与「挑单品」拆到两侧，逻辑上更接近线下试衣间——镜子和衣架本来就在两个位置。

适配的参照：1.42:1 的横向画布

把淘宝这次改动与其他应用的适配放在一起看，路径分成两类：一类只是把界面拉宽，元素跟着变大；另一类重新分配左右，把原本纵向堆叠的内容改成并排。淘宝走的是后一条路，导航栏、商品页、消息页、AI 试衣四处都做了左右切分。

苹果给通过适配的应用发了一个标签，首批名单在开售前公布，第二批本周跟进（iPhone Duo 适配第二批：GarageBand 宽版、特斯拉双栏、Things 开侧栏）。标签本身不评价适配质量，开发者能围绕的硬约束很具体：横向 1.42:1 的比例决定了分屏能切多宽、一屏能塞几列。

用户想判断一个应用有没有认真适配，看一处就够：横过来之后，界面是变宽了，还是重新排过了。淘宝这次的答案是后者。