“尽早采用,但要负责任地采用”:Zoho 如何将新设计应用于 100 多款 App

A product mockup displaying the Bigin CRM application across multiple Apple devices, including an iPhone, iPad, Apple Watch, and a MacBook. The macOS and iPadOS interfaces display a detailed contacts list and customer profile view, while the iOS and watchOS screens show simplified layouts optimized for smaller displays.

当 Apple 推出新设计和 Liquid Glass 时,Zoho 迅速采取行动。他们别无选择。

作为在 App Store 中上架了 100 多款 App 的公司,他们深知采用新设计绝非易事。但在随后的几个月里,根据取得的成果,他们认为付出的努力完全是值得的。“我们的策略经过深思熟虑,并且是分阶段推进的,特别是考虑到我们生态系统的规模。”Zoho 产品管理总监 Ashok Ramamoorthy 表示。

我们与 Ramamoorthy 探讨了团队如何应对这次转型、哪些方面让他们感到意外,以及其他开发者可以从这次经历中学到什么。

请谈谈你们团队决定采用新设计和 Liquid Glass 的原因。

Ramamoorthy: 当 Apple 推出这种新的设计语言时,我们认为这既是机遇,也是责任。因此,我们采取了双管齐下的方法。

我们优先采用 SwiftUI 开发的 App 能够无缝适应调整。许多 App 与 Liquid Glass 自然契合,开发者只需完成极少的工作即可编译并从视觉上与新设计语言融合。

对于基于 UIKit 的 App,我们采用了分两个阶段完成的策略。第一阶段重点关注兼容性和稳定性,确保 App 与新设计系统完美协作,而不会中断现有工作流程。第二阶段正在进行中:这是一次以设计为导向的演变,我们将通过践行 Liquid Glass 原则来逐步重新构思核心体验,从而重新设计导航模式和互动模型,以充分利用它带来的深度、层次感和流畅性。

我们并不只是将 Liquid Glass 视为一次视觉上的更新,而是将它视为重新构思用户如何与 App 互动的契机,并通过分阶段采用,在创新与稳定性之间实现平衡。


An iPad screen displaying a note-taking application with a split-screen interface. The left side shows a list of note cards, while the right side displays an active audio recording note titled “Class Discussion: Renewable Energy” with a green background, showing an audio waveform and a raw scrollable transcript below it.

“Notebook”是一款卡片式笔记 App,帮助用户在不同设备之间记录和分享想法。

从 App Store 下载“Notebook”>


你们团队拥有数量庞大的 App。采用新设计的流程是怎样的?

Ramamoorthy: 当 Apple 这么大规模地推出新的设计方向时,我们认为开发者应该主动接纳,而不是拖延观望。所以我们迅速且坚定地做出了决定。

话虽如此,具体的采用方式需要精心规划。我们根据资源可用性、代码库复杂程度、每个 App 的性质以及业务关键性确定了部署的优先顺序。这帮助我们在速度与稳定性之间实现了平衡。

起初,我们确实有一些顾虑:基于 UIKit 的 App 能够在多大程度上有效地适应调整、如何确保不同操作系统版本之间的向后兼容性,以及每个 App 是需要进行彻底改造还是渐进式演变。但这些考量并没有拖慢我们的决策速度,而是帮助我们制定了更加周全的部署策略。

归根结底,我们的思路很简单:尽早采用,但要负责任地采用。

第一步是什么?

Ramamoorthy: 我们使用 Xcode Beta 版编译了 App,并观察了它们在新设计系统中的呈现效果。这让我们立即清楚地了解了现有界面的表现,并帮助我们确定了从何处着手。

与此同时,一些 App 选择了更具野心的路径。例如,“Bigin by Zoho CRM”不满足于渐进式更改,选择全面践行 Liquid Glass 原则,并以发布首日即同步推出为目标。这虽然充满挑战,但帮助我们提前突破了界限,为我们的其他 App 树立了标杆。


An iPad screen displaying the Bigin CRM app interface, showing a three-pane layout. The left sidebar lists navigation options under Zylker Tech, the middle column displays a list of contacts, and the right pane shows detailed contact information for Abby Perez of Gizmo Experts.

Zoho 的 CRM App“Bigin”专为小型企业而设计。

从 App Store 下载“Bigin”>


如今新设计已发布近一年,最重要的收获有哪些?

Ramamoorthy: 最大的收获在于,设计如何能切实提升可用性,特别是对于企业用户而言。与日常消费类 App 相比,我们的 App 更注重任务驱动,通常长时间使用,这种情况下效率至关重要。借助 Liquid Glass,我们简化了导航,使分层信息更加清晰明了,并使互动更加轻盈直观。

坦白说,我们在首日推出时持谨慎态度。商务 App 中的任何重大设计变更都可能导致既定习惯被打乱。但用户的反响令人感到安心——他们很快适应了变化,很多时候还对这些改进表示了赞赏。尤其是导航模式和标签结构,获得了积极的反馈。

关键启示:Liquid Glass 不仅仅是一次视觉焕新,它还鼓励你重新构思结构和流程。只有那些真正践行相关原则,而不是仅仅将它视为表层更新的团队,才能收获最好的成效。

我们在开发者社区中也观察到了类似的规律。全面采用这一设计系统的 App 要重新设计互动和层次结构,这比仅仅做出视觉更改的 App 更具表现力。要采用新的设计语言,思维方式与具体实施同样重要。


An iPad displays a marketing campaign tracker application featuring a detailed data table under a green header. A pop-up menu on the right shows a search field for adding a new column, with "Campaign code" entered and suggested field types "Autonumber" and "Number" listed. The underlying table lists various campaign entries alongside columns for campaign goals, assignees, creative thumbnails, and scheduling dates.

“Tables”是一款适用于各种规模团队的数据库和电子表格工具。

从 App Store 下载“Tables”>


自采用以来,你看到了哪些好处?

Ramamoorthy: 最显著的改进在于更加简洁的导航,它简化了复杂的工作流程,突出了关键内容,这对于具有速度和清晰布局需求的企业用户来说尤为重要。

从指标角度来看,我们观察到 App 性能有所提升,特别是在我们对 UI 堆栈的某些部分进行现代化改造后;会话持续时间更长;关键功能由于更合理的布局和层次结构变得更易于发现,采用率有所提高。

最大的好处在于同时兼顾简单性和有效性,用户能够以更少的精力完成更多工作。

反响如何?

Ramamoorthy: 非常鼓舞人心。我们的 App 面向企业用户,他们通常对工作流程和导航的变化比较敏感,因此我们起初持谨慎态度。但收到的反馈令人感到安心。

许多人对它的简洁明了表示了赞赏。有人提到“很喜欢这款 App,它竟然能够在如此简约的 UI 和 UX 下实现如此强大的功能。”还有人称它为“简洁易用的 CRM,既涵盖基础功能,又避免了让操作过度复杂化。”


An iPad screen showing a project management and timesheet application. The left pane lists active projects, while the right pane displays details for a Furniture Shipping project, including hourly billing rates, unbilled hours, and a detailed timesheet log.

“Books”是一款云会计 App,用于帮助中小企业跟踪财务状况。

从 App Store 下载“Books”>


最出乎意料的是什么?

Ramamoorthy: Liquid Glass 不仅没有拖慢,反而加速了我们在各个平台上的扩展。

用户一直期待推出“Bigin by Zoho CRM”的 Apple Watch 版 App,以帮助他们随时随地管理工作。我们已经做好规划并制作了初步的线框图。随后,Liquid Glass 发布了。承诺在操作系统发布首日即同步推出,意味着必须彻底重新构思 UI 的某些部分,当时大家预计这会推迟 Apple Watch 版 App 的推出。

结果却恰恰相反。由于 Liquid Glass 倡导采用结构化、分层且一致程度更高的设计系统,这种理念自然而然地延伸到了各个平台。我们为 iOS App 打下的基础使得体验扩展到 watchOS 的速度大大提升,原本预计需要数周的工作,仅用几天就完成了。

我们能够随 iOS、iPadOS 和 macOS 更新发布 Apple Watch 版 App,首日即在整个生态系统中提供了统一的体验。


Three Apple Watches are shown side-by-side against a white background, each displaying a different productivity dashboard interface. The left watch features a green screen showing three activities due today with colorful concentric progress rings, while the middle watch has an orange screen displaying details for a supplier negotiation task. The right watch displays a green screen showing monthly revenue of twenty-five thousand dollars with an upward-trending line graph from July to September.

Apple Watch 版“Bigin”的推出速度超出了团队的预期。“我们为 iOS App 打下的基础使得体验扩展到 watchOS 的速度大大提升。”Zoho 产品管理总监 Ashok Ramamoorthy 表示。

从 App Store 下载“Bigin”>


你遇到了哪些挑战,又是如何克服的?

Ramamoorthy: 最大的挑战在于应对代码库的深层变更。由于我们拥有众多功能丰富的成熟 App,引入新的设计语言意味着要在不影响稳定性的前提下,调整核心 UI 层。与基于 UIKit 的 App 保持一致性是另一项挑战。虽然 SwiftUI App 能够更加自然地适应调整,但要确保在 UIKit 环境中实现一致的 Liquid Glass 体验,需要付出额外的努力、进行细致的抽象处理,有时甚至需要彻底重新构思我们的 UI 组件设计方法。支持旧版操作系统增加了另一层难度,它要求我们在新的设计功能与尚未升级用户的可靠体验之间实现平衡。

克服这些挑战的关键在于通过内部迭代、顾客反馈以及 Apple 通过反馈渠道和研讨会提供的意见来持续学习。


继续阅读

开发者故事探索 Apple 社区中一些最具创造力的开发者分享的最佳做法和理念。在每个故事中,我们跟随开发者、设计师及工程师走进幕后,了解他们如何将非凡创意变为现实。

浏览所有开发者故事 >