GemNews

全部文章 · 文章

Shopify 新版后台全解析：工作流有哪些变化，对前台店铺有什么影响？

作者 Janie Nguyen · · 9 分钟阅读

分享: WhatsApp · Telegram · X · Facebook · LinkedIn · Email

“这到底是什么新的 Shopify 后台啊？我真的以为自己登错店铺了。”9月21日，@AnthonyEclipse (https://x.com/AnthonyEclipse/status/2102130843082736094) 在 X 上发了这条吐槽。如果你本周打开后台也有同感，别担心，你绝不是一个人。Shopify 推出了近年来改动最大的一次后台 UI 更新，许多卖家在没收到任何通知的情况下就已经用上了。

这篇文章是专门写给那些平时不关注 Shopify 设计团队社交账号的店主们。大家最关心的其实就两件事：我每天工作的后台到底变了什么？这次改动会影响顾客看到的前台店铺吗？

官方还没官宣，更新就已覆盖商家

早在官方正式发声的前三天，@AnthonyEclipse 的那条困惑贴就已经传开了。直到9月24日，Shopify 产品设计负责人 @katarinabatina (https://x.com/katarinabatina/status/2103161312901816394) 才正式宣布：“Shopify 后台换上了新外观，关键工作流的导航更顺畅，AI 助手 Sidekick 也放在了显眼位置，随时待命。”这条推文获得了 858 个赞和超过 10.5万次浏览。Shopify 官方账号则保持了一贯的简洁：“注意到了吗：后台换新装了” (https://x.com/Shopify/status/2103162879377580205)。

不过，这次发布中传播最广的并不是官方声明，而是参与该设计的 @kevinclark (https://x.com/kevinclark/status/2103217315877675423) 晒出的一组后台界面截图，获得了 1687 个赞和超过 9万次浏览。在他早些时候的推文中 (https://x.com/kevinclark/status/2103169303591707042)，他将项目目标描述为重塑 Shopify 的设计语言，“让界面兼具实用性与表现力”，并补充道“这项更新目前正陆续推出”。“陆续”是这里的关键词。如果你的后台现在看起来还是老样子，说明你还在分批推流的名单里，并不是你漏掉了什么设置。

设计团队究竟删减了什么？

Shopify 设计师 @MSchwaibold (https://x.com/MSchwaibold/status/2103227033891578047) 对这次改动做出了最透彻的解释：“重构、升级并打磨我们的核心界面。盯着旧页面，砍掉复杂的层级、颜色、边框和阴影。简化 UI，理清多年积累的设计决策。”

这句话非常关键，因为它指明了这次改动的本质。订单、产品和客户的处理逻辑没有任何改变，变的是视觉噪音。过往为了配合各种新功能上线而堆砌的边框、投影和背景色块，这次被一扫而空，页面重点内容更加突出。

同条推文还透露了项目的另一半重点：“与此同时，我们正通过 Sidekick 构建 AI 优先的交互模式。”因此，这次重构分为两个层面：一个更干净、更扁平的后台，以及将 Shopify 的 AI 助手 Sidekick 从偶现的弹窗改为了常驻侧边栏。

周一上班你会注意到的 5 个变化

结合发布公告和社区的早期反馈，以下是会直接影响卖家日常操作的几点变化：

  1. 导航菜单重新分组。 @katarinabatina 的公告中重点提到了“优化关键工作流的导航”。前几天使用时，熟悉的功能可能会出现在稍微不同的位置。
  2. 侧边栏支持快捷键折叠。 App 开发者 @junaidkbr (https://x.com/junaidkbr/status/2103215196387119176) 注意到新后台内置了 Command-B（Windows 为 Ctrl-B）收起侧边栏的功能。由于官方体验足够好，他们甚至直接下架了自家应用 Alfred 里的同款功能。这条推文获得了 311 个赞。
  3. 搜索框挪到了侧边。 开发者 @heysandy801 (https://x.com/heysandy801/status/2103598868571308416) 把这一点列为了两个槽点之一：“搜索放在侧边不如顶部直观，可能需要时间适应。”
  4. Sidekick 随时可见。 上述推文还提到了另一个槽点：Sidekick 变得随手可用，但只要一打开，展开的侧边栏就会挤占原本的操作空间。
  5. 安装的 App 界面也变了。 @heysandy801 还提到新后台“让 App 界面看起来也很棒”，但同时也指出由于官方缺乏明确的间距和标题字号文档，部分 App 在开发者适配完成前会显得有些格格不入。@junaidkbr (https://x.com/junaidkbr/status/2102778882617463095) 在谈到过渡期时更加直言不讳，希望 Shopify“已经开始全力修复新后台带来的糟心 UI 和 UX 问题”。

没有任何改变的部分：主题、页面与结账页

这是大多数卖家最需要明确的一点：这次更新纯粹是后台的设计语言升级。它改变的是你管理店铺的后厨外观，绝非前台门面。

你的店铺主题没有更新。产品页、落地页和系列页的渲染效果与上周完全一致。结账页面毫无变化。进店购物的顾客完全无法察觉你的后台变了样，@katarinabatina、@kevinclark 或 @MSchwaibold 的发布推文中，也没有任何迹象表明这套新视觉语言会被推送到面向消费者的一端。

如果你想知道 Shopify 把前后台区分得有多彻底，看看同一个月前台发生了什么就明白了。Shopify 工程师 @krzksz (https://x.com/krzksz/status/2102418718613520571) 宣布了前台的流式传输（Streaming）优化：在模板完成渲染前，页面头部就已经发送到了浏览器，在第 75 百分位上将首字节时间（TTFB）中位数缩短了 29%，且不需要修改任何主题代码。@sh_sakamoto (https://x.com/sh_sakamoto/status/2102970306898149683) 补充道，由于关键 CSS 的排序方式不同，较新的 Horizon 主题在感知速度上的提升幅度大约是 Dawn 主题的三倍。这才是 9 月真正的店铺前台更新：肉眼不可见，但速度提升实打实。后台更新则恰恰相反：视觉变化极大，但对顾客加载页面毫无影响。

所以，如果你看到新后台的第一反应是“我是不是得重新装修前台来匹配它”，答案是大可不必。根本没有任何需要匹配的东西。花一周时间重新设计产品页去迎合后台的扁平风格，最终能欣赏到这套视觉的观众只有你自己。

唯一间接影响前台的地方：App 与 Sidekick 的生态联动

有一个间接影响值得大家关注。随着 Sidekick 被摆在了核心位置，商家会开始期望它能协助处理后台的一切事务，包括第三方 App。@junaidkbr 就提出了这个疑问 (https://x.com/junaidkbr/status/2102778882617463095)：“鉴于 Sidekick 的常驻位置，卖家以后会不会默认要求 Sidekick 必须兼容每一个 App？”

这个问题的答案将直接决定你未来留用哪些 App。开发者们已经在快速跟进。发布当晚，@denniscessan (https://x.com/denniscessan/status/2103222588663267658) 就晒出了首个采用新设计语言构建的 Dashboard 原型。同周，@ShopifyDevs (https://x.com/ShopifyDevs/status/2103519635320557579) 推出了全新的开发者仪表盘。跟进新设计规范并积极适配 Sidekick 的 App 体验会非常原生；而那些不跟进的插件，在这个焕然一新的后台里会显得非常过时。

社区中也有一些审慎的声音。@heysandy801 提到，有人认为新后台相比之前的 Polaris 设计系统充斥着“无脑的 AI 垃圾，缺乏设计主见”，但他对此并不赞同：“单纯从‘所见即所得’的角度来看，我认为这次在交互和布局上确实下了不少功夫。”目前还没有公开数据证明这次改动能否提升卖家的日常处理效率，因此不管是夸是骂，暂且都当作早期的第一印象就好。

这周你需要做点什么？

你的店铺不需要做任何技术重构。不过有几件小事顺手做做，能省不少心：

  • 掌握最省时间的两组操作。 记下收起侧边栏的快捷键 Command-B（Windows 为 Ctrl-B），并搞清楚搜索框在新界面里的固定位置。下意识地用上两天，比瞎找两周管用得多。
  • 把已安装的 App 挨个点开一遍。 如果发现某个 App 界面排版错位，这是开发者的适配问题，不是你设置错了。给开发者留两周缓冲时间，不用急着判定为废弃应用。
  • 找一件你已知答案的真实任务去测试 Sidekick。 显眼的位置可能会让你忍不住盲目信任它。先用小事测测它的底细，确认输出无误再应用到实际业务中。
  • 千万别因为这次更新去动你的主题。 如果你一直想给店铺前台提速，本月真正有用的杠杆是优化主题结构（正如 @sh_sakamoto 对比 Horizon 和 Dawn 时展示的那样），而不是去做视觉上的改版。
  • 收藏好这几条发布推文。 哪天团队里的运营登录后台惊呼“是不是进错店铺了”的时候，直接把 @katarinabatina 的官方公告发给他们，省得一遍遍解释。

引用来源

在 GemCommunity 讨论

esc